觸類旁通

《觸類旁通：多終端時代的觸屏界面設計》深入觸屏人機交互構成的核心，以大量的用户調研數據為基礎，分析了多終端時代觸屏設備用户使用習慣的變化及其對設計的影響，總結出了觸屏界面設計原則和規律，並給出了具體的設計案例。

這是一本立足現在、面向未來的優秀設計範本，值得每一位界面設計師及希望進入產品設計行業的讀者珍藏並作為案頭參考。 ^[1] 

1　實體化界面/1

數字與工業設計的融合/3

人們怎樣使用手機/4

人們怎樣使用平板手機/7

平板電腦：屏幕更大，變數更多/11

混合型設備：帶有鍵盤的觸屏/13

觸屏設備界面佈局設計/17

手機的界面佈局/20

平板手機的界面佈局/30

平板電腦的界面佈局/38

混合型設備的界面佈局/41

2　靠不住的屏幕/45

靠屏幕尺寸判斷輸入方式？沒那麼簡單/46

假設所有設備都有觸屏/49

同時面向觸屏和鼠標進行設計/50

7毫米=足夠大 /56

位置，位置，位置：目標元素尺寸與佈局的關係/57

交互元素的最小尺寸：44（像素、點、dp） /58

關於em /60

避免擁擠/61

像素與視口/62

3　高效的觸屏界面/67

即時呈現/68

控制內容的高度/73

被濫用的輪播/75

精簡表單/81

真的需要鍵盤嗎/85

選擇正確的鍵盤類型/87

<select>下拉列表 /89

手勢vs.確認對話框 /93

解放雙手/95

4　手勢 /99

基礎手勢/100

麻煩的按鈕/104

以現實世界為指引/115

將手勢作為快捷方式/121

混亂與疏導/124

在網頁中實現手勢操作的複雜性/130

聚焦click事件 /132

在相冊和輪播中通過CSS實現滑動瀏覽 /133

瀏覽器中的觸控事件/137

300毫秒的延遲問題 /141

指針事件帶來的希望與困擾/143

怎樣發現手勢/146

5　手勢的可發現性 /149

與實際行動脱節的前置教學/149

擬物化設計：“我知道該怎樣使用它”/151

界面被拍平之後/154

不要過於擬真/156

多玩些遊戲/158

路漫漫其修遠/169

鳴謝 /171 ^[1]