葉經(jīng)文,湖南新化人,碩士,F(xiàn)為衡陽師范學院教授,美術(shù)學院副院長。中國美術(shù)家協(xié)會會員,湖南省美術(shù)家協(xié)會水彩畫藝委會委員。近年來出版專著《水彩畫寫生與創(chuàng)作》,主編高校教材《色彩構(gòu)成》、《大學美術(shù)鑒賞》、《現(xiàn)代設(shè)計色彩寫生》等,參編高校教材多部;在《文藝研究》、《美術(shù)觀察》、《裝飾》等藝術(shù)類**期刊發(fā)表論文多篇。其美術(shù)創(chuàng)作《瑤鄉(xiāng)早市》、《有字帖的靜物》等十余件作品分別入選第十屆全國美術(shù)作品展等全國性美術(shù)展覽。長期從事智能手機 UI的設(shè)計與培訓工作,具有豐富的教學與實際設(shè)計經(jīng)驗。
第1章 手機UI 設(shè)計概述
1.1 手機UI 設(shè)計概述 002
1.1.1 什么是UI ? 002
1.1.2 優(yōu)秀的UI 具有哪些特點 003
1.2 UI 設(shè)計的布局和分類 003
1.2.1 UI 設(shè)計的布局 003
1.2.2 UI 設(shè)計的分類 005
1.3 如何制作出優(yōu)秀的UI 008
1.4 UI 設(shè)計師如何自我提升 012
1.4.1 形狀/ 輪廓 012
1.4.2 美術(shù)基礎(chǔ) 013
1.4.3 色彩識別 013
1.4.4 引導視覺 014
設(shè)計思路:如何設(shè)計出更加友好的UI 016
知識擴展:瀏覽本書所有范例,從視覺上總結(jié) UI 設(shè)計的基本要素 018
第2 章 手機UI 設(shè)計基礎(chǔ)
2.1 關(guān)于手機 021
2.1.1 智能手機操作系統(tǒng)的分類 021
2.1.2 手機屏幕的分辨率 021
2.1.3 屏幕的色彩 022
2.2 UI 設(shè)計相關(guān)知識 023
2.2.1 什么是UI 設(shè)計 023
2.2.2 UI 設(shè)計的目的和重要性 024
2.2.3 UI 設(shè)計中最重要的元素是什么 024
2.2.4 平面UI 與手機UI 的不同 025
2.3 UI 設(shè)計的原則 026
設(shè)計思路:一個UI 設(shè)計師去找工作,如何展示他的價值 029
知識擴展:思考一下UI 設(shè)計的流程? 029
第3 章 Photoshop 制作圖標常用的編輯操作
3.1 UI 設(shè)計的準則 032
3.2 圖標設(shè)計的格式和大小 034
3.2.1 JPEG 格式 034
3.2.2 PNG 格式 034
3.2.3 GIF 格式 034
3.2.4 圖標尺寸大小 035
3.3 跟大師設(shè)計一組圖標 036
3.3.1 準備工作 036
3.3.2 構(gòu)思、草圖 036
3.3.3 輔助背景制作 037
3.3.4 基本形、放大 038
3.3.5 創(chuàng)作過程 038
3.3.6 常用方法——變形 040
3.3.7 成品 041
設(shè)計思路:設(shè)計圖標的三個階段 042
知識擴展:圖標格式的那點事 044
第4 章 手機UI 的平面圖標制作
實戰(zhàn)01 Home 圖標制作 049
實戰(zhàn)02 日歷圖標制作 051
實戰(zhàn)03 錄音機圖標制作 053
實戰(zhàn)04 文件夾圖標制作 055
實戰(zhàn)05 徽章圖形 058
實戰(zhàn)06 秒表圖形 062
設(shè)計思路:繪制基本形狀 067
知識擴展1:了解繪圖模式 070
知識擴展2:了解圖層樣式 071
第5 章 手機UI 的字效表現(xiàn)
實戰(zhàn)01 車燈字體 073
實戰(zhàn)02 星星字體 078
實戰(zhàn)03 牛仔布料字體 084
設(shè)計思路:在 APP UI 中如何控制字號 088
知識擴展:字體配色的那點事 090
第6 章 手機UI 的質(zhì)感表現(xiàn)
實戰(zhàn)01 金屬 093
實戰(zhàn)02 膠布 098
實戰(zhàn)03 玻璃 101
實戰(zhàn)04 光滑表面 107
實戰(zhàn)05 木紋 115
實戰(zhàn)06 皮革 119
實戰(zhàn)07 紙張 124
實戰(zhàn)08 陶瓷 126
實戰(zhàn)09 光滑漆皮 129
實戰(zhàn)10 塑料、金屬和玻璃綜合表現(xiàn) 135
設(shè)計思路1:Apple 和Android 移動端尺寸指南 139
設(shè)計思路2:iOS 扁平化系統(tǒng)有哪些特色 140
知識擴展:關(guān)于透明元素和透明度使用的藝術(shù) 142
第7 章 手機UI 的立體圖標制作
實戰(zhàn)01 Dribbbleb 圖標制作 145
實戰(zhàn)02 按鈕圖標制作 150
實戰(zhàn)03 Chrome 圖標制作 159
實戰(zhàn)04 twieer 圖標制作 164
實戰(zhàn)05 照相機圖標制作 169
設(shè)計思路1:圖標設(shè)計的流程 175
設(shè)計思路2:如何讓圖標更具吸引力 176
知識擴展:立體圖標的設(shè)計原則 177
第8 章 手機UI 的按鈕設(shè)計
實戰(zhàn)01 發(fā)光按鈕 179
實戰(zhàn)02 控制鍵按鈕 183
實戰(zhàn)03 播放器按鈕 188
實戰(zhàn)04 清新開關(guān)按鈕 195
實戰(zhàn)05 高調(diào)旋鈕 204
設(shè)計思路:如何設(shè)計和諧的交互 212
知識擴展:設(shè)計師關(guān)于按鈕設(shè)計的幾點建議 213
第9 章 手機UI 局部設(shè)計
實戰(zhàn)01 登錄UI 216
實戰(zhàn)02 設(shè)置UI 開關(guān) 222
實戰(zhàn)03 通知列表UI 230
實戰(zhàn)04 日歷UI 238
設(shè)計思路:如何制作配色卡 246
知識擴展:關(guān)于進度條設(shè)計的幾點建議 250
第10 章 手機UI 零件設(shè)計大集合
實戰(zhàn)01 進度條 252
實戰(zhàn)02 音量設(shè)置 262
實戰(zhàn)03 選項設(shè)置 278
設(shè)計思路:導航列表的設(shè)計原則 288
第11 章 手機UI 整體制作
實戰(zhàn)01 Windows Phone 手機UI 總體設(shè)計 291
實戰(zhàn)02 蘋果手機IOS UI 總體設(shè)計 307
實戰(zhàn)03 Android 手機UI 總體設(shè)計 320
附錄 網(wǎng)絡(luò)資源與常用UI 設(shè)計工具
1. 網(wǎng)上資源 336
2. 原型設(shè)計輔助工具 338