多設(shè)備時代的UI設(shè)計法則：打造完美體驗的用戶界面

第1章 網(wǎng)站架構(gòu)
垂直、水平、前后的空間架構(gòu)
01 鏈接帶來的影響
02 考慮網(wǎng)站的空間立體結(jié)構(gòu)——垂直、水平、前后的關(guān)系
03 四個元素判定“身在何處”
04 視覺化頁面的前后關(guān)系
05 利用互動的表現(xiàn)形式呈現(xiàn)頁面的前后關(guān)系
06 通過視覺設(shè)計判斷當(dāng)前位置
07 標(biāo)簽體現(xiàn)層次的深度與廣度
頁面版式
08 什么是版式？
09 一欄式版式
10 變化豐富的一欄式版式
11 兩欄式版式
12 三欄式版式
13 兩欄式與三欄式版式的變化
14 網(wǎng)格式設(shè)計
15 響應(yīng)式網(wǎng)頁設(shè)計
導(dǎo)航欄
16 導(dǎo)航扮演的角色
17 導(dǎo)航欄的類型
18 常駐于頁面的頁首與頁尾
19 面包屑導(dǎo)航代表位置和路徑
20 面包屑導(dǎo)航的類型
21 全域?qū)Ш綑谂c區(qū)域?qū)Ш綑?br />22 可從其他地方返回的關(guān)聯(lián)性導(dǎo)航欄
23 垂直型與水平型的區(qū)域?qū)Ш綑?br />24 層次可以通過區(qū)域?qū)Ш綑趤盹@示
25 系統(tǒng)可以通過區(qū)域?qū)Ш綑趤盹@示
26 樹狀區(qū)域?qū)Ш綑诘奈恢?br />27 主要內(nèi)容區(qū)域的位置
28 固定導(dǎo)航欄的位置與內(nèi)容
一致性
29 一致性與靈活性的關(guān)系
30 一致性的效果
31 為什么會“迷路”？
第2章 設(shè)備界面
物理性限制
32 什么是設(shè)備的多元性
33 屏幕大小的影響
34 用戶與屏幕距離的影響
35 屏幕的方向性影響
36 輸入方式造成的影響
軟性限制
37 文字資料的特性
38 圖片文檔的特質(zhì)
39 圖片文檔的純文字化與矢量化
40 瀏覽平臺不同而產(chǎn)生的差異
滾動的方向性
41 什么是自然的滾動方向
42 滾動文字造成的影響
43 屏幕形狀對頁面滾動的影響
44 元素形狀對頁面滾動的影響
45 元素間距對頁面滾動的影響
46 垂直與水平方向并存的滾動方式
47 頁面滾動與翻頁的關(guān)系
與設(shè)備互動
48 互動與反饋的關(guān)系
49 鼠標(biāo)操作產(chǎn)生的反饋
50 由觸摸屏產(chǎn)生的反饋
51 由遙控器操作產(chǎn)生的反饋
無縫界面
52 什么是無縫界面？
53 覆蓋式界面
54 嵌入式界面
55 滑動式界面
56 加載滾動界面
57 加載翻頁界面
58 加載平移界面
59 滾動播放式界面
60 無縫步驟
第3章 體驗設(shè)計
理解與體驗
61 平面結(jié)構(gòu)與立體結(jié)構(gòu)的差別
62 從平面考察
63 用立體的視角了解網(wǎng)站的結(jié)構(gòu)
64 利用局部原型進(jìn)行體驗
65 真機(jī)體驗
設(shè)計的講究
66 將界面變得簡明
67 可以自然操作的界面
68 活用共通概念
69 運(yùn)用顏色來辨別效果
70 標(biāo)準(zhǔn)化版型與頁面元件
71 避免冗長
72 運(yùn)用精簡的方法創(chuàng)造豐富的內(nèi)容