美文网首页Sketch使用小技巧Sketch每天写1000字
《动静之美——Sketch移动UI与交互动效设计详解》出版历程

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

作者: 黄方闻 | 来源:发表于2016-08-01 02:05 被阅读1197次

    随着移动互联网的迅速崛起,对移动产品界面的设计质量和迭代速度都有了更高的要求,市面上开始涌现出一批专门针对移动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搭配进行动效的设计。

    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等软件也在不断的迭代升级,所以经常写到后面发现前面的内容需要更新,又会回过头去对前面内容进行修改,尽量保证内容的最新。

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

    排版之后是录制视频。

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

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

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

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

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

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

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

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

    相关文章

      网友评论

      • shea:sketch版本升级太快,有点吃亏啊,基础功能虽然差不多,但是很多地方也有变化,黄兄能给大家update变化细节,就最好了,加油。
      • Starcathy:干货满满,看了觉得收获很多,感谢付出。
      • 一丁半月:很高兴看到有skerch交互动效的书,会买一本看
      • Mrs_Atlanta:刚买还没时间看,
      • 1805a14e9919:买来这本书,花了近一个星期时间读完,感觉就像是老师面对面的辅导,很生动,书中每一页都是干货。受益匪浅,感谢:pray:
      • 76fe00593060:老师,我买了书可是网上教程在哪找到?
        76fe00593060:@佘战文 好谢谢
        佘战文:@Diunastar 视频在扫描封底的二维码有下载的方法,视频也可以在线观看。
      • 3827df720c3e:在哪下载软件
      • 赵小客:怎么没有做出来的动效展示。
      • 8b90645847a6:已经买了书 期待~

      本文标题:《动静之美——Sketch移动UI与交互动效设计详解》出版历程

      本文链接:https://www.haomeiwen.com/subject/majxsttx.html