《Photoshop智慧型手機UI設計》是2018年3月人民郵電出版社出版的圖書,作者是葉經文、王志成。
基本介紹
- 書名:Photoshop智慧型手機UI設計
- 作者:葉經文、王志成
- ISBN:9787115423740
- 定價:89元
- 出版社:人民郵電出版社
- 出版時間:2018年3月
- 裝幀:平裝
- 開本:16開
內容簡介,圖書目錄,
內容簡介
本書詳細介紹了使用Photoshop 軟體設計與製作App UI 的思路和方法。全書分為3 個部分,共11 章。第 1 部分為第 1 章、第 2 章,介紹了UI 設計的基礎知識;第 2 部分為第3 章到第 10 章,詳細介紹了用Photoshop 製作各種UI 常用元素(圖形、控制項、啟動圖示以及圖片等)的方法與過程;第3 部分為第 11 章,詳細介紹了不同手機系統下的UI 設計案例。
本書適合已經掌握Photoshop CC 軟體基本使用方法的讀者閱讀。
圖書目錄
第 1章 手機UI 設計概述
1.1 手機UI 設計概述 002
1.1.1 什麼是UI ? 002
1.1.2 UI 具有哪些特點 003
1.2 UI 設計的布局和分類 003
1.2.1 UI 設計的布局 003
1.2.2 UI 設計的分類 005
1.3 如何製作出UI 008
1.4 UI 設計師如何自我提升 012
1.4.1 形狀/ 輪廓 012
1.4.2 美術基礎 013
1.4.3 色彩識別 013
1.4.4 引導視覺 014
設計思路:如何設計出更加友好的UI 016
知識擴展:瀏覽本書所有範例,從視覺上總結 UI 設計的基本要素 018
第 2 章 手機UI 設計基礎
2.1 關於手機 021
2.1.1 智慧型手機作業系統的分類 021
2.1.2 手機螢幕的解析度 021
2.1.3 螢幕的色彩 022
2.2 UI 設計相關知識 023
2.2.1 什麼是UI 設計 023
2.2.2 UI 設計的目的和重要性 024
2.2.3 UI 設計中最重要的元素是什麼 024
2.2.4 平面UI 與手機UI 的不同 025
2.3 UI 設計的原則 026
設計思路:一個UI 設計師去找工作,如何展示他的價值 029
知識擴展:思考一下UI 設計的流程? 029
第3 章 Photoshop 製作圖示常用的編輯操作
3.1 UI 設計的準則 032
3.2 圖示設計的格式和大小 034
3.2.1 JPEG 格式 034
3.2.2 PNG 格式 034
3.2.3 GIF 格式 034
3.2.4 圖示尺寸大小 035
3.3 跟大師設計一組圖示 036
3.3.1 準備工作 036
3.3.2 構思、草圖 036
3.3.3 輔助背景製作 037
3.3.4 基本形、放大 038
3.3.5 創作過程 038
3.3.6 常用方法——變形 040
3.3.7 成品 041
設計思路:設計圖示的三個階段 042
知識擴展:圖示格式的那點事 044
第4 章 手機UI 的平面圖示製作
實戰01 Home 圖示製作 049
實戰02 日曆圖示製作 051
實戰03 錄音機圖示製作 053
實戰04 資料夾圖示製作 055
實戰05 徽章圖形 058
實戰06 秒表圖形 062
設計思路:繪製基本形狀 067
知識擴展1:了解繪圖模式 070
知識擴展2:了解圖層樣式 071
第5 章 手機UI 的字效表現
實戰01 車燈字型 073
實戰02 星星字型 078
實戰03 牛仔布料字型 084
設計思路:在 APP UI 中如何控制字號 088
知識擴展:字型配色的那點事 090
第6 章 手機UI 的質感表現
實戰01 金屬 093
實戰02 膠布 098
實戰03 玻璃 101
實戰04 光滑表面 107
實戰05 木紋 115
實戰06 皮革 119
實戰07 紙張 124
實戰08 陶瓷 126
實戰09 光滑漆皮 129
實戰10 塑膠、金屬和玻璃綜合表現 135
設計思路1:Apple 和Android 移動端尺寸指南 139
設計思路2:iOS 扁平化系統有哪些特色 140
知識擴展:關於透明元素和透明度使用的藝術 142
第7 章 手機UI 的立體圖示製作
實戰01 Dribbbleb 圖示製作 145
實戰02 按鈕圖示製作 150
實戰03 Chrome 圖示製作 159
實戰04 twieer 圖示製作 164
實戰05 照相機圖示製作 169
設計思路1:圖示設計的流程 175
設計思路2:如何讓圖示更具吸引力 176
知識擴展:立體圖示的設計原則 177
第8 章 手機UI 的按鈕設計
實戰01 發光按鈕 179
實戰02 控制鍵按鈕 183
實戰03 播放器按鈕 188
實戰04 清新開關按鈕 195
實戰05 高調旋鈕 204
設計思路:如何設計和諧的互動 212
知識擴展:設計師關於按鈕設計的幾點建議 213
第9 章 手機UI 局部設計
實戰01 登錄UI 216
實戰02 設定UI 開關 222
實戰03 通知列表UI 230
實戰04 日曆UI 238
設計思路:如何製作配色卡 246
知識擴展:關於進度條設計的幾點建議 250
第 10 章 手機UI 零件設計大集合
實戰01 進度條 252
實戰02 音量設定 262
實戰03 選項設定 278
設計思路:導航列表的設計原則 288
第 11 章 手機UI 整體製作
實戰01 Windows Phone 手機UI 總體設計 291
實戰02 蘋果手機IOS UI 總體設計 307
實戰03 Android 手機UI 總體設計 320
附錄 網路資源與常用UI 設計工具
1. 網上資源 336
2. 原型設計輔助工具 338