Design for the Future：Metro風(fēng)格解讀及設(shè)計(jì)指導(dǎo)

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