本書較為全面地講解了移動端UI界面的設計與制作,以培養(yǎng)學生的UI設計理念和方法為基礎,結合Photoshop、Illustrator等軟件,有針對性地剖析設計制作的實施策略與過程,以訓練和提高學生UI界面設計的制作技能。全書共6章,內容包括初識移動端界面設計、色彩在移動的界面中的應用、移動端界面版式設計的原則、 移動端界面設計的基礎、不同的界面風格,以及綜合案例。特別是在綜合案例中,通過不同界面風格的多個遞進的設計實例,從任務分析、功能定位、制作步驟入手對界面設計的制作進行全過程講解。本書結構合理、內容翔實、圖文并茂,將藝術設計的知識與技巧融入其中,引導讀者進行思考及軟件操作實踐,提升讀者的審美、審藝能力,使之盡快成為具有先進設計思想和理念的平面設計實用型、技能型人才。本書適合職業(yè)院校界面設計相關專業(yè)使用,也可作為界面設計初學者的入門參考書。
崔建成,島科技大學藝術學院副教授、碩士生導師、圖形圖像設計中心主任、全國信息化計算機應用高級交互設計師;主要研究方向:視覺傳達藝術設計、數字媒體藝術設計。多年來一直從事教學與研究工作,先后出版30余部學術著作及教材。其中,主持完成的由高等教育出版社出版的《實用美術基礎》、電子工業(yè)出版社出版的《移動端UI設計》等4部教材先后入選國家“十二五”、“十三五”職業(yè)教育規(guī)劃教材;主持完成山東省一流本科課程《中國傳統(tǒng)書籍裝幀設計虛擬仿真實驗項目》;主持完成教育部協(xié)同育人課程體系改革項目《書刊編輯學》精品在線開放課程等多項省部級教科研項目。
第1章 初識移動端界面設計 001
1.1 移動端界面設計的概述 001
1.1.1 移動端界面設計的范疇 003
1.1.2 移動端界面設計的原則 003
1.2 主流平臺與設計規(guī)范 005
1.2.1 iOS與基本設計規(guī)范 005
1.2.2 Android與基本設計規(guī)范 006
1.2.3 移動端界面設計優(yōu)秀案例 007
第2章 色彩在移動界面中的應用 010
2.1 終端顯示色彩基本知識 011
2.2 色彩的組成 012
2.3 色彩的對比 014
2.3.1 色相對比 015
2.3.2 明度對比 015
2.3.3 純度對比 016
2.3.4 補色對比 016
2.3.5 冷暖對比 017
2.3.6 面積對比 017
2.4 色彩的調和 018
2.4.1 同類色的調和 018
2.4.2 近似色的調和 019
2.4.3 對比色的調和 019
2.4.4 漸變色的調和 020
2.5 色調的變化 021
2.6 移動界面色彩搭配原則 023
2.6.1 界面色彩搭配層級 024
2.6.2 色彩搭配應注意的問題 027
2.7 界面設計配色技巧 029
第3章 移動端界面設計要素 035
3.1 移動端界面構成要素 035
3.1.1 啟動圖標 035
3.1.2 啟動頁 036
3.1.3 引導頁 036
3.1.4 登錄注冊頁 037
3.1.5 缺省頁 038
3.1.6 首頁 038
3.1.7 模塊頁 039
3.2 設計表現(xiàn)方法 040
3.2.1 紙上法 040
3.2.2 軟件法 041
3.3 風格確定 041
3.3.1 扁平化 042
3.3.2 新擬物化 049
3.3.3 3D化 050
3.4 應注意的問題 050
第4章 移動端界面版式設計 053
4.1 移動端界面常見版式 053
4.1.1 列表式布局 053
4.1.2 宮格式布局 054
4.1.3 卡片式布局 054
4.1.4 瀑布流式布局 055
4.1.5 多面板式布局 056
4.1.6 旋轉木馬式布局 056
4.1.7 彈出框式布局 057
4.1.8 抽屜式布局 057
4.2 版式設計應注意的問題 058
4.3 版式設計案例分析 060
第5章 移動端界面圖標與組件設計 064
5.1 認識圖標 064
5.1.1 圖標類型 064
5.1.2 圖標設計形式 065
5.1.3 圖標設計規(guī)范 066
5.1.4 圖標設計應注意的問題 067
5.2 認識組件 070
5.2.1 組件類型 070
5.2.2 組件規(guī)范 071
5.3 圖標與組件的設計與制作 072
5.3.1 圖標的設計與制作 072
5.3.2 開關控件制作(見圖5-44) 075
第6章 界面風格的設計與制作 082
6.1 扁平化風格界面的設計與制作 082
6.1.1 正確認識扁平化風格 082
6.1.2 移動端扁平化風格界面制作 083
6.2 寫實化風格界面設計與制作 091
6.3 卡通繪畫風格界面設計與制作 103
第7章 綜合案例 109
7.1 輸入法皮膚的設計與制作 109
7.1.1 輸入法皮膚設計原則 109
7.2.2 輸入法界面設計案例解析 111
7.2 移動手機端應用界面設計制作 113
7.3 游戲界面設計與制作 121
7.4 音樂播放器App 127
7.5 新生報到小程序 138
?