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

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

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

本书购买地址:

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

sketch如何做设计稿交互_《动静之美——Sketch移动UI与交互动效设计详解》历程...相关推荐

  1. 场景UI交互动效设计法则与12种常见设计

    场景UI 交互动效的首要目标应是支持和增强用户在状态间的转化,在进行场景UI 交互动效设计时,通常遵循着6个目的.4项作用以及5大应用法则: 动效存在的6个目的: 1.吸引用户注意力在指定区域 2.表 ...

  2. sketch如何做设计稿交互_用 Sketch 绘制一份美观的交互稿

    经常有人问我:"你的交互稿怎么画得那么好看?能不能教教我?" 其实,我更期待听到的是:"你的方案怎么做得这么好?能不能教教我?" 毕竟,交互稿只是需求的沟通工具 ...

  3. sketch如何做设计稿交互_设计师用Sketch做设计稿时是用1倍图还是用2倍图做

    相信很多人跟我一样一直在纠结到底用一倍图做ui设计还是二倍图?国外的设计师喜欢用一倍,国内的设计师比较多用二倍,实际上两种选择都有自己的好处,今天就打算给大家抛砖引玉一下. 375x667px :一倍 ...

  4. sketch如何做设计稿交互_交互设计师是做什么的——交互设计的历史、现状和未来...

    交互设计是定义.设计人造物系统的行为的设计领域,它定义了两个或者多个互动的个体之间交流的内容和结构,使之互相配合,达成某种目的.--百度百科 交互设计师是以人的需求为导向,理解用户的期望和需求的同时, ...

  5. Principle 6.9 中文版 Mac平台交互动效设计神器

    Principle 是前 Apple 工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者 Gif 分享到 Dribbble.Twitter 等社交平 ...

  6. 改善交互动效设计 实例

    前言:这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议. 我们将在下文中,简单探讨如何改善下面的这个交互. UI动效设计的反面案例(线上 ...

  7. sketch如何做设计稿交互_设计干货 | Sketch 的交互插件强势更新,再也不用为跳转的事发愁了!...

    可能很多人对 InVision 是做什么的不太清楚,这里稍微科普一下,除去需要 VPN 来提速(不是被墙),这家公司应该是目前所有原型工具中最优秀的,没有之一.无论是对于产品的理解.体验的设计,还是对 ...

  8. sketch如何做设计稿交互_当屏幕可以折叠,交互设计怎么做

    折叠屏终端上市,无形中增加了电商平台的开发运维成本.笔者根据折叠屏的特点,提出了三种交互方案,看看如何在折叠屏上展示界面. 2007年,当乔布斯举着没有物理键盘的iPhone向全世界展示他的新发明时, ...

  9. sketch如何做设计稿交互_做交互设计不可不知的十大原则

    交互界最知名的"尼尔森十大可用性原则",或者称之为"尼尔森十大交互原则",这是尼尔森(Jakob Nielsen)博士于1995年提出的非常经典的十大准则,虽然 ...

最新文章

  1. mysql amoeba 配置_Amoeba新版本MYSQL读写分离配置
  2. C#中多线程同步的Monitor理解
  3. java传送字符到前端_javaWeb后台特殊字符怎样还原传给前端正确显示?
  4. 企业使用云计算低效益怎么办?区块链或成良药
  5. 华为s8600手机驱动_华为自研驱动IC已流片,最快今年量产
  6. 算法工程师面试备战笔记2_一个完整机器学习项目的流程
  7. 学习Spring(一) -- 配置Spring
  8. 如何手动触发onchange事件? [重复]
  9. gradle 失败 编译项目_ElasticSearch编译时如何选择Gradle版本?
  10. CPU制造工艺完整过程(图文)
  11. 计算机室 多媒体教室制度,专用教室、多媒体教室管理制度
  12. 建设医疗人工智能的“四步曲”
  13. 微信点餐 创建订单报外键错误
  14. 新出计算机语言有哪些,2020年最新编程语言排名(十大编程语言的比较)
  15. css preserve-3d 使用
  16. 网红神盾七号重疾险再创新高,自带住院津贴,还能赔两次!
  17. 关于在GET请求中使用body
  18. antd Table 列hover高亮
  19. python练习------京牌车牌摇号
  20. 靶机18 driftingblues1

热门文章

  1. mac 设置应用图标不出现在Dock
  2. Day517.索引优化与查询优化 -mysql
  3. Qt解决dib图片无法正常显示
  4. SP冲上行(MO)的可行性分析
  5. 便签。9.24.2020
  6. OpenCV3.3人脸识别模块的API的变化
  7. 苹果手机怎么编辑word文档_今天才知道,苹果手机自带扫描仪功能,纸质文档一键电子化...
  8. 为什么很多事你坚持不了,但是嗑瓜子却能很久不停下来?---做事的反馈机制
  9. Python 最常见的 170 道面试题解析
  10. 【Scratch】青少年蓝桥杯_每日一题_12.09_地球绕太阳转,月球绕地球转