Design for the Future：Metro風格解讀及設(shè)計指導

第1章 Metro風格概述
1.1 Metro的淵源
1.1.1 地鐵與城市
1.1.2 包豪斯建筑
1.1.3 瑞士平面設(shè)計
1.2 Metro風格的原則
1.2.1 MetroUI的特點
1.2.2 MetroUI的區(qū)分
1.2.3 Metro哲學
1.3 Metro風格應用程序的演進
1.3.1 初露端倪
1.3.2 蓬勃發(fā)展
1.3.3 引領(lǐng)未來 第2章 Metro風格應用實例
2.1 Windows8Metro界面賞析
2.2 WindowsPhoneMetro界面賞析
2.3 Android和iOS中Metro風格應用界面賞析
2.4 Metro風格網(wǎng)站設(shè)計賞析
2.5 其他Metro設(shè)計風格的產(chǎn)品賞析 第3章 定義Metro風格的應用程序
3.1 設(shè)計Metro應用
3.1.1 明確應用的定位
3.1.2 設(shè)計產(chǎn)品的交互方式
3.1.3 定義產(chǎn)品使用的平臺特性
3.1.4 盈利模式
3.2 設(shè)計令人印象深刻的MetroUI
3.2.1 最適合產(chǎn)品的UI
3.2.2 一眼就愛上它
3.3 使用原型驗證MetroUI
3.3.1 開發(fā)原型產(chǎn)品
3.3.2 傾聽用戶的聲音 第4章 Metro風格設(shè)計指南
4.1 Metro頁面布局與配色
4.1.1 Metro的精髓——Tile
4.1.2 簡單且華麗的配色
4.1.3 字體樣式
4.2 導航與頁面切換
4.2.1 應用內(nèi)容的組織與導航
4.2.2 借助平臺的特有導航操作
4.3 Metro的觸摸操作
4.3.1 觸摸行為的定義
4.3.2 觸摸的目標
4.3.3 觸摸屏幕的合理操作區(qū)域
4.3.4 設(shè)定使用場景
4.4 Metro控件設(shè)計準則
4.4.1 啟動界面設(shè)計準則
4.4.2 消息通知設(shè)計準則
4.4.3 鎖屏設(shè)計準則
4.4.4 頁面內(nèi)控件的設(shè)計原則 第5章 多種類型應用的Metro設(shè)計指南
5.1 游戲
5.1.1 布局和導航
5.1.2 游戲內(nèi)控件
5.1.3 觸摸交互
5.1.4 設(shè)置和選項
5.1.5 暫停游戲
5.1.6 狀態(tài)管理與保存
5.1.7 游戲賬戶
5.1.8 改變視圖方向和窗口大小
5.1.9 啟動畫面和載入提示
5.1.1 0漫游
5.1.1 1合約
5.1.1 2WindowsPhone中的游戲
5.2 娛樂類應用
5.2.1 多媒體應用的布局和導航
5.2.2 在HUB頁面中點擊項目
5.2.3 播放體驗
5.2.4 劇集或視頻的前后章節(jié)導航
5.2.5 命令
5.2.6 等級與評論
5.2.7 字體與版式
5.2.8 合約
5.2.9 告訴用戶應用是有活力的
5.2.1 0方向和視圖
5.2.1 1應用啟動
5.2.1 2WindowsPhone中的娛樂應用
5.3 新聞類應用
5.3.1 布局和導航
5.3.2 命令
5.3.3 新聞應用中的版式
5.3.4 內(nèi)容的新鮮感
5.3.5 告訴用戶應用是有活力的
5.3.6 方向和視圖
5.3.7 應用啟動
5.4 工具類應用
5.4.1 概述
5.4.2 全屏模式
5.4.3 工具類應用的布局和導航
5.4.4 命令
5.4.5 工具類應用中的數(shù)據(jù)輸入
5.4.6 文本選擇
5.4.7 工具類應用中的版式
5.4.8 合約
5.4.9 告訴用戶應用是有活力的
5.4.1 0方向和視圖
5.4.1 1WindowsPhone中的工具應用 第6章 移植為Metro風格的應用
6.1 將ipad應用移植成Metro風格
6.1.1 布局和導航
6.1.2 命令和操作
6.1.3 合約
6.1.4 觸摸
6.1.5 方向和視圖
6.1.6 通知
6.2 將iPhone應用移植為Metro應用
6.2.1 布局和導航
6.2.2 命令和操作
6.2.3 方向和視圖
6.2.4 通知
6.3 將網(wǎng)頁移植成Metro應用
6.3.1 布局
6.3.2 導航
6.3.3 操作
6.3.4 觸摸操作 第7章 Metro的未來
7.1 Metro風格是微軟未來全線產(chǎn)品的風格
7.2 來自未來的風格
7.3 從Metro到Modern的轉(zhuǎn)變
7.4 白璧微瑕
……