第1章 網站架構
垂直、水平、前後的空間架構
01 鏈接帶來的影響
02 考慮網站的空間立體結構——垂直、水平、前後的關係
03 四個元素判定“身在何處”
04 視覺化頁麵的前後關係
05 利用互動的錶現形式呈現頁麵的前後關係
06 通過視覺設計判斷當前位置
07 標簽體現層次的深度與廣度
頁麵版式
08 什麼是版式？
09 一欄式版式
10 變化豐富的一欄式版式
11 兩欄式版式
12 三欄式版式
13 兩欄式與三欄式版式的變化
14 網格式設計
15 響應式網頁設計
導航欄
16 導航扮演的角色
17 導航欄的類型
18 常駐於頁麵的頁首與頁尾
19 麵包屑導航代錶位置和路徑
20 麵包屑導航的類型
21 全域導航欄與區域導航欄
22 可從其他地方返迴的關聯性導航欄
23 垂直型與水平型的區域導航欄
24 層次可以通過區域導航欄來顯示
25 係統可以通過區域導航欄來顯示
26 樹狀區域導航欄的位置
27 主要內容區域的位置
28 固定導航欄的位置與內容
一緻性
29 一緻性與靈活性的關係
30 一緻性的效果
31 為什麼會“迷路”？
========================================================
第2章 設備界麵
物理性限製
32 什麼是設備的多元性
33 屏幕大小的影響
34 用戶與屏幕距離的影響
35 屏幕的方嚮性影響
36 輸入方式造成的影響
軟性限製
37 文字資料的特性
38 圖片文檔的特質
39 圖片文檔的純文字化與矢量化
40 瀏覽平颱不同而産生的差異
滾動的方嚮性
41 什麼是自然的滾動方嚮
42 滾動文字造成的影響
43 屏幕形狀對頁麵滾動的影響
44 元素形狀對頁麵滾動的影響
45 元素間距對頁麵滾動的影響
46 垂直與水平方嚮並存的滾動方式
47 頁麵滾動與翻頁的關係
與設備互動
48 互動與反饋的關係
49 鼠標操作産生的反饋
50 由觸摸屏産生的反饋
51 由遙控器操作産生的反饋
無縫界麵
52 什麼是無縫界麵？
53 覆蓋式界麵
54 嵌入式界麵
55 滑動式界麵
56 加載滾動界麵
57 加載翻頁界麵
58 加載平移界麵
59 滾動播放式界麵
60 無縫步驟
========================================================
第3章 體驗設計
理解與體驗
61 平麵結構與立體結構的差彆
62 從平麵考察
63 用立體的視角瞭解網站的結構
64 利用局部原型進行體驗
65 真機體驗
設計的講究
66 將界麵變得簡明
67 可以自然操作的界麵
68 活用共通概念
69 運用顔色來辨彆效果
70 標準化版型與頁麵元件
71 避免冗長
72 運用精簡的方法創造豐富的內容
· · · · · · (收起)
垂直、水平、前後的空間架構
01 鏈接帶來的影響
02 考慮網站的空間立體結構——垂直、水平、前後的關係
03 四個元素判定“身在何處”
04 視覺化頁麵的前後關係
05 利用互動的錶現形式呈現頁麵的前後關係
06 通過視覺設計判斷當前位置
07 標簽體現層次的深度與廣度
頁麵版式
08 什麼是版式？
09 一欄式版式
10 變化豐富的一欄式版式
11 兩欄式版式
12 三欄式版式
13 兩欄式與三欄式版式的變化
14 網格式設計
15 響應式網頁設計
導航欄
16 導航扮演的角色
17 導航欄的類型
18 常駐於頁麵的頁首與頁尾
19 麵包屑導航代錶位置和路徑
20 麵包屑導航的類型
21 全域導航欄與區域導航欄
22 可從其他地方返迴的關聯性導航欄
23 垂直型與水平型的區域導航欄
24 層次可以通過區域導航欄來顯示
25 係統可以通過區域導航欄來顯示
26 樹狀區域導航欄的位置
27 主要內容區域的位置
28 固定導航欄的位置與內容
一緻性
29 一緻性與靈活性的關係
30 一緻性的效果
31 為什麼會“迷路”？
========================================================
第2章 設備界麵
物理性限製
32 什麼是設備的多元性
33 屏幕大小的影響
34 用戶與屏幕距離的影響
35 屏幕的方嚮性影響
36 輸入方式造成的影響
軟性限製
37 文字資料的特性
38 圖片文檔的特質
39 圖片文檔的純文字化與矢量化
40 瀏覽平颱不同而産生的差異
滾動的方嚮性
41 什麼是自然的滾動方嚮
42 滾動文字造成的影響
43 屏幕形狀對頁麵滾動的影響
44 元素形狀對頁麵滾動的影響
45 元素間距對頁麵滾動的影響
46 垂直與水平方嚮並存的滾動方式
47 頁麵滾動與翻頁的關係
與設備互動
48 互動與反饋的關係
49 鼠標操作産生的反饋
50 由觸摸屏産生的反饋
51 由遙控器操作産生的反饋
無縫界麵
52 什麼是無縫界麵？
53 覆蓋式界麵
54 嵌入式界麵
55 滑動式界麵
56 加載滾動界麵
57 加載翻頁界麵
58 加載平移界麵
59 滾動播放式界麵
60 無縫步驟
========================================================
第3章 體驗設計
理解與體驗
61 平麵結構與立體結構的差彆
62 從平麵考察
63 用立體的視角瞭解網站的結構
64 利用局部原型進行體驗
65 真機體驗
設計的講究
66 將界麵變得簡明
67 可以自然操作的界麵
68 活用共通概念
69 運用顔色來辨彆效果
70 標準化版型與頁麵元件
71 避免冗長
72 運用精簡的方法創造豐富的內容
· · · · · · (收起)
具體描述
本書從網站架構、設備界麵、體驗設計三個方麵，係統地提煉齣72條適閤當下多設備時代的UI設計方法，以期為用戶打造完美的使用體驗。同時，講解思路也不拘泥於界麵設計，除UI設計師外，本書同樣適閤産品經理、信息架構師、交互設計師等閱讀。
用戶評價
評分
##嗯，這本書的體驗很好
評分##swisse ad msg 14:00
評分##像建築一樣設計UI，很有趣的觀念
評分##基礎規則，是個基礎不紮實的人補充理論知識
評分##基礎規則，是個基礎不紮實的人補充理論知識
評分##他沒有迴首一種具體的方法，反倒總結齣不少經驗教訓。讀罷，雖記住的甚少，但感覺卻知道瞭不少。
評分##學習pad/自助終端/手機設計
評分網頁的空間結構，通過視覺設計判斷當前位置，版式：一欄，二欄，三欄，網格式設計，可從其他地方返迴的關聯性導航欄，層次可以通過區域導航欄來顯示，一緻性與靈活性之間存在著互斥的關係，用戶與屏幕距離的影響，元素形狀對頁麵滾動的影響，鼠標操作産生的反饋，互動與反饋的關係，嵌入式界麵，滑動式界麵，加載滾動界麵，加載翻頁界麵，加載平移界麵，局部原型體驗，真機測試，運用以往的習慣和經驗法則。
評分##講 UI 設計的一些基本規則，比較適閤基礎用戶。 高級用戶如果內心並沒有整理過明確的UI 設計規則，也可以藉此機會整理一下，能更好地幫助思考。
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2026 windowsfront.com All Rights Reserved. 靜流書站 版權所有