像素雕琢 跨平臺(tái)用戶體驗(yàn)設(shè)計(jì)法則

第１章　布局中的力和重力\t001
1．1　搞清楚用戶是如何使用的\t001
1．2　兩種主要的“力”\t001
1．2．1　從上到下的“力”\t002
1．2．2　從左到右的“力”\t002
1．2．3　把這兩個(gè)“力”合在一起\t003
1．3　所以，用戶的瀏覽方向是對(duì)角線方向嗎？\t004
1．4　所以，用戶到底是怎樣瀏覽頁(yè)面的呢？\t004
1．5　本章所提到的技巧\t005
第２章　頁(yè)面元素?cái)[放指南\t007
2．1　四分布局\t007
2．1．1　主視覺區(qū)（Primary Optical Area）\t008
2．1．2　強(qiáng)視覺區(qū)（Strong Follow）\t008
2．1．3　終止區(qū)（Terminal Area）\t008
2．1．4　弱視覺區(qū)（Weak Follow）\t008
2．2　使用這個(gè)準(zhǔn)則需要分情況\t009
2．3　本章所提到的技巧\t009
第3章　實(shí)踐\t011
3．1　POCKET\t011
3．2　YOUTUBE\t012
3．3　注意！不要太依賴這個(gè)指南\t014
第４章　合理擺放元素\t015
4．1　使用方塊定義布局\t015
4．1．1　用框架來定義視覺流\t015
4．1．2　測(cè)試你的布局結(jié)構(gòu)\t016
4．2　兩個(gè)“力”已經(jīng)在起作用了\t017
4．3　“魔法”的神秘面紗已經(jīng)揭開\t018
4．3．1　一個(gè)小測(cè)驗(yàn)\t018
4．3．2　如何處理一些復(fù)雜的布局\t018
4．4　本章所提到的技巧\t019
第5章　協(xié)助用戶進(jìn)行決策\(yùn)t021
5．1　認(rèn)知過程初探\t021
5．2　理解用戶如何做決定\t021
5．2．1　果醬試驗(yàn)的第一步\t022
5．2．2　果醬試驗(yàn)的第二步\t022
5．2．3　那么這說明了什么\t022
5．2．4　Hick法則\t023
5．2．5　選擇的矛盾性\t023
5．2．6　果醬試驗(yàn)的第三步\t023
5．2．7　幸虧我們有Miller\t024
5．3　用戶決策的四項(xiàng)原則\t024
5．3．1　上述這些是如何影響設(shè)計(jì)的？\t025
5．3．2　布局的復(fù)雜程度在設(shè)計(jì)的初期已經(jīng)定義好了\t027
5．3．3　復(fù)雜頁(yè)面的處理方式\t027
5．4　本章所提到的技巧\t028
第6章　隱式指令控制\t029
6．1　格式塔（Gestalt）的世界\t029
6．1．1　這是什么？\t029
6．1．2　格式塔規(guī)則引導(dǎo)著我們\t031
6．1．3　接近原則（Proximity）\t031
6．1．4　為什么會(huì)進(jìn)行分組？\t032
6．1．5　在布局中使用“格式塔”\t032
6．1．6　格式塔的另一個(gè)例子\t033
6．2　大多數(shù)設(shè)計(jì)師存在的問題\t035
6．3　把隱式指令應(yīng)用到表單設(shè)計(jì)中\(zhòng)t036
6．4　接近原則的力量\t037
6．5　本章所提到的技巧\t037
第7章　讓頁(yè)面易于瀏覽\t039
7．1　從T．M．I到TL;DR\t039
7．1．1　我們不應(yīng)該讀\t039
7．1．2　我們不想閱讀\t040
7．2　基本的閱讀模式\t040
7．3　讓一切更簡(jiǎn)單\t042
7．3．1　7秒原則\t043
7．3．2　標(biāo)簽\t044
7．4　本章提到的技巧\t046
第8章　黃金分割與留白\t049
8．1　黃金分割\t049
8．2　留白\t052
8．2．1　完美結(jié)合\t053
8．2．2　留白和潛意識(shí)\t054
8．3　黃金分割與界面設(shè)計(jì)\t055
8．4　回到之前的內(nèi)容布局指南\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　網(wǎng)格的空間控制系統(tǒng)\t067
10．4　靜態(tài)元素和動(dòng)態(tài)元素\t067
10．5　尋找一致的柵格模型\t068
10．6　本章提到的技巧\t070
第11章　直觀的滾動(dòng)\t071
11．1　水平和垂直滾動(dòng)\t072
11．2　認(rèn)識(shí)折疊線\t072
11．3　讓滾動(dòng)變得更直觀\t074
11．4　本章提到的技巧\t077
結(jié)束語(yǔ)\t078