注冊 | 登錄讀書好,好讀書,讀好書!
讀書網(wǎng)-DuShu.com
當前位置: 首頁出版圖書科學(xué)技術(shù)計算機/網(wǎng)絡(luò)圖形圖像、多媒體、網(wǎng)頁制作配色+布局+海報+移動電商 UI設(shè)計教程

配色+布局+海報+移動電商 UI設(shè)計教程

配色+布局+海報+移動電商 UI設(shè)計教程

定 價:¥89.80

作 者: 姜玉聲 著
出版社: 電子工業(yè)出版社
叢編項: UI設(shè)計從業(yè)必讀
標 簽: 暫缺

ISBN: 9787121417665 出版時間: 2021-09-01 包裝: 平裝
開本: 16開 頁數(shù): 232 字數(shù):  

內(nèi)容簡介

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

作者簡介

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

圖書目錄

第1章?電商UI設(shè)計基礎(chǔ)
1.1?了解電商UI設(shè)計\t1
1.1.1?什么是電子商務(wù)\t1
1.1.2?電商UI設(shè)計屬于什么范疇\t2
1.1.3?電商UI設(shè)計的重要性\t3
1.1.4?電商的發(fā)展趨勢\t3
1.1.5?電商設(shè)計師的要求\t4
1.2?移動電商\t4
1.2.1?什么是移動電商\t4
1.2.2?移動電商與傳統(tǒng)電商的區(qū)別\t5
1.2.3?移動電商的現(xiàn)狀\t5
1.2.4?移動電商的應(yīng)用形式\t6
1.3?移動電商UI設(shè)計與傳統(tǒng)電商UI設(shè)計的
差異\t8
1.3.1?使用場景\t8
1.3.2?交互方式\t8
1.3.3?屏幕尺寸\t9
1.3.4?信息組織\t10
1.3.5?導(dǎo)航系統(tǒng)\t11
1.4?電商UI設(shè)計需要注意的問題\t12
1.5?如何創(chuàng)建成功的電商網(wǎng)站\t12
1.5.1?為用戶群體設(shè)計\t12
1.5.2?采用常規(guī)的導(dǎo)航\t13
1.5.3?設(shè)計一個令人驚艷的主頁\t14
1.5.4?讓商品詳情頁面更易轉(zhuǎn)化\t14
1.6?電商UI視覺營銷\t15
1.6.1?電商UI視覺營銷的表現(xiàn)\t15
1.6.2?不同類型的電商視覺營銷方法\t15
1.7?本章小結(jié)\t18
第2章?電商UI設(shè)計配色
2.1?色彩基礎(chǔ)\t19
2.1.1?色彩的產(chǎn)生\t19
2.1.2?色彩三要素\t19
2.1.3?有彩色與無彩色\t21
2.2?電商UI設(shè)計中不同色彩意象的表現(xiàn)\t23
2.2.1?紅色―激情、促銷\t23
2.2.2?橙色―活力、動感\(zhòng)t24
2.2.3?黃色―希望、快樂\t25
2.2.4?綠色―自然、清新\t26
2.2.5?青色―清新、涼爽\t27
2.2.6?藍色―冷靜、理智\t28
2.2.7?紫色―高貴、浪漫\t28
2.2.8?白色―純凈、干凈\t29
2.2.9?灰色―簡潔、保守\t30
2.2.10?黑色―優(yōu)雅、神秘\t31
2.3?電商UI設(shè)計配色的基本方法\t31
2.3.1?同類色搭配\t32
2.3.2?類似色搭配\t32
2.3.3?鄰近色搭配\t33
2.3.4?互補色搭配\t34
2.3.5?對比色搭配\t35
2.4?對比配色使電商UI的視覺表現(xiàn)更
突出\t35
2.4.1?色相對比配色\t35
2.4.2?飽和度對比配色\t36
2.4.3?明度對比配色\t38
2.4.4?冷暖對比配色\t39
2.4.5?有彩色與無彩色對比配色\t40
2.5?根據(jù)目標群體選擇電商UI配色\t40
2.5.1?不同性別的色彩偏好\t40
2.5.2?不同年齡層次的色彩偏好\t42
2.6?根據(jù)商品銷售階段選擇電商UI配色\t44
2.6.1?商品上市期的電商UI配色\t44
2.6.2?商品拓展期的電商UI配色\t45
2.6.3?商品穩(wěn)定銷售期的電商UI配色\t46
2.6.4?商品衰退期的電商UI配色\t47
2.7?本章小結(jié)\t48

第3章?電商UI設(shè)計中的基礎(chǔ)元素
3.1?店標設(shè)計\t49
3.1.1?店標的作用\t49
3.1.2?店標的特性\t49
3.1.3?店標的設(shè)計要求\t50
3.1.4?店標的類別\t51
3.1.5?設(shè)計水果網(wǎng)店店標\t52
實戰(zhàn)練習(xí)01―設(shè)計水果網(wǎng)店店標\t52
3.2?店招設(shè)計\t56
3.2.1?店招的設(shè)計要點\t56
3.2.2?店招的表現(xiàn)類型\t57
3.2.3?設(shè)計童車店鋪店招\(zhòng)t58
實戰(zhàn)練習(xí)02―設(shè)計童車店鋪店招\(zhòng)t58
3.3?電商圖標類型\t63
3.3.1?應(yīng)用圖標\t63
3.3.2?功能圖標\t64
3.3.3?裝飾圖標\t65
3.3.4?設(shè)計簡約線性圖標\t66
實戰(zhàn)練習(xí)03―設(shè)計簡約線性圖標\t66
3.4?電商應(yīng)用圖標的設(shè)計要點\t68
3.4.1?符合設(shè)計規(guī)范性\t68
3.4.2?分析定位、突出特點\t69
3.4.3?設(shè)計完整性\t69
3.4.4?統(tǒng)一性\t69
3.4.5?連續(xù)性\t70
3.4.6?設(shè)計時尚風格電商應(yīng)用圖標\t70
實戰(zhàn)練習(xí)04―設(shè)計時尚風格電商應(yīng)用圖標\t70
3.5?電商導(dǎo)航設(shè)計原則\t74
3.5.1?符合內(nèi)容結(jié)構(gòu)\t74
3.5.2?明確業(yè)務(wù)目標\t75
3.5.3?遵從用戶使用習(xí)慣\t75
3.5.4?避免重復(fù)的分類\t76
3.5.5?使用合適的文案\t76
3.5.6?清晰的視覺體驗\t77
3.5.7?為用戶提供反饋\t77
3.5.8?導(dǎo)航符合界面整體風格\t77
3.5.9?有利于搜索引擎優(yōu)化\t78
3.5.10?趨于專業(yè)化的導(dǎo)航\t78
3.5.11?設(shè)計運動品牌電商網(wǎng)站導(dǎo)航\t79
實戰(zhàn)練習(xí)05―設(shè)計運動品牌電商網(wǎng)站導(dǎo)航\t79
3.6?本章小結(jié)\t84

第4章?電商文字與廣告設(shè)計
4.1?電商UI設(shè)計中的字體應(yīng)用\t85
4.1.1?電商UI設(shè)計中常用的中英文字體\t85
4.1.2?電商字體的基本設(shè)計技巧\t86
4.1.3?電商字體的高級使用技巧\t87
4.1.4?設(shè)計家電宣傳廣告\t90
實戰(zhàn)練習(xí)01―設(shè)計家電宣傳廣告\t90
4.2?文字的藝術(shù)化處理\t94
4.2.1?文字設(shè)計的圖形化\t94
4.2.2?文字的重疊設(shè)計\t94
4.2.3?文字設(shè)計的整體性\t94
4.2.4?讓文字更易讀\t95
4.2.5?設(shè)計質(zhì)感變形廣告文字\t96
實戰(zhàn)練習(xí)02―設(shè)計質(zhì)感變形廣告文字\t96
4.3?電商廣告的作用\t101
4.3.1?傳達商品信息\t101
4.3.2?增強藝術(shù)表現(xiàn)\t102
4.3.3?增強界面趣味\t103
4.3.4?設(shè)計運動鞋廣告\t103
實戰(zhàn)練習(xí)03―設(shè)計運動鞋廣告\t103
4.4?電商廣告排版布局技巧\t106
4.4.1?對齊\t107
4.4.2?對比\t108
4.4.3?分組\t110
4.4.4?設(shè)計小家電宣傳廣告\t111
實戰(zhàn)練習(xí)04―設(shè)計小家電宣傳廣告\t111
4.5?電商廣告設(shè)計原則\t115
4.5.1?突出廣告主題\t115
4.5.2?明確電商廣告的目標人群\t117
4.5.3?完美的表現(xiàn)形式\t118
4.5.4?設(shè)計化妝品宣傳廣告\t120
實戰(zhàn)練習(xí)05―設(shè)計化妝品宣傳廣告\t120
4.6?本章小結(jié)\t124

第5章?電商海報設(shè)計
5.1?電商海報的類型\t125
5.1.1?商品宣傳海報\t125
5.1.2?促銷宣傳海報\t126
5.1.3?活動宣傳海報\t127
5.1.4?設(shè)計手表商品宣傳海報\t128
實戰(zhàn)練習(xí)01―設(shè)計手表商品宣傳海報\t128
5.2?電商海報的常用構(gòu)圖方式\t130
5.2.1?左右構(gòu)圖\t130
5.2.2?三欄分布構(gòu)圖\t131
5.2.3?疊加構(gòu)圖\t132
5.2.4?傾斜構(gòu)圖\t132
5.2.5?設(shè)計女裝活動宣傳海報\t133
實戰(zhàn)練習(xí)02―設(shè)計女裝活動宣傳海報\t133
5.3?電商海報的常用設(shè)計表現(xiàn)形式\t137
5.3.1?直接展示\t137
5.3.2?突出特點\t137
5.3.3?對比襯托\(zhòng)t137
5.3.4?以小見大\t138
5.3.5?聯(lián)想\t138
5.3.6?夸張\t139
5.3.7?幽默\t139
5.3.8?以情托物\t139
5.3.9?設(shè)計女士箱包促銷宣傳海報\t140
實戰(zhàn)練習(xí)03―設(shè)計女士箱包促銷宣傳海報\t140
5.4?電商海報設(shè)計與視覺營銷\t144
5.4.1?最簡單的病毒營銷――暴力視覺\t144
5.4.2?最實用的綠色營銷――創(chuàng)意視覺\t145
5.4.3?最完美的整合營銷――寫實視覺\t146
5.4.4?設(shè)計促銷活動宣傳海報\t147
實戰(zhàn)練習(xí)04―設(shè)計促銷活動宣傳海報\t147
5.5?本章小結(jié)\t152

第6章?電商UI的構(gòu)圖與布局
6.1?了解電商UI構(gòu)圖\t153
6.1.1?為什么要進行電商UI構(gòu)圖\t153
6.1.2?電商UI的構(gòu)圖標準\t154
6.2?常見的電商UI構(gòu)圖方式\t155
6.2.1?幾何切割構(gòu)圖\t155
6.2.2?設(shè)計運動品牌服飾電商UI\t158
實戰(zhàn)練習(xí)01―設(shè)計運動品牌服飾電商UI\t158
6.2.3?放射與透視狀構(gòu)圖\t165
6.2.4?整體和流程構(gòu)圖\t166
6.2.5?根據(jù)圖像輪廓聯(lián)想構(gòu)圖\t167
6.2.6?設(shè)計藝術(shù)香熏爐電商UI\t167
實戰(zhàn)練習(xí)02―設(shè)計藝術(shù)香熏爐電商UI\t168
6.3?電商UI首屏布局要點\t175
6.3.1?確定首屏可視范圍\t175
6.3.2?展示吸引用戶的信息\t176
6.3.3?明確清晰的視覺焦點\t177
6.3.4?運用圖像,便于理解\t177
6.3.5?首屏要強調(diào)主體\t177
6.3.6?適當添加交互效果\t178
6.3.7?符合視覺習(xí)慣的圖文混排\t178
6.3.8?設(shè)計促銷活動界面\t178
實戰(zhàn)練習(xí)03―設(shè)計促銷活動界面\t179
6.4?商品列表界面布局\t187
6.4.1?商品列表界面的布局表現(xiàn)形式\t187
6.4.2?展示有用的商品信息\t189
6.4.3?鼠標指針懸停產(chǎn)生交互效果\t189
6.4.4?適量的附加信息\t189
6.4.5?添加推薦商品刺激消費\t190
6.4.6?減少操作步驟\t190
6.4.7?了解顧客心理\t190
6.4.8?設(shè)計童裝節(jié)日促銷頁面\t190
實戰(zhàn)練習(xí)04―設(shè)計童裝節(jié)日促銷頁面\t191
6.5?本章小結(jié)\t198

第7章?移動電商UI設(shè)計
7.1?了解移動電商UI設(shè)計\t199
7.1.1?什么是移動電商App\t199
7.1.2?如何進行移動電商App的UI設(shè)計\t200
7.1.3?移動電商App的基本設(shè)計流程\t201
7.2?移動電商UI設(shè)計趨勢\t202
7.2.1?分析移動購物用戶\t202
7.2.2?移動電商UI轉(zhuǎn)化率\t202
7.2.3?移動電商UI的設(shè)計要點\t202
7.2.4?設(shè)計移動端商品促銷活動界面\t204
實戰(zhàn)練習(xí)01―設(shè)計移動端商品促銷活動界面\t204
7.3?移動電商UI設(shè)計的基本要求\t207
7.3.1?以實用為基礎(chǔ)\t207
7.3.2?色彩與風格統(tǒng)一\t207
7.3.3?合理的配色\t208
7.3.4?規(guī)范的視覺流程\t208
7.3.5?視覺元素規(guī)范\t209
7.3.6?設(shè)計時尚男裝電商App\t209
實戰(zhàn)練習(xí)02―設(shè)計時尚男裝電商App\t209
7.4?移動電商App的設(shè)計原則\t217
7.4.1?清晰的視覺效果\t217
7.4.2?巧妙地應(yīng)用關(guān)鍵色\t218
7.4.3?高效的商品搜索\t218
7.4.4?提供商品收藏和分享功能\t219
7.4.5?流暢的支付流程\t219
7.4.6?設(shè)計時尚女裝電商App\t220
實戰(zhàn)練習(xí)03―設(shè)計時尚女裝電商App\t220
7.5?本章小結(jié)\t226

本目錄推薦

掃描二維碼
Copyright ? 讀書網(wǎng) ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號