●章 界面設計概述
1.1 緒論
1.2 界面設計基本原則
1.3 界面設計研究範疇
1.3.1 網頁UI設計
1.3.2 移動端UI設計
1.3.3 智能設備UI設計
1.3.4 遊戲及其他領域UI設計
1.4 界面設計平臺及設計風格
1.4.1 智能手機及其平臺發展歷程
1.4.2 移動應用界面設計風格發展歷程
1.4.3 界面設計流行趨勢變化
1.4.4 移動應用界面設計人纔需求
文中參考文獻
推薦閱讀文獻
思考題
第2章 界面設計流程與模式
2.1 UI 設計工作流程
2.2 結構設計
2.2.1 界面流程圖設計
2.2.2 界面模式原型設計
2.3 交互設計
2.3.1 手勢互動
2.3.2 界面跳轉互動
2.3.3 基於界面優化的交互設計原則
2.4 視覺設計
推薦閱讀文獻
思考題
第3章 Axure RP概述
3.1 Axure RP 8介紹
3.2 Axure RP 8的主界面
3.2.1 菜單欄區域
3.2.2 工具欄區域
3.2.3 樣式工具欄
3.2.4 頁面編輯區域
3.2件庫區域
3.2.6 母版庫區域
3.2.7 工作區域
3.2.8 檢視器區域
3.2.9素大綱區域
思考題
第4章 應用Axure進行界面原型設計
4.1 頁面編緝區
4.1.1 頁面編輯區的作用
4.1.2 頁面編輯區的功能
4.1.3 實例——iOS時鐘App
4.2 Axure的件
4.2.1 繪制流程圖件
4.2.2 流程圖關聯頁面
4.2.3 流程圖顯示具體控件
4.2.4 流程圖的結構
4.2.5 實例——網易雲音樂App
4.3 應用Axure中的簡單交互
4.3.1 頁面觸發事件
4.3.2 “用例編輯”對話框
4.3.3 打開鏈接
4.3件的交互行為
4.3.5 動態面板
4.4 母版的使用
4.4.1 母版的概念
4.4.2 母版的功能
4.4.3 母版的創建方法
4.4.4 母版的拖放行為
4.4.5 實例——網易雲音樂App標簽欄
課後練習
第5章 綜合實戰應用——“愛彼迎”App低保真原型設計
5.1 需求描述
5.2 設計思路
5.3 準備工作
5.4 設計規範
5.5 原型制作
5.5.1 底部標簽導航母版設計
5.5.2 搜索框及海報位區域布局設計
5.5.3 “人氣目的地推薦”布局設計
5.5.4 “特惠房源”布局設計
5.5.5 海報輪播圖效果制作
5.5.6 “探索”頁面上下滑動與回彈效果制作
5.5.7 “人氣目的地推薦”區域左右滑動與回彈效果制作
5.5.8 “新年特惠房源”頁簽切換效果制作
課後練習
第6章 Adobe Illustrator概述
6.1 Adobe Illustrator介紹
6.2 Adobe Illustrator的主界面
第7章 應用Adobe Illustrator進行界面圖標設計
7.1 Adobe Illustrator CC的常用基本操作
7.2 常用工具的基本操作
7.2.1 線段工具
7.2.2 矩形工具
7.2.3 橢圓工具
7.2.4 多邊形和星形工具
7.3 對像的基本操作方法
7.3.1 選擇移動
7.3.2 調整圖形堆疊順序
7.3.3 編組
7.3.4 對齊與分布
7.4 填色與描邊
第8章 綜合實戰應用——圖標設計
8.1 制作安卓圖標
8.2 Material Design圖標繪制
8.2.1 制作谷歌瀏覽器圖標
8.2.2 繪制“文件”圖標
8.2.3 使用Adobe Illustrator制作視頻圖標按鈕
8.3 使用Adobe Illustrator制作斷線圖標
8.3.1 繪制“我的”圖標
8.3.2 繪制“發現”圖標
8.3.3 繪制“分類”圖標
8.3.4 繪制“旅遊”圖標
課後練習
第9章 Photoshop CC概述
9.1 Photoshop CC介紹
9.2 Photoshop CC的操作界面
9.3 文件的基本操作
參考文獻
課後練習
0章 應用Photoshop CC進行界面美化設計
10.1 Photoshop CC五大核心功能
10.1.1 改變設計對像順序——圖層
10.1.2 編輯圖像的準確區域——蒙版
10.1.3 調整圖像色彩色調——調整/填充圖層
10.1.4 精確把握編輯區域——選區
10.1.5 準確傳遞界面信息——文字
10.2 繪圖工具
10.2.1 矩形工具
10.2.2 圓角矩形工具
10.2.3 橢圓工具
10.2.4 多邊形工具
10.2.5 直線工具
10.2.6 自動形狀工具
10.2.7 鋼筆工具
10.3 質感提升工具
10.3.1 斜面和浮雕
10.3.2 描邊
10.3.3 內陰影
10.3.4 內發光
10.3.5 光澤
10.3.6 顏色疊加
10.3.7 漸變疊加
10.3.8 圖案疊加
10.3.9 外發光
10.3.10 投影
推薦閱讀文獻
課後練習
1章 綜合實戰應用——界面美化設計
11.1 工具類App界面設計
11.2 生活類App界面設計
11.2.1 扁平風格健康App界面設計
11.2.2 卡片投影風格烹飪App界面設計
11.2.3 半透明線條感音樂App界面設計
推薦閱讀文獻
課後練習
2章 界面動態效果制作
12.1 猴子跑動動態效果制作
12.2 啟動頁動態效果制作
內容簡介
本書共12章,兼顧界面設計的理論與實踐。~2章通過對界面設計研究範疇、移動應用界面設計風格發展史、界面設素變化趨勢等內容的介紹,啟發讀者思考界面設計發展趨勢和相關領域的聯繫與支持;第3~12章采用實例引導的方式,根據移動界面設計完成的順序,分別講解軟件Axure RP8、Adobe Illustrator、Photoshop在界面原型設計、界面圖標設計和界面美化方面的功能與方法,以及與內容相關的實例操作。 本書條理清楚、語言流暢,在內容組織上力求自然、合理、循序漸進,並提供了豐富的實例和實踐要點,使讀者更好地把握界面設計的特點,更容易理解所涉及的理論知識,掌握設計軟件的應用。 本書可作為高等學校信息設計、交互設計及相關專業的教材,亦可作為相關從業人員的參考書。