Photoshop智慧型手機APP UI設計之道

«Photoshop智慧型手機APP UI設計之道»是一本關於圖像處理和平面設計的書籍。該書共12章,主要以Android、iOS和Windows Phone三大系統為操作平台講解用戶界面(UI)的設計思路和製作過程。

簡介

隨著智慧型手機在中國的快速發展,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

相關詞條

熱門詞條

聯絡我們