中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折!

歡迎光臨中圖網(wǎng) 請(qǐng) | 注冊(cè)
> >
配色+布局+海報(bào)+移動(dòng)電商UI設(shè)計(jì)教程

包郵 配色+布局+海報(bào)+移動(dòng)電商UI設(shè)計(jì)教程

作者:姜玉聲
出版社:電子工業(yè)出版社出版時(shí)間:2021-09-01
開本: 16開 頁數(shù): 232
中 圖 價(jià):¥63.0(7.0折) 定價(jià)  ¥89.8 登錄后可看到會(huì)員價(jià)
加入購物車 收藏
開年大促, 全場(chǎng)包郵
?新疆、西藏除外
本類五星書更多>

配色+布局+海報(bào)+移動(dòng)電商UI設(shè)計(jì)教程 版權(quán)信息

配色+布局+海報(bào)+移動(dòng)電商UI設(shè)計(jì)教程 本書特色

適讀人群 :ui設(shè)計(jì)從業(yè)人員,學(xué)生。1. 本書采用UI設(shè)計(jì)流行趨勢(shì)和設(shè)計(jì)規(guī)范,走在同類選題之前。 2. 全書采取基礎(chǔ)知識(shí)+實(shí)用案例的整體結(jié)構(gòu),將基礎(chǔ)知識(shí)合理的融入到實(shí)用案例中,即有利于讀者理解,又方便案例的制作。 3. 本書中有大量的操作案例,針對(duì)性強(qiáng),有利于讀者學(xué)習(xí)。 4. 每章*后的舉一反三案例,考察讀者學(xué)習(xí)成果的同時(shí),也能夠幫助讀者鞏固所學(xué)內(nèi)容。 5. 本系列所配多媒體教學(xué)光盤,包含書中所有案例的視頻教學(xué)文件,且統(tǒng)一播放界面,使得學(xué)習(xí)起來更加方便。

配色+布局+海報(bào)+移動(dòng)電商UI設(shè)計(jì)教程 內(nèi)容簡(jiǎn)介

電子商務(wù)是近幾年互聯(lián)網(wǎng)飛速發(fā)展的產(chǎn)物,它是一種新興的商業(yè)模式。電商UI設(shè)計(jì)可以稱為視覺營銷,主要作用為使消費(fèi)者在看到商品后有購買的沖動(dòng)。本書是一本全面講解電商UI設(shè)計(jì)的案例教程,語言淺顯易懂,配合大量精美的電商UI設(shè)計(jì)案例,全面介紹了電商UI設(shè)計(jì)各方面的相關(guān)知識(shí),以及使用Photoshop設(shè)計(jì)制作電商UI的方法和技巧,使讀者在掌握電商UI設(shè)計(jì)相關(guān)知識(shí)的同時(shí),能夠做到活學(xué)活用。本書的配套資源包括所有案例的源文件、素材及視頻教程,方便讀者借鑒和使用。本書適合準(zhǔn)備學(xué)習(xí)或正在學(xué)習(xí)電商UI設(shè)計(jì)的初、中級(jí)讀者及設(shè)計(jì)愛好者閱讀,也可以為電商企業(yè)美工人員及相關(guān)專業(yè)的學(xué)習(xí)者提供參考。

配色+布局+海報(bào)+移動(dòng)電商UI設(shè)計(jì)教程 目錄

第1章??電商UI設(shè)計(jì)基礎(chǔ)

1.1??了解電商UI設(shè)計(jì) 1

1.1.1??什么是電子商務(wù) 1

1.1.2??電商UI設(shè)計(jì)屬于什么范疇 2

1.1.3??電商UI設(shè)計(jì)的重要性 3

1.1.4??電商的發(fā)展趨勢(shì) 3

1.1.5??電商設(shè)計(jì)師的要求 4

1.2??移動(dòng)電商 4

1.2.1??什么是移動(dòng)電商 4

1.2.2??移動(dòng)電商與傳統(tǒng)電商的區(qū)別 5

1.2.3??移動(dòng)電商的現(xiàn)狀 5

1.2.4??移動(dòng)電商的應(yīng)用形式 6

1.3??移動(dòng)電商UI設(shè)計(jì)與傳統(tǒng)電商UI設(shè)計(jì)的差異 8

1.3.1??使用場(chǎng)景 8

1.3.2??交互方式 8

1.3.3??屏幕尺寸 9

1.3.4??信息組織 10

1.3.5??導(dǎo)航系統(tǒng) 11

1.4??電商UI設(shè)計(jì)需要注意的問題 12

1.5??如何創(chuàng)建成功的電商網(wǎng)站 12

1.5.1??為用戶群體設(shè)計(jì) 12

1.5.2??采用常規(guī)的導(dǎo)航 13

1.5.3??設(shè)計(jì)一個(gè)令人驚艷的主頁 14

1.5.4??讓商品詳情頁面更易轉(zhuǎn)化 14

1.6??電商UI視覺營銷 15

1.6.1??電商UI視覺營銷的表現(xiàn) 15

1.6.2??不同類型的電商視覺營銷方法 15

1.7??本章小結(jié) 18


第2章??電商UI設(shè)計(jì)配色

2.1??色彩基礎(chǔ) 19

2.1.1??色彩的產(chǎn)生 19

2.1.2??色彩三要素 19

2.1.3??有彩色與無彩色 21

2.2??電商UI設(shè)計(jì)中不同色彩意象的表現(xiàn) 23

2.2.1??紅色—激情、促銷 23

2.2.2??橙色—活力、動(dòng)感 24

2.2.3??黃色—希望、快樂 25

2.2.4??綠色—自然、清新 26

2.2.5??青色—清新、涼爽 27

2.2.6??藍(lán)色—冷靜、理智 28

2.2.7??紫色—高貴、浪漫 28

2.2.8??白色—純凈、干凈 29

2.2.9??灰色—簡(jiǎn)潔、保守 30

2.2.10??黑色—優(yōu)雅、神秘 31

2.3??電商UI設(shè)計(jì)配色的基本方法 31

2.3.1??同類色搭配 32

2.3.2??類似色搭配 32

2.3.3??鄰近色搭配 33

2.3.4??互補(bǔ)色搭配 34

2.3.5??對(duì)比色搭配 35

2.4??對(duì)比配色使電商UI的視覺表現(xiàn)更突出 35

2.4.1??色相對(duì)比配色 35

2.4.2??飽和度對(duì)比配色 36

2.4.3??明度對(duì)比配色 38

2.4.4??冷暖對(duì)比配色 39

2.4.5??有彩色與無彩色對(duì)比配色 40

2.5??根據(jù)目標(biāo)群體選擇電商UI配色 40

2.5.1??不同性別的色彩偏好 40

2.5.2??不同年齡層次的色彩偏好 42

2.6??根據(jù)商品銷售階段選擇電商UI配色 44

2.6.1??商品上市期的電商UI配色 44

2.6.2??商品拓展期的電商UI配色 45

2.6.3??商品穩(wěn)定銷售期的電商UI配色 46

2.6.4??商品衰退期的電商UI配色 47

2.7??本章小結(jié) 48



第3章??電商UI設(shè)計(jì)中的基礎(chǔ)元素

3.1??店標(biāo)設(shè)計(jì) 49

3.1.1??店標(biāo)的作用 49

3.1.2??店標(biāo)的特性 49

3.1.3??店標(biāo)的設(shè)計(jì)要求 50

3.1.4??店標(biāo)的類別 51

3.1.5??設(shè)計(jì)水果網(wǎng)店店標(biāo) 52

實(shí)戰(zhàn)練習(xí)01—設(shè)計(jì)水果網(wǎng)店店標(biāo) 52

3.2??店招設(shè)計(jì) 56

3.2.1??店招的設(shè)計(jì)要點(diǎn) 56

3.2.2??店招的表現(xiàn)類型 57

3.2.3??設(shè)計(jì)童車店鋪店招 58

實(shí)戰(zhàn)練習(xí)02—設(shè)計(jì)童車店鋪店招 58

3.3??電商圖標(biāo)類型 63

3.3.1??應(yīng)用圖標(biāo) 63

3.3.2??功能圖標(biāo) 64

3.3.3??裝飾圖標(biāo) 65

3.3.4??設(shè)計(jì)簡(jiǎn)約線性圖標(biāo) 66

實(shí)戰(zhàn)練習(xí)03—設(shè)計(jì)簡(jiǎn)約線性圖標(biāo) 66

3.4??電商應(yīng)用圖標(biāo)的設(shè)計(jì)要點(diǎn) 68

3.4.1??符合設(shè)計(jì)規(guī)范性 68

3.4.2??分析定位、突出特點(diǎn) 69

3.4.3??設(shè)計(jì)完整性 69

3.4.4??統(tǒng)一性 69

3.4.5??連續(xù)性 70

3.4.6??設(shè)計(jì)時(shí)尚風(fēng)格電商應(yīng)用圖標(biāo) 70

實(shí)戰(zhàn)練習(xí)04—設(shè)計(jì)時(shí)尚風(fēng)格電商應(yīng)用圖標(biāo) 70

3.5??電商導(dǎo)航設(shè)計(jì)原則 74

3.5.1??符合內(nèi)容結(jié)構(gòu) 74

3.5.2??明確業(yè)務(wù)目標(biāo) 75

3.5.3??遵從用戶使用習(xí)慣 75

3.5.4??避免重復(fù)的分類 76

3.5.5??使用合適的文案 76

3.5.6??清晰的視覺體驗(yàn) 77

3.5.7??為用戶提供反饋 77

3.5.8??導(dǎo)航符合界面整體風(fēng)格 77

3.5.9??有利于搜索引擎優(yōu)化 78

3.5.10??趨于專業(yè)化的導(dǎo)航 78

3.5.11??設(shè)計(jì)運(yùn)動(dòng)品牌電商網(wǎng)站導(dǎo)航 79

實(shí)戰(zhàn)練習(xí)05—設(shè)計(jì)運(yùn)動(dòng)品牌電商網(wǎng)站導(dǎo)航 79

3.6??本章小結(jié) 84



第4章??電商文字與廣告設(shè)計(jì)

4.1??電商UI設(shè)計(jì)中的字體應(yīng)用 85

4.1.1??電商UI設(shè)計(jì)中常用的中英文字體 85

4.1.2??電商字體的基本設(shè)計(jì)技巧 86

4.1.3??電商字體的高級(jí)使用技巧 87

4.1.4??設(shè)計(jì)家電宣傳廣告 90

實(shí)戰(zhàn)練習(xí)01—設(shè)計(jì)家電宣傳廣告 90

4.2??文字的藝術(shù)化處理 94

4.2.1??文字設(shè)計(jì)的圖形化 94

4.2.2??文字的重疊設(shè)計(jì) 94

4.2.3??文字設(shè)計(jì)的整體性 94

4.2.4??讓文字更易讀 95

4.2.5??設(shè)計(jì)質(zhì)感變形廣告文字 96

實(shí)戰(zhàn)練習(xí)02—設(shè)計(jì)質(zhì)感變形廣告文字 96

4.3??電商廣告的作用 101

4.3.1??傳達(dá)商品信息 101

4.3.2??增強(qiáng)藝術(shù)表現(xiàn) 102

4.3.3??增強(qiáng)界面趣味 103

4.3.4??設(shè)計(jì)運(yùn)動(dòng)鞋廣告 103

實(shí)戰(zhàn)練習(xí)03—設(shè)計(jì)運(yùn)動(dòng)鞋廣告 103

4.4??電商廣告排版布局技巧 106

4.4.1??對(duì)齊 107

4.4.2??對(duì)比 108

4.4.3??分組 110

4.4.4??設(shè)計(jì)小家電宣傳廣告 111

實(shí)戰(zhàn)練習(xí)04—設(shè)計(jì)小家電宣傳廣告 111

4.5??電商廣告設(shè)計(jì)原則 115

4.5.1??突出廣告主題 115

4.5.2??明確電商廣告的目標(biāo)人群 117

4.5.3??完美的表現(xiàn)形式 118

4.5.4??設(shè)計(jì)化妝品宣傳廣告 120

實(shí)戰(zhàn)練習(xí)05—設(shè)計(jì)化妝品宣傳廣告 120

4.6??本章小結(jié) 124



第5章??電商海報(bào)設(shè)計(jì)

5.1??電商海報(bào)的類型 125

5.1.1??商品宣傳海報(bào) 125

5.1.2??促銷宣傳海報(bào) 126

5.1.3??活動(dòng)宣傳海報(bào) 127

5.1.4??設(shè)計(jì)手表商品宣傳海報(bào) 128

實(shí)戰(zhàn)練習(xí)01—設(shè)計(jì)手表商品宣傳海報(bào) 128

5.2??電商海報(bào)的常用構(gòu)圖方式 130

5.2.1??左右構(gòu)圖 130

5.2.2??三欄分布構(gòu)圖 131

5.2.3??疊加構(gòu)圖 132

5.2.4??傾斜構(gòu)圖 132

5.2.5??設(shè)計(jì)女裝活動(dòng)宣傳海報(bào) 133

實(shí)戰(zhàn)練習(xí)02—設(shè)計(jì)女裝活動(dòng)宣傳海報(bào) 133

5.3??電商海報(bào)的常用設(shè)計(jì)表現(xiàn)形式 137

5.3.1??直接展示 137

5.3.2??突出特點(diǎn) 137

5.3.3??對(duì)比襯托 137

5.3.4??以小見大 138

5.3.5??聯(lián)想 138

5.3.6??夸張 139

5.3.7??幽默 139

5.3.8??以情托物 139

5.3.9??設(shè)計(jì)女士箱包促銷宣傳海報(bào) 140

實(shí)戰(zhàn)練習(xí)03—設(shè)計(jì)女士箱包促銷宣傳海報(bào) 140

5.4??電商海報(bào)設(shè)計(jì)與視覺營銷 144

5.4.1??*簡(jiǎn)單的病毒營銷——暴力視覺 144

5.4.2??*實(shí)用的綠色營銷——?jiǎng)?chuàng)意視覺 145

5.4.3??*完美的整合營銷——寫實(shí)視覺 146

5.4.4??設(shè)計(jì)促銷活動(dòng)宣傳海報(bào) 147

實(shí)戰(zhàn)練習(xí)04—設(shè)計(jì)促銷活動(dòng)宣傳海報(bào) 147

5.5??本章小結(jié) 152



第6章??電商UI的構(gòu)圖與布局

6.1??了解電商UI構(gòu)圖 153

6.1.1??為什么要進(jìn)行電商UI構(gòu)圖 153

6.1.2??電商UI的構(gòu)圖標(biāo)準(zhǔn) 154

6.2??常見的電商UI構(gòu)圖方式 155

6.2.1??幾何切割構(gòu)圖 155

6.2.2??設(shè)計(jì)運(yùn)動(dòng)品牌服飾電商UI 158

實(shí)戰(zhàn)練習(xí)01—設(shè)計(jì)運(yùn)動(dòng)品牌服飾電商UI 158

6.2.3??放射與透視狀構(gòu)圖 165

6.2.4??整體和流程構(gòu)圖 166

6.2.5??根據(jù)圖像輪廓聯(lián)想構(gòu)圖 167

6.2.6??設(shè)計(jì)藝術(shù)香熏爐電商UI 167

實(shí)戰(zhàn)練習(xí)02—設(shè)計(jì)藝術(shù)香熏爐電商UI 168

6.3??電商UI首屏布局要點(diǎn) 175

6.3.1??確定首屏可視范圍 175

6.3.2??展示吸引用戶的信息 176

6.3.3??明確清晰的視覺焦點(diǎn) 177

6.3.4??運(yùn)用圖像,便于理解 177

6.3.5??首屏要強(qiáng)調(diào)主體 177

6.3.6??適當(dāng)添加交互效果 178

6.3.7??符合視覺習(xí)慣的圖文混排 178

6.3.8??設(shè)計(jì)促銷活動(dòng)界面 178

實(shí)戰(zhàn)練習(xí)03—設(shè)計(jì)促銷活動(dòng)界面 179

6.4??商品列表界面布局 187

6.4.1??商品列表界面的布局表現(xiàn)形式 187

6.4.2??展示有用的商品信息 189

6.4.3??鼠標(biāo)指針懸停產(chǎn)生交互效果 189

6.4.4??適量的附加信息 189

6.4.5??添加推薦商品刺激消費(fèi) 190

6.4.6??減少操作步驟 190

6.4.7??了解顧客心理 190

6.4.8??設(shè)計(jì)童裝節(jié)日促銷頁面 190

實(shí)戰(zhàn)練習(xí)04—設(shè)計(jì)童裝節(jié)日促銷頁面 191

6.5??本章小結(jié) 198



第7章??移動(dòng)電商UI設(shè)計(jì)

7.1??了解移動(dòng)電商UI設(shè)計(jì) 199

7.1.1??什么是移動(dòng)電商App 199

7.1.2??如何進(jìn)行移動(dòng)電商App的UI設(shè)計(jì) 200

7.1.3??移動(dòng)電商App的基本設(shè)計(jì)流程 201

7.2??移動(dòng)電商UI設(shè)計(jì)趨勢(shì) 202

7.2.1??分析移動(dòng)購物用戶 202

7.2.2??移動(dòng)電商UI轉(zhuǎn)化率 202

7.2.3??移動(dòng)電商UI的設(shè)計(jì)要點(diǎn) 202

7.2.4??設(shè)計(jì)移動(dòng)端商品促銷活動(dòng)界面 204

實(shí)戰(zhàn)練習(xí)01—設(shè)計(jì)移動(dòng)端商品促銷活動(dòng)界面 204

7.3??移動(dòng)電商UI設(shè)計(jì)的基本要求 207

7.3.1??以實(shí)用為基礎(chǔ) 207

7.3.2??色彩與風(fēng)格統(tǒng)一 207

7.3.3??合理的配色 208

7.3.4??規(guī)范的視覺流程 208

7.3.5??視覺元素規(guī)范 209

7.3.6??設(shè)計(jì)時(shí)尚男裝電商App 209

實(shí)戰(zhàn)練習(xí)02—設(shè)計(jì)時(shí)尚男裝電商App 209

7.4??移動(dòng)電商App的設(shè)計(jì)原則 217

7.4.1??清晰的視覺效果 217

7.4.2??巧妙地應(yīng)用關(guān)鍵色 218

7.4.3??高效的商品搜索 218

7.4.4??提供商品收藏和分享功能 219

7.4.5??流暢的支付流程 219

7.4.6??設(shè)計(jì)時(shí)尚女裝電商App 220

實(shí)戰(zhàn)練習(xí)03—設(shè)計(jì)時(shí)尚女裝電商App 220

7.5??本章小結(jié) 226


展開全部

配色+布局+海報(bào)+移動(dòng)電商UI設(shè)計(jì)教程 作者簡(jiǎn)介

姜玉聲,2003年畢業(yè)于吉林省北華大學(xué)藝術(shù)學(xué)院,現(xiàn)就職于北京市信息管理學(xué)校,任媒體藝術(shù)系系主任和動(dòng)漫游戲?qū)I(yè)課教師,有豐富的UI設(shè)計(jì)經(jīng)驗(yàn),了解電子商務(wù)UI設(shè)計(jì)規(guī)范和技巧。了解電商平臺(tái)搭建的色彩、布局和交互技巧。曾參與多個(gè)移動(dòng)端電子商務(wù)項(xiàng)目的UI設(shè)計(jì)工作。先后領(lǐng)導(dǎo)并主編電子商務(wù)專業(yè)規(guī)劃教材的編寫,具備多年的教育教學(xué)經(jīng)驗(yàn)。

商品評(píng)論(0條)
暫無評(píng)論……
書友推薦
本類暢銷
編輯推薦
返回頂部
中圖網(wǎng)
在線客服
主站蜘蛛池模板: 东莞精密模具加工,精密连接器模具零件,自動機零件,冶工具加工-益久精密 | 河南空气能热水器-洛阳空气能采暖-洛阳太阳能热水工程-洛阳润达高科空气能商行 | 精准猎取科技资讯,高效阅读科技新闻_科技猎| 婚博会2024时间表_婚博会门票领取_婚博会地址-婚博会官网 | 伊卡洛斯软装首页-电动窗帘,别墅窗帘,定制窗帘,江浙沪1000+别墅窗帘案例 | 真空乳化机-灌装封尾机-首页-温州精灌 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 中高频感应加热设备|高频淬火设备|超音频感应加热电源|不锈钢管光亮退火机|真空管烤消设备 - 郑州蓝硕工业炉设备有限公司 | 成都网站建设制作_高端网站设计公司「做网站送优化推广」 | 深圳天际源广告-形象堆头,企业文化墙,喷绘,门头招牌设计制作专家 | 艾默生变频器,艾默生ct,变频器,ct驱动器,广州艾默生变频器,供水专用变频器,风机变频器,电梯变频器,艾默生变频器代理-广州市盟雄贸易有限公司官方网站-艾默生变频器应用解决方案服务商 | 红立方品牌应急包/急救包加盟,小成本好项目代理_应急/消防/户外用品加盟_应急好项目加盟_新奇特项目招商 - 中红方宁(北京) 供应链有限公司 | 作文导航网_作文之家_满分作文_优秀作文_作文大全_作文素材_最新作文分享发布平台 | 期货软件-专业期货分析软件下载-云智赢 | 重庆私家花园设计-别墅花园-庭院-景观设计-重庆彩木园林建设有限公司 | 不干胶标签-不干胶贴纸-不干胶标签定制-不干胶标签印刷厂-弗雷曼纸业(苏州)有限公司 | 烟气换热器_GGH烟气换热器_空气预热器_高温气气换热器-青岛康景辉 | 专业广州网站建设,微信小程序开发,一物一码和NFC应用开发、物联网、外贸商城、定制系统和APP开发【致茂网络】 | 比亚迪叉车-比亚迪电动叉车堆垛车托盘车仓储叉车价格多少钱报价 磁力去毛刺机_去毛刺磁力抛光机_磁力光饰机_磁力滚抛机_精密金属零件去毛刺机厂家-冠古科技 | 高硼硅玻璃|水位计玻璃板|光学三棱镜-邯郸奥维玻璃科技有限公司 高温高压釜(氢化反应釜)百科 | 多功能真空滤油机_润滑油全自动滤油机_高效真空滤油机价格-重庆润华通驰 | 硬质合金模具_硬质合金非标定制_硬面加工「生产厂家」-西迪技术股份有限公司 | ◆大型吹塑加工|吹塑加工|吹塑代加工|吹塑加工厂|吹塑设备|滚塑加工|滚塑代加工-莱力奇塑业有限公司 | 拉力机-拉力试验机-万能试验机-电子拉力机-拉伸试验机-剥离强度试验机-苏州皖仪实验仪器有限公司 | 清洁设备_洗地机/扫地机厂家_全自动洗地机_橙犀清洁设备官网 | 地磅-电子地磅维修-电子吊秤-汽车衡-无人值守系统-公路治超-鹰牌衡器 | 粘度计,数显粘度计,指针旋转粘度计 | 写方案网_方案策划方案模板下载| 实体店商新零售|微赢|波后|波后合作|微赢集团 | 仿清水混凝土_清水混凝土装修_施工_修饰_保护剂_修补_清水混凝土修复-德州忠岭建筑装饰工程 | 整合营销推广|营销网络推广公司|石家庄网站优化推广公司|智营销 好物生环保网、环保论坛 - 环保人的学习交流平台 | 无菌实验室规划装修设计-一体化实验室承包-北京洁净净化工程建设施工-北京航天科恩实验室装备工程技术有限公司 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 菲希尔FISCHER测厚仪-铁素体检测仪-上海吉馨实业发展有限公司 | 安徽千住锡膏_安徽阿尔法锡膏锡条_安徽唯特偶锡膏_卡夫特胶水-芜湖荣亮电子科技有限公司 | 房屋质量检测-厂房抗震鉴定-玻璃幕墙检测-房屋安全鉴定机构 | 旋转/数显粘度计-运动粘度测定仪-上海平轩科学仪器 | 郑州巴特熔体泵有限公司专业的熔体泵,熔体齿轮泵与换网器生产厂家 | 体感VRAR全息沉浸式3D投影多媒体展厅展会游戏互动-万展互动 | 聚丙烯酰胺_厂家_价格-河南唐达净水材料有限公司 | 防火板_饰面耐火板价格、厂家_品牌认准格林雅|