簡介
隨著智慧型手機在中國的快速發展,APP類軟體被越來越多的人青睞。Photoshop智慧型手機APP UI設計之道主要以Android、iOS和Windows Phone三大系統為操作平台講解用戶界面(UI)的設計思路和製作過程。
Photoshop智慧型手機APP UI設計之道共12章。分別介紹了圖示設計的領域和概念,包括圖示設計中材質繪製的色彩理論和圖示的設計技巧和用Photoshop製作各種UI常用元素的方法,即常用圖形、控制項、啟動圖示以及圖片特殊處理以及各種類型APP
軟體UI設計的實戰練習,同時還分析了各平台UI的設計思路。附錄還推薦了不少有用的UI設計的網路資源和視覺參考資料。
附贈的學習資源,內容豐富,具有極高的學習和使用價值,不僅完整收錄了書中所有實例的素材和源檔案,還包含書中所有實例的視頻教學錄像。
Photoshop智慧型手機APP UI設計之道適合想要快速掌握UI設計製作方法Photoshop的軟體使用者;也適合廣大平面設計愛好者和有一定設計經驗需要進一步提高圖像處理、平面設計水平的相關行業從業人員使用,還可作為各類計算機培訓學校、大中專院校的教學輔導用書。
目錄
目錄
第01章智慧型手機 APP 界面設計概述
1.1智慧型 APP界面設計概述010
1.1.1什麼是智慧型手機用戶界面 010
1.1.2優秀的界面具有哪些特點 011
1.2 APP界面設計的布局和分類 012
1.2.1 APP 界面設計的布局 012
1.2.2 APP 界面設計的分類 013
1.3如何製作出優秀的 APP界面 016
1.3.1你的 UI是不是保持著高度一致016
1.3.2用戶可以自由掌控自己的操作嗎017
1.3.3你對你的用戶群了解嗎 017
1.3.4你有預防錯誤的措施嗎 018
1.3.5你有沒有在重要的位置為用戶展示出最重要的內容018
1.3.6你的設計是不是顯得很簡約018
1.3.7你有沒有使用視覺提示019
1.3.8你的 UI有操作提示嗎 019
1.3.9你的內容清晰嗎 019
1.3.10你是怎樣使用色彩的 019
1.3.11你的 UI是不是太過花哨 020
1.3.12你的 UI結構是否清晰明了020
1.4 UI 設計師如何自我提升 020
1.4.1形狀 / 輪廓 021
1.4.2美術基礎021
1.4.3色彩識別 022
1.4.4引導視覺 022
設計思路:如何設計出更加友好的界面 024
知識拓展:瀏覽本書所有範例,從視覺上總結 APP UI設計的基本要素026
第02章手機 UI設計基礎
2.1關於手機030
2.1.1智慧型手機作業系統的分類 030
2.1.2手機螢幕的解析度 030
2.1.3螢幕的色彩 031
2.2 UI 設計相關知識 032
2.2.1什麼是 UI設計 032
2.2.2 UI設計的目的和重要性 033
2.2.3 UI設計中最重要的元素是什麼 033
2.2.4平面 UI與手機 UI的不同 033
2.3 UI 設計的原則 034
設計思路:一個 UI設計師去找工作,如何展示他的價值 037
知識拓展:思考一下 UI設計的流程 037
第03章APP 界面設計的色彩理論
3.1色彩的意象 040
3.2色彩的重要性042
3.2.1色彩的物理效應 042
3.2.2色彩的心理反應 042
3.3色彩的屬性 043
3.3.1色彩的分類 043
3.3.2色相 043
3.3.3明度 044
3.3.4飽和度 044
3.3.5色調 044
3.4色彩的搭配原則 045
3.4.1色相配色 045
3.4.2色調配色 046
3.4.3明度配色 047
3.5使用 Kuler配色 047
設計思路:如何找到完美的色彩搭配 050
知識拓展:色彩在 UI設計中起到什麼樣的作用 056
第04章Photoshop 製作圖示常用的編輯操作
4.1 Photoshop
4.1.1了解工作界面 058
4.1.2了解工具箱 059
4.1.3了解選項欄 059
4.1.4了解狀態欄 061
4.1.5了解面板 062
4.2 UI 設計的準則 063
4.3圖示設計的格式和大小 064
4.3.1 JPEG 格式 065
4.3.2 PNG 格式 065
4.3.3 GIF格式 065
4.3.4圖示尺寸大小 065
4.4跟大師設計一組圖示 066
4.4.1準備工作 066
4.4.2構思、草圖 067
4.4.3輔助背景製作 067
4.4.4基本形、放大067
4.4.5創作過程 068
4.4.6常用方法——變形 069
4.4.7成品 070
設計思路:設計一個圖示的三個階段 071
知識拓展:圖示格式的那點事 073
第05章手機 UI設計平面圖示製作
實戰 01 Home 圖示製作 078
實戰 02日曆圖示製作 079
實戰 03錄音機圖示製作 081
實戰 04資料夾圖示製作 083
實戰 05徽章圖形 085
實戰 06秒表圖形 088
設計思路:繪製基本形狀 092
知識拓展 1:了解繪圖模式 095
知識拓展 2:了解圖層樣式 095
第06章手機 UI設計的字效表現
實戰 01車燈字型 098
實戰 02星星字型 102
實戰 03牛仔布料字型 106
設計思路:如何在 APP UI中控制字號 109
知識拓展:字型配色的那點事 111
第07章UI的質感表現
實戰 01金屬 114
實戰 02膠布 118
實戰 03玻璃 121
實戰 04光滑表面 127
實戰 05木紋 135
實戰 06皮革 138
實戰 07紙張 143
實戰 08陶瓷 144
實戰 09光滑漆皮 147
實戰 10塑膠、金屬和玻璃綜合表現 152
設計思路:Apple 和 Android 移動端尺寸指南 155
設計思路:iOS 扁平化系統有哪些特色156
知識拓展:關於透明元素和透明度使用的藝術158
第08章手機 UI設計立體圖示製作
實戰 01 Dribbbleb 圖示製作 160
實戰 02按鈕圖示製作 164
實戰 03 Chrome 圖示製作 170
實戰 04 twieer 圖示製作 173
實戰 05照相機圖示製作 176
設計思路:如何讓圖示更具吸引力 182
知識拓展:立體圖示的設計原則183
第09章手機 UI按鈕設計
實戰 01發光按鈕 186
實戰 02控制鍵按鈕 189
實戰 03播放器按鈕 193
實戰 04清新開關按鈕 198
實戰 05高調旋鈕 203
設計思路:如何設計和諧的互動 208
知識拓展:關於按鈕設計,設計師的幾點建議 209
第10章手機 UI局部界面設計
實戰 01登錄界面 212
實戰 02設定界面開關 217
實戰 03通知列表界面 223
實戰 04日曆界面 230
設計思路:如何製作配色卡 236
知識拓展:關於進度條設計的幾點建議 240
第11章手機 UI零件設計大集合
實戰 01進度條 242
實戰 02音量設定 251
實戰 03選項設定 265
設計思路:導航列表的設計原則 273
第12章智慧型手機 UI整體界面製作
實戰 01Windows
實戰 02蘋果手機 iOS 界面總體設計 289
實戰 03 Android 手機界面總體設計 300
附錄 313