Design for the Future-Metro風格解讀及設計指導

《Design for the Future-Metro風格解讀及設計指導》是2013年電子工業出版社出版的圖書，作者是劉澤宏、李春旭、林靖雨。

基本介紹

• 書名：Design for the Future-Metro風格解讀及設計指導
• 作者：劉澤宏 李春旭 林靖雨
• ISBN：9787121190919
• 類別：計算機 > 數碼/設計 > UI/互動設計
• 頁數：215
• 出版社：電子工業出版社 
• 出版時間：2013 年2月
• 開本：16開

編輯推薦

Metro風格精品套用鑑賞和分析

Metro風格套用的設計流程詳解

業界標準的Metro風格套用設計規範

不同類型Metro套用設計原則

Android套用和iOS套用向Metro風格移植的方法

Metro未來發展的展望

Windowsphone上初露端倪

Windows 8上蓬勃發展

微軟全線產品均已採用

最簡潔的觸摸操作設計理念

這就是——Metro

乾淨、輕量、開放、快速

重內容，而非線框與修飾

優雅的文字

有情感的動畫

可靠的信息

鮮明的顏色

內容簡介

《design for the future——metro風格解讀及設計指導（全彩）》從metro風格的歷史到metro風格在軟體產品客戶端互動中的套用，帶領讀者領略metro風格簡潔的設計思想：文中還展示了大量優秀的metro風格設計示例，使讀者對metro風格有一定的感性認識：同時以windowsphone和windows 8套用為主，其他產品的metro風格設計為輔，詳細介紹metro風格套用的設計指導原則，使讀者掌握可實際操作的設計規範，設計和開發出符合微軟要求的metro風格的windows phone和windows 8套用；最後推演了metro風格的未來演進思路。

《design for the future——metro風格解讀及設計指導（全彩）》適合正在從事或將要從事windows phone和windows 8套用開發的產品經理、程式設計師、互動設計開發人員閱讀，也適合對微軟metro ui感興趣的開發人員和其他智慧型終端開發平台的ui互動設計開發人員參考。

目錄

《design for the future——metro風格解讀及設計指導（全彩）》

第 1 章 metro風格概述2

1.1 metro的淵源3

1.1.1 捷運與城市3

1.1.2 包浩斯建築4

1.1.3 瑞士平面設計6

1.2 metro風格的原則6

1.2.1 metro ui的特點7

1.2.2 metro ui的區分8

1.2.3 metro哲學9

1.3 metro風格應用程式的演進10

1.3.1 初露端倪11

1.3.2 蓬勃發展12

1.3.3 引領未來16

第 2 章 metro風格套用實例18

2.1 windows 8 metro界面賞析19

2.2 windows phone metro界面賞析28

2.3 android和ios中 metro風格套用界面賞析30

2.4 metro風格網站設計賞析32

2.5 其他metro設計風格的產品賞析36

.第 3 章 定義metro風格的應用程式40

3.1 設計metro套用41

3.1.1 明確套用的定位41

3.1.2 設計產品的互動方式43

3.1.3 定義產品使用的平台特性45

3.1.4 盈利模式48

3.2 設計令人印象深刻的metro ui49

3.2.1 最適合產品的ui49

3.2.2 一眼就愛上它53

3.3 使用原型驗證metro ui54

3.3.1 開發原型產品54

3.3.2 傾聽用戶的聲音60

第 4 章 metro風格設計指南64

4.1 metro 頁面布局與配色65

4.1.1 metro的精髓——tile66

4.1.2 簡單且華麗的配色72

4.1.3 字型樣式74

4.2 導航與頁面切換76

4.2.1 套用內容的組織與導航76

4.2.2 藉助平台的特有導航操作82

4.3 metro的觸摸操作86

4.3.1 觸摸行為的定義86

4.3.2 觸摸的目標88

4.3.3 觸控螢幕幕的合理操作區域92

4.3.4 設定使用場景95

4.4 metro 控制項設計準則96

4.4.1 啟動界面設計準則96

4.4.2 訊息通知設計準則97

4.4.3 鎖屏設計準則101

4.4.4 頁面內控制項的設計原則103

第 5 章 多種類型套用的metro設計指南110

5.1 遊戲111

5.1.1 布局和導航111

5.1.2 遊戲內控制項114

5.1.3 觸摸互動116

5.1.4 設定和選項116

5.1.5 暫停遊戲117

5.1.6 狀態管理與保存118

5.1.7 遊戲賬戶118

5.1.8 改變視圖方向和視窗大小119

5.1.9 啟動畫面和載入提示120

5.1.10 漫遊120

5.1.11 契約120

5.1.12 windows phone中的遊戲122

5.2 娛樂類套用122

5.2.1 多媒體套用的布局和導航122

5.2.2 在hub頁面中點擊項目126

5.2.3 播放體驗127

5.2.4 劇集或視頻的前後章節導航129

5.2.5 命令129

5.2.6 等級與評論132

5.2.7 字型與版式132

5.2.8 契約133

5.2.9 告訴用戶套用是有活力的135

5.2.10 方向和視圖135

5.2.11 套用啟動136

5.2.12 windows phone中的娛樂套用137

5.3 新聞類套用138

5.3.1 布局和導航138

5.3.2 命令145

5.3.3 新聞套用中的版式146

5.3.4 內容的新鮮感146

5.3.5 告訴用戶套用是有活力的148

5.3.6 方向和視圖148

5.3.7 套用啟動150

5.4 工具類套用151

5.4.1 概述151

5.4.2 全螢幕模式152

5.4.3 工具類套用的布局和導航152

5.4.4 命令158

5.4.5 工具類套用中的數據輸入162

5.4.6 文本選擇165

5.4.7 工具類套用中的版式165

5.4.8 契約166

5.4.9 告訴用戶套用是有活力的171

5.4.10 方向和視圖171

5.4.11 windows phone中的工具套用173

第 6 章 移植為metro風格的套用176

6.1 將ipad套用移植成metro風格177

6.1.1 布局和導航178

6.1.2 命令和操作 181

6.1.3 契約182

6.1.4 觸摸 186

6.1.5 方向和視圖188

6.1.6 通知 190

6.2 將iphone套用移植為metro套用191

6.2.1 布局和導航192

6.2.2 命令和操作193

6.2.3 方向和視圖194

6.2.4 通知195

6.3 將網頁移植成metro套用197

6.3.1 布局198

6.3.2 導航200

6.3.3 操作202

6.3.4 觸摸操作203

第 7 章 metro的未來206

7.1 metro風格是微軟未來全線產品的風格207

7.2 來自未來的風格208

7.3 從metro 到modern的轉變211

7.4 白璧微瑕213

媒體評論

任何一種作為潮流引領者的事物，其成長的過程都會—直伴隨著讚揚和指責，Metro也不例外，但我們有理由相信Metro必然會在發展中不斷地進行完善並臻於完美。

——作者

作為微軟現代套用界面風格的初始代號，Metro UI的出現，為人機界面設計提供了全新的角度。它拋掉了仿真主義的包袱，將頁面的空間歸還給內容本身，嚴謹但豐富的互動規範，在現有的各種設計風格中，它自成—格，獨特而前衛。

——微軟互動設計師 Dacid Liu