恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
《动静之美——Sketch移动UI与交互动效设计详解》历程
0.0°
2016-08-01 原创文章 经验/观点 举报 17341 124 104 21

        随着移动互联网的迅速崛起,对移动产品界面的设计质量和迭代速度都有了更高的要求,市面上开始涌现出一批专门针对移动UI设计的软件,Sketch便是其中的佼佼者。Sketch因其强大的功能以及极低的入门门槛已经成为越来越多UI设计师和交互设计师的首选设计工具。UI设计和交互设计相对于其他设计而言已经不仅仅是视觉层面的需求,更多的是从用户需求和用户心理去分析思考,并在工作中经常需要将界面“动”起来。



        在Sketch出现之前,我使用Photoshop作为主要的UI设计工具,当时设计一个界面,需要拉各种辅助参考线,每次新设计一个界面又得重新创建一个文件,切图也需要花很长时间……可是当时觉得一切都很自然,直到Sketch的出现。



        接触到Sketch是一个偶然的机会,得益于我天生较强的好奇心,喜欢尝试一切新的事物,当时国内知道Sketch的人少之又少,但当我试着使用Sketch设计完第一个界面的时候,发现再也离不开它了。慢慢地我习惯向周围的人介绍Sketch的各种优点,从同事到朋友;也习惯在使用Sketch的几年内不断在互联网上获取和Sketch相关的一切资源,从国内到国外。



        到2016年,Sketch在国内的普及度已经非常高了,关于Sketch的特点以及这款软件在UI设计方面所具备的优势,我相信随着大家对本书的深入阅读,心中会有一个答案,但是我想说的是,非常感谢选择了Sketch的你,你也应该要感谢勇于尝试新软件的自己,可以确定的是,学完Sketch,你所得到的将远大于你所付出的。


        本书在编写过程中尝试使用一种不同于市面上一般软件教程的写作顺序,即采用实际工作中的设计顺序去写作,让大家在学习过程中,不仅可以掌握软件的使用方法,同时可以明白不同功能会在什么情况下使用。



        回忆自己学软件的过程,其实学习一款软件有两种方法,一种是从零开始非常全面的对该软件 进行了解去学习;另外一种是当遇到什么问题是再去找相应地解决方法。前一种方式的弊端是学习时往往缺少一个具体的目标,容易分不清重点与非重点,而后一种方式的弊端在于往往学得不够全面。



        我试图去寻找一个不一样的方法,把上面两种方式的优点进行结合,于是便有了这本书现在的编排体系——不局限于软件本身的使用,更多的是设计思路和设计规范等内容的分享,让读者在掌握UI设计和交互动效设计精髓的同时不知不觉中彻底掌握Sketch,并能用keynote、principle和pixate等软件进行交互动效设计。



        在日常工作中,比如设计一个登录界面,首先需要绘制好这个界面的原型图,然后进行界面设计,接着放入需要的图标,再进行不同尺寸屏幕的适配,如果需要还会进行Apple Watch端的设计,最后是规范化的标注、导出和进行动效设计。本书的内容同样是遵循这样的工作流程进行编排,所以这是一本能真正回归工作的书。


        我希望大家在阅读完本书后不仅能掌握使用软件的技能,更能成为一名合格的UI设计师。适合刚从事UI设计行业的新人、在校学生以及所有想学习Sketch和交互动效的朋友们。



        本书内容分为两部分:第一部分是UI界面的设计教程,大家可以在该部分中学习如何使用Sketch进行移动UI界面、图标和Apple Watch界面的设计;第二部分是交互动效教程,大家可以在该部分学习如何将几款优秀的交互动效设计软件和Sketch搭配进行动效的设计。


        Image title


        

        CHAPTER 01 移动UI设计师的入门

        CHAPTER 02 初识Sketch

        CHAPTER 03 从线框原型开始

        CHAPTER 04 移动UI界面的设计

        CHAPTER 05 移动UI图标的设计

        CHAPTER 06 设计稿的后续处理

        CHAPTER 07 Apple Watch界面的设计

        CHAPTER 08 Sketch知识点补充及使用技巧

        CHAPTER 09 移动交互动效设计基础知识

        CHAPTER 10 让界面动起来

        CHAPTER 11 移动UI设计师的成长

     

        写书其实是一种很微妙的感觉,想想在这个世界,自己的文字可以变成纸制品而留下,确实是一件很幸运的事情。


        每天写书的时间固定在晚上7点到凌晨2点,每天7个小时,四个月的时间,写出近600页的书稿,为了保证尽快出版,当时是每写一章发给编辑一章,然后编辑会很认真细致的看稿子的每个字,然后在word里标注出需要修改的内容,发给我进行修改。

        在写这本书的226和日日夜夜中,Sketch等软件也在不断的迭代升级,所以经常写到后面发现前面的内容需要更新,又会回过头去对前面内容进行修改,尽量保证内容的最新。

        Image title


        书的排版过程中遇到最多的问题是插图,为了保证书内插图具有Retina级的清晰的清晰度,我们只要发现插图有模糊的可能,就会全部替换。

Image title


        排版之后是录制视频。

      

        录制视频的过程虽然没有写书那样需要一个字一个字的敲打出来,但是也绝对不是轻松的事情,再加上是第一次录制视频,难免会有紧张的情况,所以最开始录10分钟,需要花上3~4个小时,并且录制过程环境需要保持绝对的安静,经常是整个房子就我一个人的声音,然后媳妇儿在旁很小心翼翼避免发出任何声音,所以特别感谢她的支持。

        

        当然这个时候出版的编辑正在抓紧时间对全书进行纸稿校对,而且据说需要校对三次,比之前的Word审核更加严格。在这个过程中,编辑会经常发一些需要修改内容的截图过来,看着上面满满的批注觉得编辑们实在是太辛苦了。里面每个有疑问的地方都再三斟酌后进行修改,尽量保证了本书内容的严谨性。

Image title


        书名和封面是在最后才确定,需要根据内容来定——和UI设计的过程一样,一个APP的icon往往是最后才确定,因为icon的风格往往需要和APP界面整体风格保持一致,如果先确定了icon,在界面设计时就会非常被动。


        考虑到本书的内容实际上更多的是讲UI设计的内容,而不局限于软件本身,并且讲了静态界面的设计和动效的制作,最终将书名确定为《动静之美——Sketch移动UI与交互动效设计详解》。而到了封面设计时,因为是自己的第一本书,还是决定自己动手。

Image title


        书的清晰度非常高,色彩十分饱和,插图中的每个数字都非常清晰。

Image title


        本书是正16开,下图是一个印张,16开意味着一个印张可以印刷出16页的内容。

Image title

    

        非常感谢一路过来帮助我的朋友,我并非大牛,只是一个十分热爱也愿意付出十分努力在这个行业的从业者,能有机会写这样的一本书实在是一件幸运的事情。这本书也算是我这几年经验的总结,如果能帮助到大家,将会是我最开心的事情。最后,特别感谢各媒体和同行朋友们为本书所做的推荐(排名不分先后)。

Image title

Image title


        为了大家能更好的学习本书,大家有任何问题可以直接与我交流,如果在书中发现任何问题也请批评指正,我们会在下一版中进行更正。谢谢大家看完!


        本书购买地址:


        京东:http://item.jd.com/11993080.html

        当当:http://product.dangdang.com/24003312.html

        亚马逊:https://www.amazon.cn/dp/B01ION3VUU/




更新:2016-08-01

收藏

124人已收藏

黄方闻

把每一件事,做到极致

  • 11

    作品

  • 1360

    粉丝

  • 3

    关注

  • iOS10的锁屏界面交互方式的深入思考
  • 入行用户体验设计,规范是一切的开始
  • 实用Sketch小技巧03——输入框的运算和圆角的设置
  • 实用Sketch小技巧01——自定义快捷键

    猜你喜欢

      2016-08-01 原创文章 经验/观点 举报 17341 124 104 21

      《动静之美——Sketch移动UI与交互动效设计详解》历程

      0.0°

      你确定要举报《动静之美——Sketch移动UI与交互动效设计详解》历程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年08月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      104
      124
      21

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录