內(nèi)容簡(jiǎn)介

《APP移動(dòng)界面美化設(shè)計(jì)案例100+》一書(shū)通過(guò)大量的綜合案例，介紹了如何設(shè)計(jì)與制作APP移動(dòng)界面，本書(shū)分為9章，從前至后依次講解界面設(shè)計(jì)的基礎(chǔ)知識(shí)及制作重點(diǎn)，每章都包括了界面及元素制作的細(xì)節(jié)，從界面元素設(shè)計(jì)基礎(chǔ)、常用按鈕及旋鈕的制作、各類(lèi)風(fēng)格圖標(biāo)到綜合UI界面設(shè)計(jì)實(shí)戰(zhàn)逐一進(jìn)行講解，使讀者由淺入深，逐步了解界面設(shè)計(jì)思路與制作過(guò)程。本書(shū)以一種全新的授受方式，為讀者呈現(xiàn)界面設(shè)計(jì)中的重點(diǎn)與制作方法，使讀者全面、深入地掌握各種風(fēng)格界面的設(shè)計(jì)案例，從而成為界面設(shè)計(jì)的高手。

《APP移動(dòng)界面美化設(shè)計(jì)案例100+》還為讀者提供多媒體語(yǔ)音視頻教學(xué)內(nèi)容，讀者可通過(guò)掃描手機(jī)二維碼獲得，不但收錄了本書(shū)中所有的調(diào)用素材及源文件，同時(shí)還包含了本書(shū)所有實(shí)例的多媒體高清有聲視頻錄像，讓讀者的界面學(xué)習(xí)之路更加順達(dá)，讓學(xué)習(xí)效率翻倍。

本書(shū)內(nèi)容專(zhuān)業(yè)、簡(jiǎn)練，操作案例精美實(shí)用、講解詳盡，適合UI設(shè)計(jì)入門(mén)者及愛(ài)好者閱讀，同時(shí)也適合各類(lèi)院校設(shè)計(jì)專(zhuān)業(yè)的學(xué)生閱讀使用，還可以作為高等院校平面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、游戲設(shè)計(jì)等相關(guān)專(zhuān)業(yè)的教輔圖書(shū)及相關(guān)師生的參考用書(shū)。

前言

隨著時(shí)代的發(fā)展，現(xiàn)代人類(lèi)通信正步入一個(gè)全新的階段，回首多年前，人們對(duì)于通信產(chǎn)品的需求還很原始，那些設(shè)備的功能十分單一，只具備最簡(jiǎn)單的通信能力。而經(jīng)過(guò)發(fā)展潮流的洗禮，到今天，人們對(duì)于通信設(shè)備的要求已經(jīng)越來(lái)越高，比如更為寬屏幕的手機(jī)、多媒體設(shè)備、平板電腦等，這些通信、數(shù)碼設(shè)備的功能正變得越來(lái)越強(qiáng)大，從多媒體應(yīng)用、社交娛樂(lè)、智能應(yīng)用甚至到移動(dòng)支付等無(wú)所不包，豐富了人們的生活，帶來(lái)了很多便利，而且這些設(shè)備的操作界面與多年前也大不一樣了，變得更加友好、更加智能。本書(shū)所講解的，正是關(guān)于當(dāng)下智能設(shè)備界面的設(shè)計(jì)與制作。

本書(shū)全面講解智能設(shè)備界面的設(shè)計(jì)、美化，通過(guò)大量的實(shí)例，全方位解讀界面設(shè)計(jì)知識(shí)，從基礎(chǔ)進(jìn)階到高級(jí)，循序漸進(jìn)地依次解讀界面設(shè)計(jì)與制作的重點(diǎn)及要領(lǐng)。

本書(shū)的目的，是講解如何設(shè)計(jì)出精美漂亮的界面，專(zhuān)注于美學(xué)在界面設(shè)計(jì)中的應(yīng)用，并與案例完美融合，讓讀者達(dá)到一個(gè)全新的設(shè)計(jì)水準(zhǔn)。

本書(shū)特色與亮點(diǎn)

超全實(shí)例：本書(shū)在編寫(xiě)過(guò)程中以實(shí)際的界面設(shè)計(jì)案例為線(xiàn)索，內(nèi)容從界面元素設(shè)計(jì)基礎(chǔ)、界面元素制作、各類(lèi)風(fēng)格圖標(biāo)的設(shè)計(jì)再到最后的綜合UI界面設(shè)計(jì)實(shí)戰(zhàn)，幾乎囊括了所有與界面設(shè)計(jì)相關(guān)的專(zhuān)業(yè)知識(shí)，真正做到了超全面。

大量案例：本書(shū)的案例足足達(dá)到100+，如此大量的案例可謂全面而豐富，每個(gè)案例都經(jīng)過(guò)精心編寫(xiě)，對(duì)細(xì)節(jié)及整體的視覺(jué)表現(xiàn)做完美的講解，是真正的超值之選。

超精細(xì)案例詳解：本書(shū)中的所有案例全部采用與實(shí)際操作相結(jié)合的圖文配合寫(xiě)作手法，讀者通過(guò)對(duì)文字的閱讀及觀察操作步驟中的圖像，可達(dá)到邊學(xué)邊操作的目的。

特色的段落講解：作者根據(jù)多年的教學(xué)經(jīng)驗(yàn)，將界面設(shè)計(jì)中常見(jiàn)的難點(diǎn)及疑點(diǎn)通過(guò)詳解及提示的形式展現(xiàn)出來(lái)，使讀者在學(xué)習(xí)的過(guò)程中能真正掌握所學(xué)。

超值附贈(zèng)套餐：本書(shū)提供下載資源，內(nèi)容包括所有案例的調(diào)用素材和源文件，讀者可通過(guò)掃描手機(jī)二維碼獲得。書(shū)中各案例的有聲教學(xué)視頻皆可直接掃碼觀看。

本書(shū)由魏學(xué)智、呂小星共同編著，參與編寫(xiě)的還有余昊、桑曉潔、王世迪、呂保成、蔡楨楨、王巧伶、胡瑞芳、夏紅軍、王香、張?zhí)锾锏龋�在此感謝所有創(chuàng)作人員對(duì)本書(shū)付出的艱辛，特別感謝北京開(kāi)放大學(xué)對(duì)本書(shū)的大力支持。

當(dāng)然，在創(chuàng)作的過(guò)程中，限于作者水平，書(shū)中難免會(huì)有不足之處，希望廣大讀者批評(píng)指正。如果在學(xué)習(xí)過(guò)程中發(fā)現(xiàn)問(wèn)題，或有更好的建議，歡迎發(fā)郵件到bookshelp@163.com與我們聯(lián)系。

                                                                       編 者

 

目錄

第1章 圖標(biāo)與界面設(shè)計(jì)基礎(chǔ) ........... 1

實(shí)戰(zhàn)1 認(rèn)識(shí)界面(UI)設(shè)計(jì) ............. 2

實(shí)戰(zhàn)2 智能手機(jī)操作系統(tǒng)有哪些  2

實(shí)戰(zhàn)3 界面設(shè)計(jì)常用單位 ............ 3

實(shí)戰(zhàn)4 界面設(shè)計(jì)常用圖像格式 .... 3

實(shí)戰(zhàn)5 低保真與高保真原型設(shè)計(jì)  4

實(shí)戰(zhàn)6 界面設(shè)計(jì)常用的軟件 ........ 4

實(shí)戰(zhàn)7 按鈕圖標(biāo)尺寸要求 ............ 5

實(shí)戰(zhàn)8 界面設(shè)計(jì)準(zhǔn)則 . 6

實(shí)戰(zhàn)9 界面設(shè)計(jì)與團(tuán)隊(duì)合作關(guān)系  7

實(shí)戰(zhàn)10 界面設(shè)計(jì)色彩學(xué) .............. 7

實(shí)戰(zhàn)11 色彩的含義 ... 8

實(shí)戰(zhàn)12 常見(jiàn)界面設(shè)計(jì)配色方案  10

實(shí)戰(zhàn)13 界面設(shè)計(jì)配色秘笈 ........ 11

第2章 界面元素設(shè)計(jì)基礎(chǔ) .............15

實(shí)戰(zhàn)14 搜索框 ......... 16

實(shí)戰(zhàn)15 下單按鈕 ..... 19

實(shí)戰(zhàn)16 下載按鈕 ..... 20

實(shí)戰(zhàn)17 簡(jiǎn)潔進(jìn)度條 . 21

實(shí)戰(zhàn)18 音量滑動(dòng)條 . 22

實(shí)戰(zhàn)19 糖果進(jìn)度條 . 23

實(shí)戰(zhàn)20 開(kāi)關(guān)元素 ..... 27

實(shí)戰(zhàn)21 確認(rèn)及取消按鈕 ............ 29

實(shí)戰(zhàn)22 狀態(tài)按鈕 ..... 30

實(shí)戰(zhàn)23 下載指示欄 . 33

實(shí)戰(zhàn)24 圖標(biāo)應(yīng)用欄 . 38

實(shí)戰(zhàn)25 下拉式菜單 . 41

實(shí)戰(zhàn)26 信息接收控件 ................ 43

實(shí)戰(zhàn)27 運(yùn)行進(jìn)度標(biāo)示 ................ 48

實(shí)戰(zhàn)28 信息圖標(biāo) ..... 51

第3章 常用按鈕及旋鈕的制作 ......55

實(shí)戰(zhàn)29 簡(jiǎn)潔按鍵開(kāi)關(guān) ................ 56

實(shí)戰(zhàn)30 立體多邊形按鈕 ............ 57

實(shí)戰(zhàn)31 滑動(dòng)按鈕 ..... 60

實(shí)戰(zhàn)32 播放控制按鈕 ................ 63

實(shí)戰(zhàn)33 滑動(dòng)調(diào)節(jié)按鈕 ................ 66

實(shí)戰(zhàn)34 五維按鍵 ..... 71

實(shí)戰(zhàn)35 音量旋鈕 ..... 76

實(shí)戰(zhàn)36 簡(jiǎn)潔旋鈕 ..... 80

第4章 超強(qiáng)表現(xiàn)力之寫(xiě)實(shí)風(fēng)格 ......85

實(shí)戰(zhàn)37 寫(xiě)實(shí)SIM卡 .. 86

實(shí)戰(zhàn)38 寫(xiě)實(shí)收音機(jī) . 88

實(shí)戰(zhàn)39 質(zhì)感金屬云 . 92

實(shí)戰(zhàn)40 寫(xiě)實(shí)光盤(pán) ..... 97

實(shí)戰(zhàn)41 質(zhì)感日歷 ... 102

實(shí)戰(zhàn)42 質(zhì)感CD包裝 ................. 108

第5章 主流扁平圖標(biāo)與界面的設(shè)計(jì) ........... 115

實(shí)戰(zhàn)43 循環(huán)圖標(biāo) ... 116

實(shí)戰(zhàn)44 扁平分享圖標(biāo) .............. 117

實(shí)戰(zhàn)45 拼貼APP圖標(biāo) ............... 120

實(shí)戰(zhàn)46 信封圖標(biāo) ... 122

實(shí)戰(zhàn)47 回收文件管理界面 ...... 124

實(shí)戰(zhàn)48 信息對(duì)話(huà)界面 .............. 126

實(shí)戰(zhàn)49 企業(yè)管理登錄界面 ...... 129

實(shí)戰(zhàn)50 美食APP界面 ............... 130

實(shí)戰(zhàn)51 智能手表界面 .............. 133

實(shí)戰(zhàn)52 簡(jiǎn)潔音樂(lè)播放界面 ...... 134

實(shí)戰(zhàn)53 簡(jiǎn)潔天氣界面 .............. 137

實(shí)戰(zhàn)54 運(yùn)動(dòng)圖標(biāo) ... 142

實(shí)戰(zhàn)55 加速圖標(biāo) ... 144

實(shí)戰(zhàn)56 清新音樂(lè)圖標(biāo) .............. 147

實(shí)戰(zhàn)57 文件管理圖標(biāo) .............. 149

實(shí)戰(zhàn)58 新聞應(yīng)用圖標(biāo) .............. 152

實(shí)戰(zhàn)59 網(wǎng)球游戲圖標(biāo) .............. 154

實(shí)戰(zhàn)60 餐廳元素圖標(biāo) .............. 156

實(shí)戰(zhàn)61 資訊圖標(biāo) ... 158

實(shí)戰(zhàn)62 盾牌圖標(biāo) ... 160

實(shí)戰(zhàn)63 衛(wèi)士應(yīng)用圖標(biāo) .............. 162

第6章 蘋(píng)果風(fēng)格界面圖標(biāo)的設(shè)計(jì)  165

實(shí)戰(zhàn)64 蘋(píng)果音樂(lè)圖標(biāo) .............. 166

實(shí)戰(zhàn)65 經(jīng)典應(yīng)用商店圖標(biāo) ...... 167

實(shí)戰(zhàn)66 秋景主題登錄界面 ...... 170

實(shí)戰(zhàn)67 主題天氣界面 .............. 172

實(shí)戰(zhàn)68 私人電臺(tái)界面 .............. 175

實(shí)戰(zhàn)69 郵件圖標(biāo) ... 177

實(shí)戰(zhàn)70 無(wú)線(xiàn)連接圖標(biāo) .............. 181

實(shí)戰(zhàn)71 社交應(yīng)用圖標(biāo) .............. 184

實(shí)戰(zhàn)72 天氣圖標(biāo) ... 186

實(shí)戰(zhàn)73 涂鴉應(yīng)用圖標(biāo) .............. 187

實(shí)戰(zhàn)74 時(shí)鐘圖標(biāo) ... 191

實(shí)戰(zhàn)75 調(diào)節(jié)器圖標(biāo) .................. 193

實(shí)戰(zhàn)76 炫彩開(kāi)關(guān)圖標(biāo) .............. 195

實(shí)戰(zhàn)77 寵物樂(lè)園圖標(biāo) .............. 198

第7章 流行風(fēng)圖標(biāo)界面的設(shè)計(jì) ....205

實(shí)戰(zhàn)78 美麗拍圖標(biāo) .................. 206

實(shí)戰(zhàn)79 粉色控制圖標(biāo) .............. 210

實(shí)戰(zhàn)80 簡(jiǎn)潔時(shí)鐘圖標(biāo) .............. 213

實(shí)戰(zhàn)81 存儲(chǔ)數(shù)據(jù)界面 .............. 218

實(shí)戰(zhàn)82 游客統(tǒng)計(jì)界面 .............. 222

實(shí)戰(zhàn)83 財(cái)富應(yīng)用圖標(biāo) .............. 225

實(shí)戰(zhàn)84 簡(jiǎn)潔羅盤(pán)圖標(biāo) .............. 230

實(shí)戰(zhàn)85 簡(jiǎn)潔進(jìn)程圖標(biāo) .............. 235

第8章 常用圖標(biāo)界面設(shè)計(jì)集合 ....239

實(shí)戰(zhàn)86 股票應(yīng)用圖標(biāo) .............. 240

實(shí)戰(zhàn)87 清新郵件圖標(biāo) .............. 243

實(shí)戰(zhàn)88 清新音樂(lè)圖標(biāo) .............. 246

實(shí)戰(zhàn)89 生產(chǎn)力APP登錄界面 ... 248

實(shí)戰(zhàn)90 mini音樂(lè)播放器 ........... 254

實(shí)戰(zhàn)91 計(jì)算器界面 .................. 258

實(shí)戰(zhàn)92 數(shù)據(jù)進(jìn)程界面 .............. 261

第9章 UI界面綜合設(shè)計(jì)實(shí)戰(zhàn) .......269

實(shí)戰(zhàn)93 日程應(yīng)用界面 .............. 270

實(shí)戰(zhàn)94 酒店登錄界面 .............. 272

實(shí)戰(zhàn)95 iPhone匯率換算界面 ... 275

實(shí)戰(zhàn)96 四葉草插件界面 .......... 282

實(shí)戰(zhàn)97 Android概念手機(jī)界面 . 288

實(shí)戰(zhàn)98 手機(jī)游戲個(gè)人界面 ...... 299

實(shí)戰(zhàn)99 Windows 10手機(jī)界面 .. 304

實(shí)戰(zhàn)100 iPad旅游應(yīng)用界面 ..... 307