移動優先與回響式Web設計

《移動優先與回響式Web設計》是2014年9月人民郵電出版社出版的圖書，作者是[美] Luke Wroblewski，Ethan Marcotte 。

基本介紹

• 書名：移動優先與回響式Web設計
• 作者：[美] Luke Wroblewski，Ethan Marcotte
• 出版社：人民郵電出版社
• 出版時間：2014年9月1日
• 頁數：207 頁
• 定價：49 元
• 開本：16 開
• 裝幀：平裝
• ISBN：9787115357199

內容簡介

科技日新月異，設備不斷推陳出新，Web設計師需兼顧不同設備——計算機、手機、寬屏電視，而每種設備的螢幕尺寸又各不相同。《移動優先與回響式Web設計》分為兩個部分：第一部分為著名的“Mobile First”，解釋為何移動網站的設計極為有效，闡述如何簡化頁面，刪去多餘功能，滿足用戶真正需要；第二部分介紹了回響式Web設計，通過利用靈活格線、靈活圖像和媒介查詢，以令網頁可靈活縮放，應付不同的設備及解析度。移動優先的理念是回響式Web設計的基礎，而後者又是實現理念的核心技術。只有深刻理解並掌握這兩部分內容，才能切實地為網際網路用戶帶來優秀的體驗，從而實現業務目標。

　　《移動優先與回響式Web設計》出自兩位資深用戶體驗專家之手，對整個業界產生了極其深遠的影響。對於Web設計師、開發人員，以及任何相關從業人員來說，《移動優先與回響式Web設計》都是移動網際網路時代的必讀之作。

圖書目錄

上冊

第1章　增長　2

1．1　變了什麼？　4

1．2　設備不同，功能不同　6

1．3　原生套用又如何？　8

1．4　事不宜遲　9

第2章　限制　11

2．1　螢幕大小　11

2．2　速度　15

2．3　時與地　16

2．3．1　地點　16

2．3．2　時間　17

2．4　接受限制　20

第3章　功能　21

3．1　找捷運站　21

3．2　瀏覽器又如何？　26

3．2．1　定位服務　26

3．2．2　設備置向/加速度計　28

3．2．3　觸控　31

3．3　擴充功能　32

3．4　移動優先　32

第4章　組織　34

4．1　配合移動用戶的習慣　34

4．2　內容比導航重要　36

4．3　四處瀏覽　37

4．4　返回　43

4．5　固定置底　44

4．6　保持清晰焦點　46

4．7　組織移動體驗　47

第5章　動作　48

5．1　大就是小　49

5．2　觸控何處？　52

5．3　學習觸控的語言　53

5．4　別怕NUI　57

5．5　填補浮動　58

5．5．1　加至主頁　58

5．5．2　輕按或滑動　59

5．5．3　外頁　61

5．5．4　乾脆移除　61

5．6　不能觸　61

5．7　準備，就緒，行動　62

第6章　輸入　63

6．1　歡迎輸入　63

6．2　問問題　64

6．3　答題　67

6．3．1　標準　67

6．3．2　標準以外　68

6．3．3　新標準　71

6．4　掩蓋困難　73

6．5　鋪設選項　75

6．6　表格與輸入欄以外　78

6．7　輸入大躍進　79

第7章　布局　81

7．1　萬物皆變，唯變不變　81

7．2　別他選　82

7．3　流暢靈活的回應　84

7．4　回響式設計　85

7．5　設備體驗　87

7．6　刪減　89

7．7　布局基石　89

下冊

第1章　回響式網頁　2

1．1　扣好安全帶　5

1．2　回響式建築　6

1．3　未來方向　8

第2章　靈活格線　11

2．1　靈活排版　14

2．1．1　隨境修復　16

2．1．2　從靈活字型到靈活格線　19

2．2　製作靈活格線　19

2．3　彈性外邊距和內邊距　28

2．3．1　豈能密不透風　28

2．3．2　使用負數　32

2．3．3　靈活地前進　35

第3章　靈活圖像　36

3．1　回頭，回到標記，標記　36

3．2　靈活圖像　39

3．3　這工作從不簡單　41

3．3．1　IE里的max-width　41

3．3．2　原來Windows真的恨透了我們　43

3．3．3　AlphaImageLoader是英雄，萬歲！　44

3．4　靈活地鋪設背景圖像　46

3．5　學會喜歡溢出　50

3．6　商討內容　51

3．7　靈活格線和圖像，智慧樹之作　53

第4章　媒體查詢　54

4．1　開始療傷　54

4．1．1　著眼點的問題　55

4．1．2　格線細小，問題巨大　56

4．1．3　寬屏煩惱　58

4．2　當前的問題　60

4．3　邁向回響式設計　60

4．3．1　認識媒體類型　60

4．3．2　類型錯配　62

4．3．3　媒體查詢來了　62

4．3．4　認識功能　63

4．3．5　了解功能　65

4．4　更能回響的機器人　65

4．5　媒體查詢實戰　68

4．5．1　想小一點　71

4．5．2　調至極限　80

4．6　兼容性事宜　82

4．7　為何要靈活？　85

第5章　實現回響式　89

5．1　周圍環境問題　89

5．1．1　了解用戶目的　91

5．1．2　認識“移動優先”　93

5．2　回響式工作流程　94

5．2．1　確認斷點　95

5．2．2　疊代、協作設計　95

5．2．3　互動地檢閱設計　98

5．3　負責任地實現回響式設計　101

5．4　再談漸進提升　107

5．4．1　加入JavaScript　108

5．4．2　懶惰地(但聰明地)載入內容　112

5．4．3　進一步改善　115

5．5　坐言起行，製作回響式設計　116

作者簡介

Luke Wroblewski，用戶體驗專家，因其“Mobile First”一書而廣為人知，他還著有《Web表單設計:點石成金的藝術》一書

Ethan Marcotte是一個多才多藝的用戶體驗設計師和開發者,他的工作展示了高質量代碼和美觀界面的完美結合。他提出了現今最為火熱的回響式WEB設計。