移动终端决胜之道—— APP视觉设计艺术（全彩）
ISBN:9787121245000
作者:SunI视觉设计 编著
页数:232页
作者简介
移动互联网给人们的生活带来了无限的便利，这一通信科技技术的快速发展使得“移动UI”成为了如今这个时代不容忽视的关键词之一，越来越多的设计师们也加入到移动UI的设计行列，《移动终端决胜之道—— APP视觉设计艺术（全彩）》便选取了其中的一个环节——移动UI的视觉设计，帮助使读者了解移动UI视觉设计的设计理念与一些需要遵循的法则，以便开阔读者的设计思路与想法。
《移动终端决胜之道—— APP视觉设计艺术（全彩）》共分为5个章节，我们又可以将其分为两大部分，第一部分为第1章与第2章，相当于全书的基础部分，以统筹与概括提炼的方式，对移动UI的大环境、相关的思维模式理论以及设计时需要把握的关键点进行了大致讲解，读者通过阅读后能够在脑海中形成一定地知识体系，理解什么是移动UI的视觉设计并认识到设计时的关键点。第二部分则为第3、4、5章，在这三个章节中则为基础部分的扩展，结合详细的移动UI视觉设计案例，使读者能对一些设计方法与理论得到更加具体与直观的理解，以便运用到日后的设计之中。
对应相关的设计理论知识，《移动终端决胜之道—— APP视觉设计艺术（全彩）》列举了大量移动UI的设计案例，并结合理论通过分析案例对错与比较的方式，让读者能更为直观且具体地理解理论所阐释的关键所在。读者不仅可以通过案例获取更多的设计灵感，也能通过对理论知识的了解进一步武装自己的设计思维，这也是编者希望通过本书所达到的目的。
书籍目录
第1章 移动互联网产品在变化／6
1.1 信息时代与产物/10
1.1.1 时代在变化/10
1.1.2 初识移动UI/11
1.2 层级化与理性思维/14
1.2.1 移动UI与层级化/16
1.2.2 移动UI与理性思维/20
1.2.3 层级化与理性思维和用户界面之间的关系/24
1.3 移动互联网产品的UI 设计也被艺术化？/26
1.3.1 用户的界面被“简化”了吗/27
1.3.2 透过艺术浅观移动UI“简化”的设计思维/30
第2章 数据时代的用户体验／32
2.1 认识移动UI 的用户与界面/36
2.1.1 移动UI 用户研究也有“4W”原则/37
2.1.2 交互设计与界面/38
2.1.3 用户与界面的概念归纳/39
2.2 用户体验与人机交互/41
2.2.1 新兴学科——用户体验设计/42
2.2.2 人机交互中的用户体验/43
2.2.3 用户体验与移动UI 视觉设计的关系/53
2.3 移动UI视觉设计也被视觉传达设计化？/58
2.3.1 用户界面也需要视觉传达的设计与布局/58
2.3.2 移动UI 视觉设计与视觉传达设计的关系/61
2.4 移动UI视觉设计中的思维模式/62
2.4.1 “傻瓜”应用是属于大众的/62
2.4.2 “傻瓜”应用为什么会大众化/63
第3章 格式塔中的视觉经验／72
3.1 观察结构与经验习惯/76
3.1.1 视觉经验与惯性体验/76
3.1.2 初识格式塔理论/76
3.2 格式塔理论与移动UI视觉设计/77
3.2.1 格式塔理论：接近性/77
3.2.2 格式塔理论：相似性/82
3.2.3 格式塔理论：连续性/92
3.2.4 格式塔理论：封闭性/103
3.2.5 格式塔理论：简化对称性/116
3.2.6 格式塔理论：主体与背景/120
3.2.7 格式塔理论：共同命运/124
3.3 综合运用格式塔理论 /129
3.3.1 对于格式塔理论的总结/129
3.3.2 将格式塔理论综合用于移动UI视觉设计之中/129
第4章 视觉优化的过程／130
4.1 感知与视觉结构/134
4.1.1 经验与感知/134
4.1.2 环境与感知/141
4.1.3 目标与感知/147
4.1.4 结构化与感知/152
4.2 阅读障碍的产生/163
4.2.1 阅读的方式/164
4.2.2 别让信息设计影响阅读/167
4.3 视力的局限性/170
4.3.1 中央凹与边界视线/170
4.3.2 兼顾视力局限的界面信息传达/173
4.4 色觉与视觉/177
4.4.1 色觉与色觉现象/177
4.4.2 移动UI视觉设计中的用色准则/184
第5章 可操控性体验／188
5.1 触控式交互体验/192
5.1.1 人机工程学与触屏时代/192
5.1.2 触屏时代与界面布局/196
5.1.3 移动UI 视觉设计的人机工程学/198
5.2 注意力、记忆力、思考力与可操控性/207
5.2.1 短期记忆与长期记忆/208
5.2.2 可操控性设计的六事项/213
5.3 尺寸与触感体验/221
5.3.1 符合体验的移动设备尺寸探究/221
5.3.2 需要了解的设计尺寸相关知识/226
内容概要
Sunl 视觉设计
Sunl 视觉设计，由一支优秀的用户体验设计师与平面图形图像设计师队伍组成，本书作者团队积累了很多APP用户体验设计的思考和方法，参加过多个商业项目的设计工作，熟悉行业规范、了解客户需求，拥有较高的设计水平，积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路；此外，他们拥有多年教育培训的经验，因此十分了解初学读者的心理需求，从而研究出了一套行之有效的教学方法，让读者能够真正地了解成功APP背后每一个界面细节设计的原理和思路，帮助大家在实际工作中更加完美地设计出最符合用户体验的优秀APP，激发读者的灵感、迸发发创意火花，达到事半功倍的效果。
移动终端决胜之道—— APP视觉设计艺术（全彩）下载 更多精彩书评
发布书评
精彩书评 (总计1条)
-
忽略那些浮夸的介绍，其实是不错的书。以下是读书过程的速记，添加了一些自己想到的例子。值得经常翻看。“移动互联网的最大特点是变化极快，传统的分析用户，调研市场，制定产品三年规划，在新的时代里已经落伍。人类群落本身也在迁移延边，产品经理更应该依靠直觉和感性，而非图表和分析，把握用户需求。产品经理永远都应该是文艺青年，而非理性青年。”——张小龙。【移动互联网产品在变化】：目的：什么是UI视觉设计，产生的原因，现状如何？1. UI就是用户界面。2. 层级化与理性思维：扁平化使界面变得杂乱，而将其层级化后条理清晰，逻辑化很强。要将层级化做好，就要首先对产品的各个功能评级，哪些是平级的，哪些是包含关系，都要理清（可以用Mindmanage之类的辅助画结构图）。微信：设置、会话、通讯录是平级的，多人会话与单人会话则是“会话”的子集，设置里面又包括账号安全、消息提醒、隐私、退出等功能。3. UI设计艺术化是最难的，但可以分解为很多小元素，一个个优化：文字说明和图形符号要简洁，一个词能搞定最好；各组件的布局也要简单，色彩搭配合理。简而言之，至繁归于至简。【数据时代的用户体验】1. GUI是用户图形界面设计，ID是交互设计，UE是用户体验利用4W做用户研究：who?收入、性别、年龄、爱好、教育。Where？学校、公共区、家庭、户外、公司。Why？沟通、办公、娱乐、管理、设计。When？触控、遥控、鼠标、声控、键盘。根据用户研究来构建使用场景、制定产品整体框架、发掘用户的潜在需求。功能界面的整合是越简单越好，但是不能胡来。栗子：以前收发短信，用户都要去打开收件箱，还只能看到当前消息，看不到历史记录，现在改版成了类似于QQ对话的形式。这种左右对称构图带来了视觉的均衡感，用色不同得以区分对话人间的关系；时间轴式分布，从上到下有序排列，有较强的逻辑感；楼层式排列，将界面规整的分割。在这个过程中，其实也存在着对界面构图、对界面中分配元素的色彩以及对界面中元素的排列组合等方面的思考，可以将它们看做是平面设计、色彩搭配、版式设计等一系列与视觉相关的设计。2. 傻瓜应用的大众化美图秀秀：“我只是想用更好的照片去描述与记录我的生活，并不是要完美的艺术品，并不是去参加摄影比赛。”我们只需要将功能打包，给用户“一键优化”就可以了。比如，我们不用照“复制图层-表面模糊-添加蒙版-擦除不需模糊的部分-调节饱和度-调节可选颜色”的流程来处理，只要“美一下”就好了。虽然说要简化操作流程，但适当对操作进行可视化处理也是必要的，能让用户有明显的点击与操控感，否则会感觉不到处理的前后差别。比如说，在对照片进行模糊处理的时候，如果标明哪一片是模糊处理的区域，而不是直接给出模糊后的效果。【格式塔理论与移动UI视觉设计】1. 格式塔理论是指我们在心不在焉，没有引入反思的现象学状态时的知觉的最终结果，强调经验和行为的整体性。其中与设计息息相关的格式塔原理有：接近性原理、相似性原理、连续性原理、封闭性原理、对称性原理、主体与背景原理和共同命运原理。2. 接近性和相似性：人们在视觉上自动将靠的近的或者相似的物体归为一组或一类。因此如何通过空间布局和元素设置来使“物体靠得近”就是目标。1）添加线条，给同组的物体划分区间。2）使用装饰色块，通过颜色区分组。3）不断进行微调。书中展示了通话记录的界面，感觉其实做的也不好，更加喜欢以时间为轴的纵向展示方式。是来电还是去电，拨打了几次，联系人分组都不是关键元素，代表通话的那个图标更是累赘！着重显示的是联系人姓名，电话号码，通话时间，如果是未接来电则标红，这样就够了。3. 连续性：我们的视觉系统会通过解析模糊或者以查漏补缺的方式来感知整体事物的倾向。主要用于动态展示过程，比如360用来表示CPU占用率的那个球，球内液体随着占用率的增加而逐渐填满整个球体，超过90%就变红预警；进度条也是这个原理；调节音量大小也是。要注意添加交互提示：音量调节可以有具体数字显示，如果没有数字提示，也可以采取“在黑色的圆环内填充白色”的方式，参考小米音量调节，这是以实填虚的方法。4. 封闭性：我们的视觉系统会将原本敞开的图形，自动尝试着封闭起来，从而将这些图形感知为完整的事物，而非是分散的碎片。常用在icon设计中，比如“相册”图标，就是将一张完整的照片加工成具备折纸式风格的设计，这个设计出来的新的整体就能被感知为复数啦，达到了我们“1+0.1=N”的效果。5. 简化对称性：我们倾向于将复杂的事物分解，将其解析为较为简单的事物后对其进行理解。6. 主体与背景：当小事物（色块）重叠在大事物之上，我们的视觉会倾向于将小事物（色块）归为主体，大事物为背景。比如我们经常看到弹出的“提示”对话框，需要注意的是：背景画面应与主体色调协调；不要让主体与背景脱节，如果“提示框”出现了，背景却消失了，则提示也没有了意义。7. 共同命运：视觉系统会给动态和静态的物体进行分组。也就是会把一起运动的事物归为一类，比如在滑动进度条的时候，页面会跟随着变化。当然了，格式塔理论是要综合应用的。【视觉优化的过程】1. 经验与感知。经验影响感知，违背习惯性地操作，可能会导致用户的认知出现盲目性。不要为了标新立异而标新立异，这种别扭只会让用户厌烦。2. 目标与感知。我们只会看到我们想看到的东西，而忽略了其余的东西，比如我想团购附近的KTV优惠券，我肯定是直接在导航栏的“KTV”的上去搜的，这时就需要系统为我定位，如果地点不对，应该提示我“是否更换地点”（这样的次要信息不能放在主界面，提示操作完成后就该隐藏了）。3. 结构化与感知。结构化的信息更容易让人理解，抽取关键字，制作表格，图形化等方法美化。结构化最重要的是层级化，当不能层级化时，可以将同级的信息平铺在当前页面，如果还有下级信息，可以加入类似“按钮下拉控件”的方式深入。4. 阅读障碍。阅读方式有特征驱动阅读和语境驱动阅读两种，前者可以脱离上下文，属于常识，后者要联系上下文，需要具体问题具体分析。最好让用户处于无意识的阅读状态，不要让他们想太多…比如MV就不要改成”Music Video”，尽量别改变他们的阅读习惯。小技巧：使用他们熟悉的词汇；不要缩小需要展示的文字信息；注意文字清晰度注意文字信息的对齐方式。5. 色觉与视觉。相对于感知亮度本身而言，我们的视觉系统对对比度与反差的感觉更为敏感。有几个要点：色彩的深浅度、色彩间的分隔距离、色彩所占面积的大小都会影响我们对颜色区别的察觉度。用色准则：利用对比在区别中突出重点信息；使用便于用户识别的颜色（蓝-黄、红-绿、黑-白是常用色）；色彩搭配中的深浅度、面积大小与远近关系；不要使用过于刺激的色彩搭配。【可操控性体验】1. 通过各种测试（怎么用肌肉不容易酸胀，手机拿得稳）得出了大拇指的操作范围，并确定锁屏按钮的最低点应该距离手机下边缘15mm，现在各布局都有了一定模板，照做即可，不要为了没有科学根据的“创新”自己作死。2. 替用户记忆。用户不会想要用脑去记忆在产品上做过什么，我们要提供一些措施缓解他们短期记忆的压力。比如在搜索时提供历史记录供选择，登录时提供第三方平台登录，邮件系统里面通过“星标”标注“未读邮件”，进度条设置时刻提醒用户已经完成到第几步（注册的时候），微信的未读信息会有“小红点”标示。用户往往是达成目的就转移注意力的，所以我们应该提醒他们做些扫尾工作，比如买了东西后“待评价”，歌曲下载完成后自动退出。
精彩短评 (总计15条)
-
排版设计实在不美观，关于格式塔的理论是书中值得看的部分，其他很啰嗦，鲜有亮点。 -
书中94页中图片把文字的都遮住了，没想到会出现这样的低级错误。
本书重点强调了用户体验的重要性，还介绍格式塔的设计原则。
当入门可以买来看看 -
还可以从格式塔理论分析了视觉设计的整体性视觉优化的过程包括感知视觉以及可操控性体验还算比较完整的说了一段应用时代如何设计UI的小窍门和规则 -
讲得很浅显。 -
很差。 -
干货很多。 -
排版差了点，但干货很多 -
有些地方说的有点浮夸，譬如标题“这是一场翻天覆地的视觉设计革命，请你马上做好准备”，不过里面内容还不错。值得一看，打算此书再看一遍 -
2014年11月出版的 认真看的感觉是作者把一个很简单的事情说的很绕，让我感到很难读 不认真随便翻翻 觉得什么也没说。。。。。。。 -
耐着性子用两个小时翻完了。这是一本自己打脸打得很凶的书。书里的图示和导图根本起不到为文字提供逻辑思维解释的作用，视觉体验实在是太差了。而且很浅显的道理，作者会翻来覆去的绕圈子讲……自然也讲不出什么深层次理论。 -
两小时看完。 -
内容一般 文笔不行。作为一本设计书 排版还能出现低级错误 而且案例的UI实在长得丑 -
例子很旧了 -
其实书还是不错的，看出作者团队在试图归纳一套视觉理论体系，但是有点乏力甚至有些故弄玄虚。另外本书本身的UI—版式设计相当的反人类，完全阻碍了阅读的流畅，版式差评！ -
偏视觉设计的书，所有没有仔细看进去