|
|
|
本書詳細介紹了使用Photoshop軟件設計與制作App UI的思路和方法。全書分為3個部分，共11章。第1部分為第1章、第2章，介紹了UI設計的基礎知識；第2部分為第3章至第10章，詳細介紹了用Photoshop制作各種UI常用元素（圖形、控件、啟動圖標以及圖片等）的方法與過程；第3部分為第11章，詳細介紹了不同手機系統下的UI設計案例。
葉經文，湖南新化人，碩士。現為衡陽師范學院教授，美術學院副院長。中國美術家協會會員，湖南省美術家協會水彩畫藝委會委員。近年來出版專著《水彩畫寫生與創作》，主編高校教材《色彩構成》、《大學美術鑒賞》、《現代設計色彩寫生》等，參編高校教材多部；在《文藝研究》、《美術觀察》、《裝飾》等藝術類權威期刊發表論文多篇。其美術創作《瑤鄉早市》、《有字帖的靜物》等十余件作品分別入選第十屆全國美術作品展等全國性美術展覽。長期從事智能手機 UI的設計與培訓工作，具有豐富的教學與實際設計經驗。
第1章 手機UI 設計概述
1.1 手機UI 設計概述
1.1.1 什麼是UI ？
1.1.2 優秀的UI 具有哪些特點
1.2 UI 設計的布局和分類
1.2.1 UI 設計的布局
1.2.2 UI 設計的分類
1.3 如何制作出優秀?
1.4 UI 設計師如何自我提升
1.4.1 形狀/ 輪廓
1.4.2 美術基礎
1.4.3 色彩識別
1.4.4 引導視覺
設計思路：如何設計出更加友好的
知識擴展：瀏覽本書所有范例，從視覺上總結 UI 設計的基本要素
第2章 手機UI 設計基礎
2.1 關於手機
2.1.1 智能手機操作系統的分類
2.1.2 手機屏幕的分辨率
2.1.3 屏幕的色彩
2.2 UI 設計相關知識
2.2.1 什麼是UI 設計
2.2.2 UI 設計的目的和重要性
2.2.3 UI 設計中zui重要的元素是什麼
2.2.4 平面UI 與手機UI 的不同
2.3 UI 設計的原則
設計思路：一個UI 設計師去找工作，如何展示他的價值
知識擴展：思考一下UI 設計的流程？
第3章 Photoshop 制作圖標常用的編輯操作
3.1 UI 設計的准則
3.2 圖標設計的格式和大小
3.2.1 JPEG 格式
3.2.2 PNG 格式
3.2.3 GIF 格式
3.2.4 圖標尺寸大小
3.3 跟大師設計一組圖標
3.3.1 准備工作
3.3.2 構思、草圖
3.3.3 輔助背景制作
3.3.4 基本形、放大
3.3.5 創作過程
3.3.6 常用方法——變形
3.3.7 成品
設計思路：設計圖標的三個階段
知識擴展：圖標格式的那點事
第4章 手機UI 的平面圖標制作
實戰01 Home 圖標制作
實戰02 日歷圖標制作
實戰03 錄音機圖標制作
實戰04 文件夾圖標制作
實戰05 徽章圖形
實戰06 秒表圖形
設計思路：繪制基本形狀
知識擴展1：了解繪圖模式
知識擴展2：了解圖層樣式
第5章 手機UI 的字效表現
實戰01 車燈字體
實戰02 星星字體
實戰03 牛仔布料字體
設計思路：在 APP UI 中如何控制字號
知識擴展：字體配色的那點事
第6章 手機UI 的質感表現
實戰01 金屬
實戰02 膠布
實戰03 玻璃
實戰04 光滑表面
實戰05 木紋
實戰06 皮革
實戰07 紙張
實戰08 陶瓷
實戰09 光滑漆皮
實戰10 塑料、金屬和玻璃綜合表現
設計思路1：Apple 和Android 移動端尺寸指南
設計思路2：iOS 扁平化系統有哪些特色
知識擴展：關於透明元素和透明度使用的藝術
第7章 手機UI 的立體圖標制作
實戰01 Dribbbleb 圖標制作
實戰02 按鈕圖標制作
實戰03 Chrome 圖標制作
實戰04 twieer 圖標制作
實戰05 照相機圖標制作
設計思路1：圖標設計的流程
設計思路2：如何讓圖標更具吸引力
知識擴展：立體圖標的設計原則
第8章 手機UI 的按鈕設計
實戰01 發光按鈕
實戰02 控制鍵按鈕
實戰03 播放器按鈕
實戰04 清新開關按鈕
實戰05 高調旋鈕
設計思路：如何設計和諧的交互
知識擴展：設計師關於按鈕設計的幾點建議
第9章 手機UI 局部設計
實戰01 登錄
實戰02 設置UI 開關
實戰03 通知列表
實戰04 日歷
設計思路：如何制作配色卡
知識擴展：關於進度條設計的幾點建議
第10章 手機UI 零件設計大集合
實戰01 進度條
實戰02 音量設置
實戰03 選項設置
設計思路：導航列表的設計原則
第11章 手機UI 整體制作
實戰01 Windows Phone 手機UI 總體設計
實戰02 蘋果手機IOS UI 總體設計
實戰03 Android 手機UI 總體設計
附錄 網絡資源與常用UI 設計工具
1.網上資源
2.原型設計輔助工具
