本书从用户界面基础的知识入手, 介绍了页面布局的基本原则, 为后面的复杂布局应用奠定基调; 之后, 从页面可读性、黄金分割、认知过程几个方面阐述了一个界面应该有的特征, 帮助读者掌握打造高品质用户体验的黄金法则。本书结构层次分明、内容简练精辟, 无论您是前端设计、开发工程师, 还是需求分析师, 本书都值得您仔细品味、消化吸收。

　　前端开发人员缺少的从来都不是工具，就好像程序员从来不缺少IDE一样。作为一个软件开发人员，更需要理论落实到具体方法上的指导，就像设计模式、开发框架之于程序员，在界面设计方面，这本书恰恰达到了这个目的。评判一个好的APP或者网站的标准有很多，人们首先想到的大多会是功能、内容等因素。然而，再丰富的功能，再充足的内容，也无法挽救一个布局凌乱，内容混杂的APP或网站所留给你的印象。对于一个印象大打折扣的APP或网站，你还会有兴趣继续关注它吗？我相信你不会。
　　通过这本书，你会了解到人们关注内容的方式与习惯，进而体会到作者所提到的那种能力——仅仅凭借静态的内容布局就可以实现引导用户的目的。神奇吗？不仅如此，黄金分割的真实案例，还会让你体会到日常事物不可言喻的美妙。原来一个简单的位置调整，就可以让一幅普普通通的照片变得生动起来，仿佛它有着自己的故事，让人浮想联翩。
　　作者丰富的设计经验让人折服，这对于前端开发工程师，尤其是在设计方面缺乏经验的人来说，是不可多得的宝贵财富，值得我们去学习和借鉴。而对大多数普通人而言，掌握其中的奥妙，能够让照片更加生动，让文档更加简洁易懂，如此，何乐而不为呢？

　　作者简介
　　TalFlorentin是UXVision公司创始人、CEO；UXHeroComics创始人、编辑；UXV创始人、总监；他在以色列和世界各地分享用户体验领域的知识，并拥有超120个用户体验项目的经验。


　　译者简介
　　天职信息：投之于桃，报之于李，在读到这本好书的时候，我们也渴望将它分享给每一位同行！在未来路上，我们也会不忘初心，秉持互联网精神,继续前行。这，只是一个开始！

第１章　布局中的力和重力 001
1．1　搞清楚用户是如何使用的 001
1．2　两种主要的“力” 001
1．2．1　从上到下的“力” 002
1．2．2　从左到右的“力” 002
1．2．3　把这两个“力”合在一起 003
1．3　所以，用户的浏览方向是对角线方向吗？ 004
1．4　所以，用户到底是怎样浏览页面的呢？ 004
1．5　本章所提到的技巧 005
第２章　页面元素摆放指南 007
2．1　四分布局 007
2．1．1　主视觉区（Primary Optical Area） 008
2．1．2　强视觉区（Strong Follow） 008
2．1．3　终止区（Terminal Area） 008
2．1．4　弱视觉区（Weak Follow） 008
2．2　使用这个准则需要分情况 009
2．3　本章所提到的技巧 009
第3章　实践 011
3．1　POCKET 011
3．2　YOUTUBE 012
3．3　注意！不要太依赖这个指南 014
第４章　合理摆放元素 015
4．1　使用方块定义布局 015
4．1．1　用框架来定义视觉流 015
4．1．2　测试你的布局结构 016
4．2　两个“力”已经在起作用了 017
4．3　“魔法”的神秘面纱已经揭开 018
4．3．1　一个小测验 018
4．3．2　如何处理一些复杂的布局 018
4．4　本章所提到的技巧 019
第5章　协助用户进行决策 021
5．1　认知过程初探 021
5．2　理解用户如何做决定 021
5．2．1　果酱试验的第一步 022
5．2．2　果酱试验的第二步 022
5．2．3　那么这说明了什么 022
5．2．4　Hick法则 023
5．2．5　选择的矛盾性 023
5．2．6　果酱试验的第三步 023
5．2．7　幸亏我们有Miller 024
5．3　用户决策的四项原则 024
5．3．1　上述这些是如何影响设计的？ 025
5．3．2　布局的复杂程度在设计的初期已经定义好了 027
5．3．3　复杂页面的处理方式 027
5．4　本章所提到的技巧 028
第6章　隐式指令控制 029
6．1　格式塔（Gestalt）的世界 029
6．1．1　这是什么？ 029
6．1．2　格式塔规则引导着我们 031
6．1．3　接近原则（Proximity） 031
6．1．4　为什么会进行分组？ 032
6．1．5　在布局中使用“格式塔” 032
6．1．6　格式塔的另一个例子 033
6．2　大多数设计师存在的问题 035
6．3　把隐式指令应用到表单设计中 036
6．4　接近原则的力量 037
6．5　本章所提到的技巧 037
第7章　让页面易于浏览 039
7．1　从T．M．I到TL;DR 039
7．1．1　我们不应该读 039
7．1．2　我们不想阅读 040
7．2　基本的阅读模式 040
7．3　让一切更简单 042
7．3．1　7秒原则 043
7．3．2　标签 044
7．4　本章提到的技巧 046
第8章　黄金分割与留白 049
8．1　黄金分割 049
8．2　留白 052
8．2．1　完美结合 053
8．2．2　留白和潜意识 054
8．3　黄金分割与界面设计 055
8．4　回到之前的内容布局指南 057
8．5　本章提到的技巧 059
第9章　合理利用屏幕 061
9．1　横向屏幕的合理布局 061
9．2　适合阅读的布局 062
9．2．1　有效地阅读vs．惬意地阅读 063
9．2．2　阅读 vs． 呼吸 064
9．3　本章提到的技巧 064
第10章　使用栅格辅助布局 065
10．1　不一致性带来的恶果 065
10．2　一致性布局背后的秘密 066
10．3　网格的空间控制系统 067
10．4　静态元素和动态元素 067
10．5　寻找一致的栅格模型 068
10．6　本章提到的技巧 070
第11章　直观的滚动 071
11．1　水平和垂直滚动 072
11．2　认识折叠线 072
11．3　让滚动变得更直观 074
11．4　本章提到的技巧 077
结束语 078