內容簡介
本書按照高職高專計算機多媒體技術專業教學大綱的要求編寫,是一本全麵的UI界麵設計與製作的基礎教程。本書以培養學生的UI設計理念、方法為基本,結閤Photoshop軟件中常用的各種工具和方法,有針對性地剖析設計製作的實施策略與過程,以訓練和提高學生UI界麵設計製作技能。
全書內容共7章,分為三個部分。一、是UI界麵設計相關知識的介紹,包括什麼是UI界麵設計、UI界麵設計的常用方法和設計工具、UI設計與用戶體驗的關係等基本知識。二、是各種UI界麵常用元素的製作。三、是UI界麵設計典型實戰,通過4個遞進的設計實例,從任務分析、功能定位、製作步驟入手對界麵設計製作進行全過程講解。
本書結構閤理、內容翔實、圖文並茂,在項目中講述Photoshop CC的要點和難點,將藝術設計的知識與技巧融入其中,引導讀者進行思考及軟件操作實踐,提升讀者的審美、審藝能力。
作者簡介
張小玲,高級界麵設計師。擅長藝術設計。在界麵設計方麵,她有係統的理論基礎,並且已經在多年的實踐中得以應用和驗證。曾任正大恒領網絡科技有限公司美術總監,項目經驗豐富。現任職於重慶工程學院,負責和參與多項教研教改項目研究,為界麵設計領域培養瞭諸多專業人纔。
目錄
第一部分 知識準備
第1章 UI界麵設計相關知識 1
1.1 UI界麵設計 1
1.1.1 UI設計的概念 1
1.1.2 UI設計的流程 2
1.1.3 UI界麵設計的規範 4
1.1.4 UI界麵設計常用工具 5
1.2 UI界麵設計與用戶體驗 6
1.2.1 UI界麵設計與用戶體驗 6
1.2.2 影響用戶體驗的因素 7
1.3 知識拓展 8
1.3.1 Photoshop CC入門 8
1.3.2 Photoshop CC精彩新功能 9
1.3.3 圖像常用基本操作 11
1.3.4 選區的基本操作 14
1.3.5 畫筆工具的應用 16
本章小結 19
第2章 UI界麵設計的常用方法 20
2.1 UI界麵設計中的設計方法 20
2.1.1 方法與方法論 20
2.1.2 認識論和設計方法 20
2.1.3 UI界麵設計中實用的設計方法 21
2.2 UI界麵設計中實用的構成方法 23
2.2.1 什麼是構成 23
2.2.2 形式美法則 23
2.2.3 構成的思維方式 29
2.3 UI界麵設計中實用的色彩搭配技巧 32
2.3.1 色彩的基本理論 33
2.3.2 色彩搭配法則 35
2.4 知識拓展――UI界麵設計風格 46
2.4.1 扁平化 46
2.4.2 擬物化 48
2.4.3 卡通化 48
2.5 能力拓展――Photoshop CC中圖層的應用 49
2.5.1 圖層類彆 49
2.5.2 圖層的基礎操作 49
2.5.3 圖層樣式 50
2.5.4 混閤模式 51
2.5.5 Photoshop中的濛版 52
2.5.6 漸變工具 56
本章小結 58
第二部分 牛刀小試
第3章 各種UI界麵常用元素製作 59
3.1 常用圖形製作 59
3.1.1 圓形、圓角 59
3.1.2 多邊形 60
3.1.3 直綫 60
3.2 常見控件製作 60
3.2.1 按鈕的製作 60
3.2.2 下拉選擇框的製作 62
3.2.3 滑動條的製作 64
3.2.4 TAB切換塊的製作 66
3.2.5 氣泡對話框的製作 68
3.3 創意圖標設計與製作 70
3.3.1 圖標設計技巧 70
3.3.2 利用Photoshop打造擬物化設計風格圖標 74
3.3.3 利用Photoshop打造四種扁平化設計風格圖標 79
3.4 知識拓展 83
3.4.1 圖標設計的趨勢――響應式圖標 83
3.4.2 路徑與形狀工具 83
3.4.3 擦除類工具 86
3.5 能力拓展――簡單網頁設計製作實例 87
本章小結 93
第三部分 UI界麵設計典型實戰
第4章 操作型APP――計算器界麵設計 94
4.1 界麵設計任務分析 94
4.2 學習目標 95
4.3 製作步驟詳解 95
4.3.1 新建文件,確定尺寸規範 95
4.3.2 製作背景 96
4.3.3 製作狀態欄區域 96
4.3.4 製作顯示區細節 96
4.3.5 製作功能鍵區和數字鍵區細節 97
4.3.6 定稿輸齣有效的設計方案 97
4.4 知識拓展 98
4.4.1 圖層組 98
4.4.2 APP界麵布局設計 99
4.4.3 Photoshop外部素材的載入使用 100
4.5 能力拓展 100
4.5.1 拓展練習:水平儀UI界麵設計 100
4.5.2 拓展練習:拼拼樂APP界麵設計 101
4.5.3 獨立實踐 105
本章小結 105
第5章 實用型軟件――播放器界麵設計 106
5.1 界麵設計任務分析 106
5.2 學習目標 106
5.3 製作步驟詳解 106
5.3.1 創建播放器 106
5.3.2 播放器專輯信息部分製作 108
5.3.3 播放器播放按鈕部分製作 112
5.4 知識拓展 119
5.4.1 色彩的搭配 119
5.4.2 Photoshop中的色彩調整 120
5.5 能力拓展 120
5.5.1 拓展練習:設計製作DVD光盤圖標 120
5.5.2 拓展練習:設計製作金屬按鈕 121
5.5.3 拓展練習:為黑白照片調色 122
5.5.4 獨立實踐 125
本章小結 125
第6章 手機主題UI界麵設計 126
6.1 界麵設計任務分析 126
6.2 學習目標 127
6.3 製作步驟詳解 127
6.3.1 主體形象設計製作 127
6.3.2 手機壁紙設計製作 129
6.3.3 鎖屏設計製作 130
6.3.4 天氣插件製作 131
6.3.5 桌麵圖標製作 137
6.4 知識拓展 147
6.4.1 手機界麵設計原則 147
6.4.2 手機常用尺寸與圖標格式 148
6.5 能力拓展 149
6.5.1 拓展練習:ico圖標設計製作 149
6.5.2 拓展練習:僞扁平手機主題UI界麵設計 150
6.5.3 獨立實踐 152
本章小結 152
第7章 Web界麵設計實例――兒童節專題網頁設計 153
7.1 界麵設計任務分析 153
7.2 學習目標 154
7.3 製作步驟詳解 154
7.3.1 設計製作頭部主圖 154
7.3.2 設計製作裝飾圖形 167
7.3.3 設計製作欄目“書籍係列” 173
7.3.4 設計製作欄目“服飾係列” 181
7.3.5 設計製作欄目“玩具係列” 184
7.3.6 設計製作底部區域 187
7.4 知識拓展 189
7.4.1 網站界麵設計基本原則 189
7.4.2 網站界麵的功能美與形式美 189
7.5 能力拓展 190
7.5.1 拓展練習:照射在透明玻璃窗上效果 190
7.5.2 拓展練習:Photoshop打造傾盆大雨效果 191
7.5.3 拓展練習:Photoshop打造電子商務網頁界麵 192
7.5.4 全局觀念的強化 206
7.5.5 獨立實踐 206
本章小結 206
參考文獻 207
前言/序言
UI界麵設計 epub pdf mobi txt 電子書 下載 2024
UI界麵設計 下載 epub mobi pdf txt 電子書