现在对UI设计已经有了更进一步的要求,设计师和产品经理用会“动”的产品方案提高客户的认可率。动效设计让设计师与开发人员、高层领导关于设计方案的沟通和设计意念的传达更简单、直观。但是使用如After Effects等专业软件时,新入门的设计师需要投入更多的精力去学习和调整,无法实现高效的工作和学习,本书解决了如何高效地制作动效设计稿的难题。用Sketch配合Principle软件可以高效完成设计稿的动效设计,并支持动效视频录制和Gif动图导出,为设计方案加分。
本书共分8章,首先讲述了Sketch和Principle软件的基础知识和基本操作;然后深入、系统地介绍设计思维,操作具体的实例,学习动效设计流程等;最后讲解如何导出交互操作视频、设计稿和Gif图,以此提升设计稿的通过率。本书配套有教学视频、练习素材和源文件,帮助读者学以致用,迅速掌握这一设计技能。
本书可作为从事UI设计行业的新入门设计师、资深UI设计师、高级UI设计师,以及产品经理、交互设计师等对动效感兴趣的设计爱好者学习。
精通UI知识及设计流程,快速掌握Sketch+Principle,配套教学视频及资源文件,移动UI动效设计从此不再难!
当UI设计师完成设计稿的时候,总会感到无比的兴奋和自信,但把设计稿交给客户或开发人员时,客户却无法体会其中的设计理念,以及开发人员搞不懂其中的设计效果,此时UI设计师内心是崩溃的!为什么会出现这样的情况呢?因为我们设计的稿件是一件“死物”,无法传达出设计师的设计思想和效果。传统上设计师可以在设计稿上加上描述文字,但并不是人人都有耐心去看设计师写的长篇大论!所以设计师必须和客户或开发人员面对面沟通细节,在开发后期还要24小时跟踪页面细节,这是既费时间又低效的做法。
那有什么办法解决设计的是“死物”这个难题呢?有!就是动效!本书共分为8章,使用设计工具Sketch与Principle配合,通过Sketch设计UI界面,再调用Principle软件来高效快速完成动效设计,让设计稿“活”起来!其中第1章普及了UI的设计知识和设计要点;第2章是Sketch的应用教学,让没接触过Sketch软件的新手设计师快速学会和使用;第3章是动效软件Principle的介绍和教学;第4章是用Sketch配合Principle完成我们的动效设计,包括时间延迟、点击反弹、运动曲线、Components部件、Drivers部件等重要功能的使用和学习;第4至第7章则是通过具体的实例操作,学习动效设计流程,达到学以致用的目的,让各位读者迅速掌握这一设计技能;第8章是介绍如何导出动效文件。
本书适合从事UI设计行业的新入门设计师、资深UI设计师、高级UI设计师,以及产品经理、交互设计师等专业人士学习使用。通过本书,不同层次的读者都有所收获:
1 .新入门设计师、设计爱好者,可以学习基础的UI设计知识和动效设计方法。
2. UI设计师,可以学会用Sketch和Principle软件设计动效稿、录制动效视频和导出动效Gif图。
3. 产品经理等使用原型图的专业人士,可以学习如何简化和降低交互线框图的复杂度,方便、高效地展示产品设计方案。
4. 交互设计师,可以通过Principle设计简单的动效原型来解析产品的交互细节。
轻松注册成为博文视点社区用户,您即可享受以下服务:
◎下载资源:本书教学视频及资源文件,均可在“下载资源”处下载。
◎提交勘误:您对书中内容的修改意见可在【提交勘误】处提交,若被采纳,将获赠博文视点社区积分(在您购买电子书时,积分可用来抵扣相应金额)。
◎与作者交流:在页面下方【读者评论】处留下您的疑问或观点,与作者和其他读者一同学习交流。