掃一掃
關注中圖網
官方微博
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
網頁圖片與移動界面(Web/App)的UI設計/張婭 黃欣彬/高等職業教育藝術設計專業精品系列教材 版權信息
- ISBN：9787518430680
- 條形碼：9787518430680 ; 978-7-5184-3068-0
- 裝幀：一般膠版紙
- 冊數：暫無
- 重量：暫無
- 所屬分類：>
網頁圖片與移動界面(Web/App)的UI設計/張婭 黃欣彬/高等職業教育藝術設計專業精品系列教材 本書特色
隨著移動互聯網的成長，通過網站和移動App實現商品交易與社交越來越頻繁，合理的人性化設計在網頁UI和手機App UI( User Interface)設計中凸現出舉足輕重的地位。優秀UI的導航、布局、交互設計能夠極大地提高終端設備易用性，對實現高效運作具有實際意義。
網頁圖片與移動界面(Web/App)的UI設計/張婭 黃欣彬/高等職業教育藝術設計專業精品系列教材 內容簡介
本書從基礎的 Photoshop CC界面布局開始講起，以循序漸進的方式詳細講解了圖像基本操作、選區、圖層、繪畫、顏色調整、照片修飾、路徑、文字、濾鏡等功能，內容基本涵蓋了 Photoshop CC相關工具和命令，同時在進一步學習網頁UI以、手機UI設計以及手機系統功能界面。本書既有基本理論，又有實踐操作的指導書。書中精心安排了具有針對性的實例，不僅可以幫動讀者輕松掌握軟件使用方法，更能應對數碼照片處理、平面設計、UI等實際工作。還能幫助讀者掌握從產生設計理念到實現制作設計的全過程。 全書按照 Photos hop CC的不同應用領域劃分知識點，每個項目優選行知識引入闡述，再引入多個任行，以及進行任務分析，很后完成任務的實現。讀者需要多上機實踐，掌握多種設計技巧。教師在使用本書時，可以結合數學設計，采用任務式的教學模式，通過不同類型的任務案例，提升讀者軟件操作的熟練程度和對知識點的掌握與理解。
網頁圖片與移動界面(Web/App)的UI設計/張婭 黃欣彬/高等職業教育藝術設計專業精品系列教材 目錄
目 錄
項目一 PhototShop CC的基礎知識 1
1.1 Photoshop CC的基本知識 1
1.1.1 Photoshop的發展 1
1.1.2平面設計 1
1.2 圖像處理基礎知識 2
1.2.1 位圖與矢量圖 2
1.2.2 像素與分辨率 4
1.2.3 圖像的色彩模式 4
1.2.4 常用的圖像格式 5
1.3 Photoshop界面及基本操作 6
1.3.1 任務引入 6
1.3.2 知識引入 6
1．Photoshop菜單欄與工具箱 6
2．控制面板 7
3．圖像畫板編輯區 8
4．Photoshop的文件基本操作 8
5．常用工具操作 10
1.3.3 任務實現---圖像的繪制 12
1. 任務分析 12
2. 任務操作 12
項目二 圖層與圖層樣式 14
2.1 圖層 14
2.1.1任務引入 14
2.1.2知識引入 14
1．圖層及類型 14
2．圖層的基本操作 15
2.1.3 任務實現 ---網頁頁面及導航條設計 17
1.任務分析 17
2.任務操作 18
2.2圖層模式 21
2.2.1任務引入 21
2.2.2知識引入 21
1.概述 21
2．圖層樣式操作 21
3．圖層模式類型 21
2.2.3 任務實現 ---卡通圖標 25
1.任務分析 25
2. 任務操作 25
2.3圖層樣式的應用---異型邊框的設計 29
1.任務引入 29
2.任務知識分析 29
3.任務操作 29
項目三 繪制與修飾工具的使用 32
3.1 繪圖工具 32
3.1.1任務引入 32
3.1.2知識引入 32
1. 畫筆工具 32
2. 鉛筆工具 34
3. 顏色替換工具 35
4. 橡皮擦的使用 36
5. 修圖工具的使用 37
6. 修補工具的使用 38
3.1.3 任務實現 ---漂亮畫筆的創建及應用 40
1.任務分析 40
2.任務操作 40
3.2 修飾工具 41
3.2.1任務引入 41
3.2.2知識引入 41
1.漸變工具的使用 41
2.油漆桶工具的使用 43
3. 減淡/加深和海綿工具的使用 43
4．填充命令的使用 44
3.2.3 任務實現 --- QQ卡通圖案的繪制 45
1.任務分析 45
2.任務實現 46
項目四 Photoshop CC的選區與路徑 52
4.1 選區 52
4.1.1任務引入 52
4.1.2知識引入 52
1. 選區的概念與作用 52
2. 幾何選區的創建 52
3. 不規則選區的創建 53
4. 創建顏色選區 54
5. 隨意選區的創建 54
6. 選區的編輯 54
4.1.3 任務實現 ---機器人模型的制作 55
1. 任務分析 55
2. 任務操作 55
4.2 路徑的使用 56
4.2.1任務引入 56
4.2.2 知識引入 56
1．路徑的概念 56
2．基本元素 57
3．鋼筆工具的使用 57
4. 路徑的編輯工具 58
4.2.3 任務實現 ---“音樂”網站標志的制作 59
1. 任務分析 59
2. 任務操作 59
4.3 選區與路徑的應用 60
4.3.1任務引入 60
4.3.2 知識引入” 60
1. 路徑的編輯操作 60
2. 選區與路徑的互轉操作 61
4.3.3 任務實現 ---流線字的制作 62
1.任務分析 62
2.任務操作 62
項目五 Photoshop CC色彩及圖像調整 64
5.1色彩調整 64
5.1.1任務引入 64
5.1.2知識引入 64
1.色彩的元素組成 64
2.色彩模式 64
3．網頁配色 65
4．圖像“調整”命令 66
5.1.3 任務實現 ---色彩調整命令的使用 69
1. 任務分析 69
2. 任務操作 69
5.2 圖片色階及曲線 71
5.2.1任務引入 71
5.2.2 知識引入 72
1．解析“色階” 72
2．解析“曲線” 73
5.2.3 任務實現 ---綠水青山及撥云見日的制作 75
1. 任務分析 75
2. 任務操作 75
5.3調整命令的?用---相冊圖像的設計 77
1.任務引入 77
2.任務分析 77
3.任務實現 78
項目六 通道的應用 81
6.1通道 81
6.1.1任務引入 81
6.1.2知識引入 81
1. 通道的概念 81
2. 通道的分類及功能 81
3. 選擇與編輯通道 82
4.復制和刪除通道 83
5.分離和合并通道 84
6.1.3 任務實現 ---利用通道實現頭發的摳圖 84
1.任務分析 84
2.任務操作 84
6.2 通道計算 89
6.2.1任務引入 89
6.2.2 知識引入 89
1．計算”命令的使用 89
2．“應用圖像”命令的使用 90
6.2.3 任務實現 ---計算命令摳圖換背景 90
1.任務分析 90
2.任務操作 91
6.3 通道的使用 --- 化妝品廣告的設計 96
1.任務引入 96
2.任務分析 96
3.任務實現 97
項目七 蒙版的使用 107
7.1蒙版及蒙版的分類 107
7.1.1任務引入 107
7.1.2知識引入 107
1.蒙版的概念 107
2.蒙版的作用 107
3. 蒙版的類型 107
7.1.3 任務實現——人樹合體 110
1.任務分析 110
2.任務操作 110
7.2圖層蒙版的使用 ---燈泡的創意合成 112
7.2.1任務引入 112
7.2.2 任務分析 112
7.2.3 任務實現 112
7.3 蒙版的使用——茶葉包裝盒的制作 115
7.3.1任務引入 115
7.3.2 任務分析 116
7.3.3 任務實現 116
項目八 濾鏡的操作 121
8.1濾鏡的概述 121
8.1.1任務引入 121
8.1.2知識引入 121
1．濾鏡的概念及作用 121
2．濾鏡的特點? 121
3．濾鏡的使用方法及規則 122
8.1.3任務實現 ------汽車飛馳效果 122
1.任務分析 122
2.任務操作 122
8.2濾鏡的類型 123
8.2.1任務引入 123
8.2.2 知識引入 124
1．獨立濾鏡 124
2．濾鏡庫 124
2. 特效濾鏡 127
8.2.3 任務實現------大理石效果 130
1.任務分析 130
2.任務操作 130
8.3濾鏡的操作 132
8.3.1任務引入 132
8.3.2 任務分析 132
8.3.3 任務實現---星空效果制作 132
1.任務分析 132
2.任務操作 132
項目九 網頁UI的規劃與設計 135
9.1 網頁UI基礎知識 135
9.1.1 虛擬界面 135
9.1.2 網頁界面的設計要求 135
9.1.3網頁版面典型風格 136
9.1.4網頁結構布局 136
1．“國”字型 136
2.拐角型 136
3.上下框架型 136
4.左右框架型 136
5.封面型 137
9.1.5網頁設計的組成元素 137
1. Logo 137
2.導航條 137
3. Banner 137
4.內容版塊 138
5.版尾版塊 138
9.2網站UI的制作 138
9.2.1任務引入 138
9.2.2知識引入 138
1．餐飲門戶網站 138
2．餐飲網站分類 139
9.2.3 任務實現---美食網站設計 140
1. 任務知識分析 140
2. 任務操作 140
項目十 手機UI的質感表現 153
10.1 金屬 153
10.1.1任務引入 153
10.1.2知識引入 153
1. UI設計的概念 153
2. UI設計原則 153
10.1.3 任務實現 ---金屬按鈕的制作 154
1. 任務分析 154
2. 任務操作 154
10.2 玻璃 162
10.2.1任務引入 162
10.2.2 知識引入 162
1．內發光圖層樣式 162
2．內陰影圖層樣式 162
10.2.3 任務實現 ---玻離質感的制作 162
1. 任務分析 162
2. 任務操作 162
10.3 手機光滑表面 172
10.3.1任務引入 172
10.3.2 知識引入 172
1. 圖層面板 172
2. 漸變工具 172
10.3.3 任務實現 ---手機表面的制作 173
1.任務分析 173
2.任務操作 173
項目十一 手機APP界面元素設計 183
11.1 按鈕 183
11.1.1任務引入 183
11.1.2知識引入 183
1. 按鈕的表現形式 183
2. 按鈕的狀態 183
11.1.3 任務實現 --- 立體化按鈕的設計 184
1.任務知識分析 184
2. 任務操作 184
11.2 開關 192
11.2.1任務引入 192
11.2.2 知識引入 193
1．復選框 193
2．單選按鈕 193
3．ON/OFF開關 193
4.2.3 任務實現 ---立體開關的設計 194
1.任務分析 194
2.任務實現 194
11.3 進度條 199
11.3.1任務引入 199
11.3.2 知識引入 199
1. 線性進度指示器 199
2. 圓形進度指示器 200
11.3.3 任務實現 ---扁平化和立體化進度條的設計 200
1.任務分析 200
2.任務操作 201
11.4 搜索欄 208
11.4.1任務引入 208
11.4.2 知識引入 208
1.搜索欄的用途 208
2.搜索欄的組成結構 208
11.4.3 任務實現 ---立體化搜索框的設計 208
1.任務分析 208
2.任務操作 208
11.5 列表框 213
11.5.1任務引入 213
11.5.2 知識引入 213
1.列表框的組成結構 213
2.列表數據規范 213
11.5.3 任務實現 ---立體化列表框的設計 213
1.任務分析 213
2.任務操作 213
項目十二 手機APP整體界面UI設計 219
12.1 網站APP設計 219
12.1.1任務引入 219
12.1.2知識引入 219
1. 界面布局規劃 219
2. 創意思路剖析 220
3. 確定配色方案 220
4. 定義組件風格 221
12.1.3 任務實現 ---美食網站APP設計 221
1. 任務分析 221
2. 任務操作 221
12.2網站APP制作 ---流量銀行APP設計 226
12.2.1任務引入 226
12.2.2知識引入 227
1. 界面布局規劃 227
2. 創意思路剖析 228
3. 確定配色方案 228
4. 定義組件風格 229
12.2.3 任務實現 229
1. 任務分析 229
2. 任務操作 229
展開全部
網頁圖片與移動界面(Web/App)的UI設計/張婭 黃欣彬/高等職業教育藝術設計專業精品系列教材 節選
項目一 PhototShop CC的基礎知識 教學目標 1．理解平面設計的基本知識，了解數字圖像處理的基本知識； 2．能夠熟練完成軟件的安裝與啟動，以及熟練認識Photoshop CS的界面組成及基本操作； 3．掌握選擇工具，形狀工具，顏色選取對象等的使用。 Photoshop CC是Adobe公司旗下*為出名的圖像處理軟件之一。它具有強大的像素編輯功能，被廣泛運用于數碼照片后期處理、平面設計、網頁設計以及UI設計等領域。 1.1 Photoshop CC的基本知識 1.1.1 Photoshop的發展 Adobe Photoshop，簡稱“PS”，是由Adobe Systems開發和發行的圖像處理軟件。 Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。PS有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。 2003年，Adobe Photoshop 8被更名為Adobe Photoshop CS； 2010年05月12日，Adobe Photoshop CS5； 2012年3月22日發行Adobe Photoshop CS6； 2013年7月，Adobe公司推出了的Photoshop CC版本，自此，Photoshop CS6作為Adobe CS系列的*后一個版本被新的CC系列取代，特有功能能：相機防抖動功能、Camera RAW功能改進、圖像提升采樣、屬性面板改進、Behance集成一集同步設置等。 1.1.2平面設計 1．平面設計的概念 平面設計是設計范疇中一個非常重要的組成部分，是計算機多媒體技術的一個主要應用方向；注重靈感、創意與視覺效果。 將圖像、圖形、文字、色彩等諸多元素有機的組合和布局，以平面介質（紙張、書刊、報紙等）為載體，以視覺為傳達方式，通過大量復制（印刷、打印、噴繪）等手段向觀眾傳達一種視覺美感和傳播信息的造型設計活動 。 2．平面設計的基本原則 ①思想性與單一性 不要在一件設計作品中表現所有的設計，主要達到表現主題思想，以將各種元素有效的配置，使用主題思想鮮明。 ②藝術性與表現性 達到即有很好的藝術表現形式，又有很好的信息傳遞能力。 ③趣味性與獨創性 ④對比與調和 ⑤對稱與均衡 ⑥變化與統一 4．平面設計的構成要素 ① 圖形圖像 圖形圖像是平面設計主要的構成要素，能夠直觀形象地表現平面設計的主題和創意。圖形圖像要素有插圖、商標、畫面輪廓線等元素，可以是黑白畫、噴繪插畫、繪畫插畫、攝影作品等，表現形式有寫實、象征、漫畫、卡通、裝飾、構成等。 ② 文字 文字是平面設計不可缺少的構成要素，配合圖形圖像要素來實現設計主題，具有引起注意、傳播信息、感染對象等作用。文字要素主要
網頁圖片與移動界面(Web/App)的UI設計/張婭 黃欣彬/高等職業教育藝術設計專業精品系列教材 作者簡介
張婭，宜賓職業技術學院，宜賓技術技能培訓中心主任。黃欣彬，宜賓職業技術學院，教師，任教于藝術設計專業。
書友推薦
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
- >
我從未如此眷戀人間
- >
唐代進士錄
- >
名家帶你讀魯迅:朝花夕拾
- >
我與地壇
- >
山海經
- >
龍榆生：詞曲概論/大家小書
- >
羅庸西南聯大授課錄
本類暢銷
