本書通過大量的綜合案例,介紹了如何設計與制作用戶界面。全書分為6章,依次講解移動UI設計的基礎知識、UI設計配色、基礎控件繪制及特效處理、扁平化風格UI設計、寫實質(zhì)感風格UI設計,以及不同應用系統(tǒng)的UI設計。本書通過精選的100個實戰(zhàn)案例,使讀者由淺到深,逐步了解界面設計思路與制作過程,以一個全新的教學方式,為讀者呈現(xiàn)界面設計中的重點與制作方法,幫助讀者全面深入地掌握各種風格界面設計案例,從而走上高手之路。
本書附贈教學資源,包括書中所有實例的素材文件及效果源文件,還包括本書所有實例的多媒體高清有聲教學視頻,使界面學習之路錦上添花,學習效率翻倍。同時,提供了PPT教學課件,方便老師教學使用。
本書內(nèi)容專業(yè),操作案例精美實用、講解詳盡,適合UI設計入門學習者閱讀,也適用各類院校設計專業(yè)的學生學習使用,同時還可以作為高等院校平面設計、網(wǎng)站設計、游戲設計等相關(guān)專業(yè)的教輔圖書及師生的參考用書。
全面的內(nèi)容介紹:以界面設計實際案例制作重點為主線,從UI設計基礎知識、配色、控件及特效處理、圖標設計,到扁平化風格、寫實質(zhì)感風格,再到不同應用系統(tǒng)的UI設計,囊括所以與界面設計相關(guān)的知識點。
軟件與行業(yè)結(jié)合:結(jié)合行業(yè)需求安排100個實戰(zhàn)案例,由淺入深,全面掌握各種風格界面設計實例。針對常見難點、疑點,穿插37個小提示,全面提升操作技巧。
同步教學視頻:475分鐘全部操作實例的高清有聲教學視頻,由具有豐富教學經(jīng)驗的一線設計師親授,詳細講解了實例的具體操作過程,讀者可以邊學邊做,提高學習效率。
豐富的配套資源:提供書中全部實例的素材文件和效果源文件,便于讀者直接制作出書中實例的效果,掌握學習內(nèi)容的精髓。同時提供了PPT教學課件,方便老師教學使用。
第 1章移動UI設計基礎入門
實例001 UI設計概念 7
實例002 UI設計組成部分 7
實例003 什么是APP 9
實例004 手機UI與平面UI的不同 10
實例005 UI設計與產(chǎn)品團隊合作流程關(guān)系 11
實例006 UI常用尺寸單位解析 12
實例007 UI設計常用格式解析 12
實例008 智能手機操作系統(tǒng)簡介 13
實例009 UI設計常用的軟件介紹 14
實例010 UI設計原則 15
實例011 提升UI視覺效果的設計技巧 16
實例012 APP界面組成說明 17
實例013 熟悉各移動端組件 18
第 2章UI設計配色密碼
實例014 顏色的概念 30
實例015 色彩的分類 30
實例016 色彩三要素 32
實例017 加法混色 36
實例018 減法混色 36
實例019 芒塞爾色彩系統(tǒng) 37
實例020 UI設計常見配色方案 38
實例021 色彩意象 39
實例022 色彩的性格 43
第3章基礎控件繪制及特效處理
實例023 基礎繪圖入門——繪制工具分析 45
實例024 圓形圖形繪制——橢圓、圓 47
實例025 矩形圖形繪制——長方形、正方形 47
實例026 圓角圖形處理——圓角化處理 48
實例027 橢圓形矩形繪制——Squircle 49
實例028 多種幾何圖形繪制——多種形狀組合 50
實例029 線條的繪制——虛線的繪制 51
實例030 自定義圖形繪制——多種現(xiàn)有形狀的繪制 52
實例031 基礎按鈕的繪制 53
實例032 單選按鈕的繪制 55
實例033 復選按鈕的繪制 56
實例034 制作拖動條 57
實例035 分段控件 58
實例036 繪制不規(guī)則對話框 60
實例037 文本框的制作 61
實例038 開關(guān)元素 62
實例039 確認及取消按鈕 64
實例040 搜索框 65
實例041 簡潔進度條 68
實例042 糖果進度條 70
實例043 狀態(tài)按鈕 74
實例044 下載指示欄 77
實例045 圖標應用欄 81
實例046 下拉式菜單 85
實例047 運行進度標示 87
實例048 鏡面高光處理 90
實例049 播放器控件質(zhì)感效果 91
實例050 流星效果 92
實例051 卷邊效果 93
實例052 為歡迎界面添加裝飾元素 94
實例053 為界面添加場景元素 96
實例054 制作解鎖狀態(tài) 98
實例055 制作相片效果 99
第4章扁平化風格UI設計
實例056 理論知識1——何為扁平化設計 102
實例057 理論知識2——扁平化設計的優(yōu)缺點 102
實例058 理論知識3——扁平化設計四大原則 102
實例059 繪制開關(guān)控件 104
實例060 制作體驗按鈕 105
實例061 制作儲存進度環(huán) 105
實例062 健康應用圖標制作 106
實例063 定位圖標制作 107
實例064 日歷圖標制作 108
實例065 鬧鐘圖標制作 109
實例066 小雨傘圖標制作 111
實例067 加速應用圖標制作 114
實例068 旅行應用圖標制作 116
實例069 扁平分享圖標 119
實例070 資訊圖標 122
實例071 盾牌圖標 125
實例072 扁平相機圖標 127
實例073 指南針圖標 134
實例074 天氣Widget 143
實例075 美食APP界面 147
實例076 私人電臺界面 150
第5章寫實質(zhì)感風格UI設計
實例077 理論知識1——寫實的藝術(shù)表現(xiàn)形式 154
實例078 理論知識2——UI設計的寫實表現(xiàn) 154
實例079 動感音樂圖標制作 155
實例080 精致收音機圖標制作 158
實例081 電影膠盤圖標制作 162
實例082 小音箱圖標制作 165
實例083 開關(guān)圖標制作 169
實例084 立體CD機制作 172
實例085 塑料質(zhì)感插座 177
實例086 寫實電吉他圖標制作 185
實例087 銀質(zhì)小按鈕 192
實例088 金屬質(zhì)感音樂圖標 196
實例089 玻璃質(zhì)感播放器 208
第6章不同應用系統(tǒng)的UI設計
實例090 理論知識1——iPhone和Android設計尺寸 218
實例091 理論知識2——Android系統(tǒng)換算及主流手機設置 219
實例092 iPhone收音機界面制作 221
實例093 iPhone電影購票界面制作 225
實例094 iPad旅游應用界面制作 230
實例095 iPad新聞界面設計 234
實例096 安卓手機美食應用界面制作 244
實例097 安卓四葉草插件界面 247
實例098 安卓平板助手界面制作 253
實例099 Windows 10手機界面制作 259
實例100 Windows 10平板界面制作 262