注冊 | 登錄讀書好,好讀書,讀好書!
讀書網(wǎng)-DuShu.com
當(dāng)前位置: 首頁出版圖書科學(xué)技術(shù)計算機/網(wǎng)絡(luò)圖形圖像、多媒體、網(wǎng)頁制作Photoshop手機App界面設(shè)計實戰(zhàn)入門

Photoshop手機App界面設(shè)計實戰(zhàn)入門

Photoshop手機App界面設(shè)計實戰(zhàn)入門

定 價:¥39.00

作 者: 杜長清 著
出版社: 人民郵電出版社
叢編項:
標(biāo) 簽: 暫缺

ISBN: 9787115433053 出版時間: 2016-10-01 包裝: 平裝
開本: 20開 頁數(shù): 208 字?jǐn)?shù):  

內(nèi)容簡介

  設(shè)計在我們的生活中無處不在,隨著智能設(shè)備的快速發(fā)展,掀起了一股UI設(shè)計風(fēng),越來越多的人加入UI設(shè)計的大軍,使這個行業(yè)變得越來越多彩。本書以3大智能手機系統(tǒng)(Android、iOS、Windows Phone)為主線,詳細講解App用戶界面的設(shè)計思路和制作過程。本書分為5章,從App界面基礎(chǔ)知識講起,然后詳細講解了UI界面設(shè)計色彩學(xué)、App行業(yè)規(guī)則及設(shè)計分析等內(nèi)容,讓讀者了解App設(shè)計的精髓與行業(yè)規(guī)則。之后通過App基本元素繪制和App界面設(shè)計實戰(zhàn),講解了常用幾何圖形繪制工具的使用和常見控件元素的繪制技巧,包括圖形、控件、啟動圖標(biāo)與圖片的藝術(shù)處理等,通過對3個系統(tǒng)的UI設(shè)計實戰(zhàn)分析,再現(xiàn)智能手機UI界面的設(shè)計思路與方法。本書的后配有附錄,為讀者推薦了UI設(shè)計的實用工具、杰出網(wǎng)站、UI常見名詞釋義和激發(fā)創(chuàng)作靈感的圖標(biāo)與界面欣賞。通過本書能幫助讀者真正掌握并吸收UI設(shè)計中精華的部分,快速成為UI設(shè)計領(lǐng)域的精英。本書附贈書中案例的素材文件和效果源文件,以及25段案例操作演示視頻,特別適合智能手機UI界面設(shè)計的初學(xué)者學(xué)習(xí)使用。同時,可作為平面設(shè)計師和智能手機App開發(fā)人員的參考用書,也可以作為社會培訓(xùn)學(xué)校、大中專院校相關(guān)專業(yè)的教學(xué)參考書或上機實踐指導(dǎo)用書。

作者簡介

  王紅衛(wèi),畢業(yè)于鄭州大學(xué)計算機專業(yè)。 在北京理工大學(xué)百事特電腦教育部做高級講師6年。 創(chuàng)立水木風(fēng)云工作室,以教材及店銷書籍編寫為主,從事編輯與廣告、企業(yè)系列海報等設(shè)計工作。

圖書目錄

第01章 App界面基礎(chǔ)知識
1.1 UI設(shè)計快速入門 / 8
1.1.1 UI設(shè)計概念 / 8
1.1.2 什么是App / 9
1.1.3 手機UI與平面UI的不同 / 9
1.2 UI設(shè)計與產(chǎn)品團隊合作流程關(guān)系 / 11
1.2.1 團隊成員 / 11
1.2.2 UI設(shè)計流程 / 11
1.3 UI設(shè)計組成部分 / 12
1.3.1 ADS(Application DefinitionStatement) / 12
1.3.2 畫草圖 / 13
1.3.3 低保真原型與高保真原型 / 14
1.3.4 Axure即 Axure RP / 15
1.3.5 圖形界面設(shè)計 / 16
1.4 常用UI設(shè)計單位解析 / 16
1.4.1 英寸(Inch) / 16
1.4.2 分辨率(Resolution) / 16
1.4.3 網(wǎng)點密度(DPI) / 17
1.4.4 屏幕密度(Screen Densities) / 17
1.5 UI設(shè)計常用圖像格式 / 17
1.5.1 JPEG / 17
1.5.2 GIF / 18
1.5.3 PNG / 18
1.5.4 ICO格式 / 19
1.5.5 ICL格式 / 19
1.5.6 IP格式 / 19
1.6 手機操作系統(tǒng)簡介 / 19
1.6.1 Android系統(tǒng) / 19
1.6.2 iOS系統(tǒng) / 20
1.6.3 Windows Phone / 22
1.7 UI界面設(shè)計常用的軟件 / 22
1.7.1 Photoshop / 23
1.7.2 Illustrator / 23
1.7.3 CorelDRAW / 23
1.8 UI設(shè)計原則 / 25
1.9 提升UI視覺效果的設(shè)計技巧 / 26
1.10 App界面組成說明 / 28
1.11 熟悉各系統(tǒng)組件 / 30
1.11.1 iOS的基礎(chǔ)UI組件 / 30
1.11.2 Android的基礎(chǔ)UI組件 / 39
1.11.3 Windows Phone的基礎(chǔ)UI組件 / 47
第02章 UI界面設(shè)計色彩學(xué)
2.1 色彩學(xué)基礎(chǔ)知識 / 52
2.1.1 顏色的概念 / 52
2.1.2 色彩的分類 / 53
2.1.3 色彩三要素 / 56
2.1.4 加法混色 / 62
2.1.5 減法混色 / 62
2.1.6 芒塞爾色彩系統(tǒng)(Munsell color system) / 63
2.2 UI設(shè)計常見配色方案 / 64
2.2.1 單色搭配 / 64
2.2.2 近似色搭配 / 65
2.2.3 補色搭配 / 65
2.2.4 分裂補色搭配 / 66
2.2.5 原色的搭配 / 66
2.3 UI設(shè)計色彩學(xué) / 66
2.3.1 色彩與生活 / 67
2.3.2 色彩意象 / 67
2.4 色彩的性格 / 72
第03章 App行業(yè)規(guī)則及設(shè)計分析
3.1 移動App按鈕尺寸分析 / 75
3.1.1 一般規(guī)范標(biāo)準(zhǔn) / 75
3.1.2 手指與尺寸大小 / 75
3.1.3 理想狀態(tài)和特殊情況 / 76
3.2 常見界面設(shè)計解析 / 76
3.2.1 扁平化設(shè)計 / 76
3.2.2 寫實設(shè)計 / 80
3.3 了解圖標(biāo) / 82
3.3.1 圖標(biāo)的分類 / 82
3.3.2 圖標(biāo)的作用 / 83
3.3.3 圖標(biāo)和圖像尺寸規(guī)范 / 84
3.4 UI界面設(shè)計尺寸標(biāo)準(zhǔn) / 87
3.4.1 iPhone和Android設(shè)計尺寸 / 87
3.4.2 Android 系統(tǒng)換算及主流手機設(shè)置 / 90
第04章 App基本元素繪制
4.1 常用幾何圖形繪制 / 96
4.1.1 繪制工具分析 / 97
4.1.2 正方形、長方形 / 101
4.1.3 正圓、橢圓 / 103
4.1.4 圓角化處理 / 104
4.1.5 Squircle / 106
4.1.6 虛線的繪制 / 107
4.1.7 多種形狀組合 / 109
4.1.8 多種現(xiàn)有形狀的繪制 / 110
4.2 App常見控件繪制 / 111
4.2.1 按鈕 / 112
4.2.2 開關(guān)按鈕 / 113
4.2.3 分段控件 / 118
4.2.4 滑塊控件 / 120
4.2.5 泡泡對話框 / 124
4.2.6 文本框控件 / 127
4.3 App啟動圖標(biāo)的制作 / 130
4.3.1 iOS啟動圖標(biāo)制作 / 132
4.3.2 Windows Phone啟動圖標(biāo)制作 / 136
4.3.3 Android啟動圖標(biāo)制作 / 137
4.4 常見圖片設(shè)計效果處理 / 142
4.4.1 色彩調(diào)節(jié)控制 / 143
4.4.2 一般投影的處理 / 147
4.4.3 鏡面倒影的處理 / 148
4.4.4 鏡面高光處理 / 150
4.4.5 畫中畫效果 / 152
4.4.6 翹邊效果 / 156
4.4.7 經(jīng)典白邊框效果 / 158
4.4.8 App背景的處理 / 160
第05章 App界面設(shè)計實戰(zhàn)
5.1 Android實例 / 168
5.1.1 頁面模塊分析 / 168
5.1.2 頁面拆分詳解 / 169
5.1.3 設(shè)計尺寸分析 / 171
5.1.4 如何設(shè)計 / 174
5.1.5 如何保存 / 174
5.2 iOS實例 / 177
5.2.1 新浪微博簡介 / 177
5.2.2 拆分頁面 / 178
5.2.3 未登錄頁面 / 178
5.2.4 注冊頁面 / 179
5.2.5 登錄頁面 / 180
5.3 Windows Phone實例 / 182
5.3.1 MixRadio頁面模塊分析 / 182
5.3.2 Windows Phone頁面布局參數(shù) / 185
附錄
UI設(shè)計實用輔助工具 / 190
Axure / 190
優(yōu)秀國內(nèi)外網(wǎng)站推薦 / 192
UI設(shè)計中常見名詞釋義 / 193
優(yōu)秀炫酷圖標(biāo)賞析 / 196
經(jīng)典擬物化圖標(biāo) / 196
游戲類圖標(biāo) / 198
質(zhì)感類控件 / 199
扁平化界面 / 200
游戲界面 / 202
激發(fā)創(chuàng)作靈感的界面欣賞 / 203
iOS優(yōu)秀界面欣賞 / 204
Android優(yōu)秀界面欣賞 / 205
Windows Phone 優(yōu)秀界面欣賞 / 206

本目錄推薦

掃描二維碼
Copyright ? 讀書網(wǎng) ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號