第1章 布局中的力和重力\t001
1.1 搞清楚用戶是如何使用的\t001
1.2 兩種主要的“力”\t001
1.2.1 從上到下的“力”\t002
1.2.2 從左到右的“力”\t002
1.2.3 把這兩個“力”合在一起\t003
1.3 所以,用戶的瀏覽方向是對角線方向嗎?\t004
1.4 所以,用戶到底是怎樣瀏覽頁面的呢?\t004
1.5 本章所提到的技巧\t005
第2章 頁面元素擺放指南\t007
2.1 四分布局\t007
2.1.1 主視覺區(qū)(Primary Optical Area)\t008
2.1.2 強視覺區(qū)(Strong Follow)\t008
2.1.3 終止區(qū)(Terminal Area)\t008
2.1.4 弱視覺區(qū)(Weak Follow)\t008
2.2 使用這個準則需要分情況\t009
2.3 本章所提到的技巧\t009
第3章 實踐\t011
3.1 POCKET\t011
3.2 YOUTUBE\t012
3.3 注意!不要太依賴這個指南\t014
第4章 合理擺放元素\t015
4.1 使用方塊定義布局\t015
4.1.1 用框架來定義視覺流\t015
4.1.2 測試你的布局結構\t016
4.2 兩個“力”已經在起作用了\t017
4.3 “魔法”的神秘面紗已經揭開\t018
4.3.1 一個小測驗\t018
4.3.2 如何處理一些復雜的布局\t018
4.4 本章所提到的技巧\t019
第5章 協(xié)助用戶進行決策\t021
5.1 認知過程初探\t021
5.2 理解用戶如何做決定\t021
5.2.1 果醬試驗的第一步\t022
5.2.2 果醬試驗的第二步\t022
5.2.3 那么這說明了什么\t022
5.2.4 Hick法則\t023
5.2.5 選擇的矛盾性\t023
5.2.6 果醬試驗的第三步\t023
5.2.7 幸虧我們有Miller\t024
5.3 用戶決策的四項原則\t024
5.3.1 上述這些是如何影響設計的?\t025
5.3.2 布局的復雜程度在設計的初期已經定義好了\t027
5.3.3 復雜頁面的處理方式\t027
5.4 本章所提到的技巧\t028
第6章 隱式指令控制\t029
6.1 格式塔(Gestalt)的世界\t029
6.1.1 這是什么?\t029
6.1.2 格式塔規(guī)則引導著我們\t031
6.1.3 接近原則(Proximity)\t031
6.1.4 為什么會進行分組?\t032
6.1.5 在布局中使用“格式塔”\t032
6.1.6 格式塔的另一個例子\t033
6.2 大多數設計師存在的問題\t035
6.3 把隱式指令應用到表單設計中\(zhòng)t036
6.4 接近原則的力量\t037
6.5 本章所提到的技巧\t037
第7章 讓頁面易于瀏覽\t039
7.1 從T.M.I到TL;DR\t039
7.1.1 我們不應該讀\t039
7.1.2 我們不想閱讀\t040
7.2 基本的閱讀模式\t040
7.3 讓一切更簡單\t042
7.3.1 7秒原則\t043
7.3.2 標簽\t044
7.4 本章提到的技巧\t046
第8章 黃金分割與留白\t049
8.1 黃金分割\t049
8.2 留白\t052
8.2.1 完美結合\t053
8.2.2 留白和潛意識\t054
8.3 黃金分割與界面設計\t055
8.4 回到之前的內容布局指南\t057
8.5 本章提到的技巧\t059
第9章 合理利用屏幕\t061
9.1 橫向屏幕的合理布局\t061
9.2 適合閱讀的布局\t062
9.2.1 有效地閱讀vs.愜意地閱讀\t063
9.2.2 閱讀 vs. 呼吸\t064
9.3 本章提到的技巧\t064
第10章 使用柵格輔助布局\t065
10.1 不一致性帶來的惡果\t065
10.2 一致性布局背后的秘密\t066
10.3 網格的空間控制系統(tǒng)\t067
10.4 靜態(tài)元素和動態(tài)元素\t067
10.5 尋找一致的柵格模型\t068
10.6 本章提到的技巧\t070
第11章 直觀的滾動\t071
11.1 水平和垂直滾動\t072
11.2 認識折疊線\t072
11.3 讓滾動變得更直觀\t074
11.4 本章提到的技巧\t077
結束語\t078