《电子商务视觉设计（第2版）》习题答案（含操作详解）

《电子商务视觉设计（第2版）》课后练习参考答案

说明：本书“课后练习”中的操作题均配有实操视频，请到“视频文件”中查看。

第1章

第1题

略

第2题

同样的产品，运用品牌型和营销型两种不同的运营策略，在视觉上需要做不同的设计。

1.品牌型网店视觉定位

突出品牌优势，特别是与同类产品相比具有的竞争力，以达到区分店铺的目的。-一般品

牌型店铺的价格略高于同类产品，在产品设计、生产工艺、服务上具有优势，所以设计此类

店铺需要突出这些优势，弱化价格敏感度，如下图所示。

（1）给顾客创造品牌强、商品质量优、服务好的印象。设计偏向于简约、干净。

（2）尽量将价格转移到价值。

（3）弱化促销价格。

2.营销型网店视觉定位

突出价格优势，特别是与同类产品相比具有的竞争力，以达到区分店铺的目的。一般营

销店铺的价格略低于同类产品，同时需要营造一种热卖的气氛，所以在视觉设计上需要将促

销信息做得更加吸引人，如下图所示。

（1）打造热闹的促销氛围。

（2）打造围观效应。

(3)突出低价的感觉。

第3题

略

第4题

第2章

第1题

近似配色设计案例色调配色设计案例

第2题

答：色彩的联觉现象对珠宝类商品的影响如下。

（1）从品牌形象和定位理解，比如欧洲的大牌用臧蓝、紫红、黑、金棕来突出品牌的

历史沉淀和高奢的定位。

（2）日本喜欢用低饱和度的珍珠白之类的颜色，有光感的滤镜来配合纯洁的珠宝定位。

（3）美国品牌通常就黑白比较多，少即是多，尽量简洁明了容易记忆，更凸显产品本身。

（4）本土品牌大多用红色，这个跟中国本土对于红色吉祥喜庆的定位是分不开的，大

多数品牌定位是珠宝不是高奢，并且很多是以送礼为目的购买，也很受大众认可。

（5）颜色对人们来说非常敏感，比如柔和的颜色会让顾客产生购买的欲望，从而促进

消费。

第3题

略

第4题操作详解：

（1）单击“文件”1“新建”命令，在弹出的“新建”对话框中设置各项参数，单击“确

定”按钮，如下图（左）所示，新建一个空白文件。设置前景色为RGB（197、410、45）,

按【Alt+Delete】组合键进行填充，如下图（右）所示。

（2）选择矩形工具口，绘制一个矩形,设置填充色为RGB（242、207、175）,如下

图（左）所示。继续绘制其他矩形，如下图（右□）所示。

（3）拖入“模特”素材，按【Alt+Ctrl+G】组合键创建剪贴蒙版，如下图（左）所示。

双击该图层，在弹出的“图层样式”对话框中设置各项参数，其中颜色为RGB（184、151、

119）,为素材添加投影效果，如下图（右）所示。

（4）使用矩形工具口和圆角矩形工具。绘制装饰性图形，如下图（左）所示。使用横

排文字工具T输入海报文字，如下图（右）所示。

（5）使用横排文字工具T输入文字，设置文字颜色为白色，制作优惠券板块，如下图

（左）所示。继续输入文字，制作热销精品专区标题，如下图（右）所示。

203050,

Miaxa|aioomaI

HOTCAKES

热销精品专区

203050'

■>ooq«awowa1MitOO

（6）使用矩形工具口绘制多个矩形，如下图（左）所示。拖入商品素材“01”，按

[Alt+Ctrl+G]组合键创建剪贴蒙版，然后输入海报文案，如下图（右）所示。

(7)继续绘制矩形，添加热销的商品素材图片，然后输入价格文字，如下图(左)所

示。采用同样的操作方法，制作店长推荐专区板块，效果如下图(右)所示。

第3章

第1题

答：从设计的表达形态来看，店标可以分为以下几种。

(1)中文文字型店标。

(2)非中文型店标。

(3)组合型店标。

(4)图形型店标。

(5)图文结合型店标。

举例说明：略

第2题

答：在设计店标时，可以运用以下设计技巧。

(1)店标设计要有造型。

(2)店标设计要有领导性。

(3)店标设计要有统一性。

(4)店标设计要有识别性。

(5)店标设计要有时代性。

(6)店标设计要有系统性

(7)店标设计要有延伸性。

第3题

略

第4题操作详解：

（1）制作文具店店标，首先想到的是用笔的图形来表现，所以第一步就是去素材库找

一个铅笔的素材图形，如下图（左）所示。单击“文件”|“新建”命令，在弹出的“新建”

对话框中设置各项参数，单击“确定”按钮，如下图（右）所示。

（2）导入“铅笔”素材图像，使用魔棒工具不单击白色区域，然后单击“选择”|“反

选”命令反选选区，抠出铅笔图像，如下图（左）所示。将素材图像拖入新建的店标文件窗

口中，按【Qrl+T】组合键调整图像的大小和位置，如下图（右）所示。

（3）采用同样的操作方法，添加“皇冠”素材图像，如下图（左）所示。使用矩形工

具口绘制一个矩形，设置填充颜色为RGB（238、115、26）,如下图（右）所示。

（4）选择铅笔的所有图层，按【Ctrl+T】组合键调出变换框，在其属性栏中设置“旋

转”角度为50度，如下图所示。

Y:173.00像§W:100.00%wH:100.00%4回.00|度

（5）选择横排文字工具T,输入店铺名称。在“字符”面板中设置文字的各项参数，其中

字体颜色分别为RGB（239、183、0）和RGB（198、198、198），最终效果如下图所示。

冲S

思源黑体6,V,LightV

15.5点自动）

ovBMo-

0%y

IT100%X100%

尚品办公专营店笛。点酶:口

TTTTTTT*T,TT

■小4*7（那心

霞英语。aa平滑*

第4章

第1题

略

第2题

略

第3题

答：

（1）营造视觉动线

在进行商品展示图片的排列设计时，首先要使用整洁的排列让消费者获得轻松感，在此

基础上还要注意图片不宜过多，横排图片最好不要超过5张，因为过多的图片容易让消费者

感到浏览压力并产生疲倦感。

（2）商品布局艺术化

商品照片的布局是影响商品陈列区整个版式的关键，也是确立整个首页风格的关键。为

了吸引消费者的眼球，可以根据商品的功能、外形特点、设计风格对商品陈列区布局进行精

心的规划与设计，将店铺中的商品艺术化地展现出来。

第4题操作详解：

（1）单击“文件”|“新建”命令，新建一个文件，如下图（左）所示。选择素材库中

的，，01”文件，将其拖入文件窗口并调整图像到合适的大小，作为首图海报的背景，如下图

（右）所示。

(2)选择横排文字工具T,输入海报文案。在“字符”面板中设置各项参数，其中文

字颜色分别为RGB(230、204、163)和RGB(241、250>232),如下图所示。

字铸»1=钙»15

茶体宋体v-

-rT264.75点［:台（自动）二’TT166.4点v；I/（自动）v

VZAO--皆-25%0.，叫.25v

蹙0%谬0%

IT100%工80%IT100%工80%

得。点m：r।

缉。点酶11

TTTTTTT*T,T?TTTTTTT*TxT5

6夕贪行H2T1”％fi*C*S3/1“为

蜩英语，知平：§姻英语,aa平潜

(3)选择圆角矩形工具C,绘制一个圆角矩形。选择直线工具/,绘制两条直线，继

续输入其他促销文案，如下图所示。

字符»I=

保体F1-

131点▼RMH.52点▼

购0BH.25

费0%

!Ttoo%Xwo%

雪0点照：||

TTTTTrT*T,TT

fi夕我J?5571"%

vaa▼

(4)选择矩形工具口，绘制一个矩形，填充颜色为RGB(44、76、72),作为优惠券

板块的背景。选择横排文字工具T,输入所需的文案，如下图所示。

字W»I=

思源黑体CNRegiiar_*思源黑体CN*|Regiiar«

=52.58点，R47.91点iT65.85点51至60点Q

当0国.25曲。」四-25

鎏0%源0%s

IT100%工loo%IT100%,Tloo%

驾。增用：！驾015皓||

TTTTTTT*T,TTTTTTTTT*T>T?

■就勺队

itar1”fi比X急T1”改

多个*®a摩和*-知甄V

（5）选择圆角矩形工具O,绘制两个圆角矩形。选择横排文字工具T,输入优惠券文

案，如下图（左）所示。将优惠券相关图层编组，按【Ctrl+J】组合键复制3个优惠券，然

后重新输入文字信息，如下图（右）所示。

GOODQ珀00T□A

GOOD

MANNERS家装大优惠的S■和2印度：100%、

MANNERS家装大优惠

□0财：wo%y

■20^B■2RMB0T3QMS0T5RM£0T80I：T

CIIZB^L°

口0.口«□位

（6）拖入“叶子”素材文件，将其放到优惠券图层最下方，按【Ctrl+J】组合键进行复

制，按【Ctrl+T】组合键调出变换框，右击选择“水平翻转”命令，如下图（右）所示。

GOOD

MANNERS家装大优惠

/

（7）拖入“大理石纹理”素材，作为热卖商品推荐区的背景，如下图（左）所示。选

择横排文字工具T,输入热卖商品标题文案，如下图（右）所示。

MANNERS»«MUI

@@@@

EMEMEBI

家装麻£•鬲1、制作

（8）选择矩形工具口，绘制一个矩形。拖入“植物”素材图像，然后对其进行复制和

调整，如下图（左）所示。继续绘制一个白色矩形，拖入商品素材图像，如下图（右）所示。

（9）使用矩形工具口、圆角矩形工具。绘制标签，选择横排文字工具T,输入热卖商

品的促销信息，如下图（左）所示。复制商品板块，调整其位置，更换各组中的素材文件和

文字，如下图（右）所示。

（10）使用矩形工具口绘制一个矩形，拖入素材图像“02”和“03”，如下图（左）所

示。使用矩形工具□和横排文字工具T添加价格标签，最后添加“灯”素材文件作为装饰，

效果如下图（右）所示。

第5章

第1题

答：（1）在主图上添加一些描述商品特色和卖点，以及刺激消费者购物欲望的文案,

如''包邮”“满减”“正品”等，进一步吸引消费者点击商品主图。

（2）在商品主图中添加品牌信息说明也是吸引消费者的有效手段之一。

第2题

略

第3题

略

第4题操作详解：

（1）单击“文件”|“新建”命令，新建一个文件，如下图（左）所示。将素材图像“01

拖入图像窗口中，按［Ctrl+T】组合键调出变换框，适当调整其大小，如下图（右）所示。

（2）选择椭圆工具。，绘制多个圆形，分别调整它们的大小和颜色，如下图（左）所

示。使用横排文字工具T输入文字，如下图（右）所示。

（3）双击文字图层，在弹出的“图层样式”对话框中设置各项参数，其中渐变色为RGB

（248、79、0）到RGB（227、163、8）,如下图所示。

毗

的确定

结构

；始造耍

大W5X3一■UIO取消

科面和洋廉

位春：外移-

新建样式（W）…

:昭相式：正常

位览）

・F用=:1W%Q（V

Os购

鳏彩E18先类更：雕

■光照口

粒

傩基加S

□僦㈤

废探加

州发光凶湎认值鲍为认值

0嬲0

电层样式X

扁谴加

ffst

嘏

;除迭吸:胎镒式：访二晒

科面租浮Bf

而8瓒蜃（毗-------------c..too%

率S线

陪Q的R）

睡

憾：蝴1a骄阻!挤⑴

C3龈S倒电3）:|/V；H6帛

概也国

■光:fi'；100%

粒

的械认值SS为st认值

1艇再加国

asxfttt田

辟接加

外发光

。即囹

ESffS

归修艺

:函册

:崎|如即A

fataWt

瓶胸栓口««u^（wu

皿£

仁）«»电装用至鼻光（G1

P39BW8纣Q«®v）

e＞侬E丽⑼：*IM!

陶“困E⑻:0%

«SJt大也办uex

有

EBjwa:做愉份©

DXSftlt）回

帕加:----------»

essfitu

＜（）

飕光aKl££filu

她为I母值IK1力BU11

□»!S）

（4）按【Ctrl+J】组合键复制文本图层，修改文字内容，并重新调整其位置，如下图（左）

所示。继续输入其他文字，效果如下图（右）所示。

果由

9冻甜

,橙

（5）使用横排文字工具T输入文字，在“字符”面板中设置各项参数，如下图所示。

字符»IS字符»Is

思源关体vBoldy思诵黑体CNvRegular:〜

E*95点：A（自动）3T24点-1会伯动）

您oV四0y您0▼里-40V

受0%累0%~

橙子营养价值IT100%Xwo%IT100%X100%

笺。国酶：■M0点照:Q3

美味水果橙营养妲丰富

TTTTTiTlT＞TTTTTTTTT*T,T?

■Hft527■夕就//7（I”%

美国英语"为平岩-美国英港,看平渴

（6）选择椭圆工具O,绘制一个圆形，并设置描边颜色为RGB（236、126、4）,“形

状描边宽度”为13点，如下图（左）所示。拖入商品素材，按【Alt+Ctrl+G】组合键创建

剪贴蒙版，如下图（右）所示。

（7）绘制多个白色描边的圆形，如下图（左）所示。使用横排文字工具T输入文字,

并将文字放在圆形的中心，如下图（右）所示。

（8）使用横排文字工具T输入标题文字，然后绘制多个圆角矩形和矩形，如下图（左）

所示。拖入商品图像，按【Alt+Ctrl+G】组合键创建剪贴蒙版，输入说明文字，如下图（右）

所示。

水果橙子健康美味

一个忏的I•子.影・万千个缰节

（9）使用横排文字工具T输入产品信息，如下图（左）所示。绘制一个圆角矩形，并

为其添加图层样式，作为营养成分表的背景，然后输入所需的产品信息文字，如下图（右）

所示。

产品信息

PRODUCTINFORMATION

名称产地

*东&子山东

重量保质期

500g30天

第6章

第1题

略

第2题

功能类商品以展示功效为主，对于普通工薪消费人群以展示优惠折扣为主，对于优势突

出的商品以展示优势为主，同时也可以考虑给消费者更多的选择空间。

第3题

聚划算

有叔洗超值组合8瓶装

半价对

仅限前1000名抢

图中两张图片的重点表现元素为优惠价格，所以两张图片中的价格元素都是颜色醒目、

尺寸较大，因为只有使价格元素足够突出，才具有煽动性，才能吸引消费者进行点击。

第4题操作详解：

（1）按【Clrl+N】组合键，在弹出的“新建文档”对话框中设置各项参数，设置背景

色为白色，然后单击“创建”按钮，如下图所示。

（2）选择圆角矩形工具O,绘制一个矩形，填充颜色为RGB（233、72、78）,如下

图（左）所示。选择钢笔工具。，绘制一个黑色矩形，按【Alt+Ctrl+G】组合键创建剪贴蒙

版，如下图（右）所示.

（3）单击“图层”面板中的“创建新图层”按钮0,新建“图层1”。选择椭圆选框

工具C,在属性栏中设置“羽化”为60像素，绘制一个圆形选区，并填充白色，如下图（左）

所示。在“图层”面板中设置“不透明度”为20%,如下图（右）所示。

口Q2@羽化；60像素肖余锯母

（4）拖入耳机素材，调整其大小和位置，如下图（左）所示。拖入“光效”素材，设

置其图层混合模式为“滤色”，如下图（右）所示。

（5）使用圆角矩形工具C绘制一个形状，使用横排文字工具T输入文字，如下图（左）

所示。导入素材文件“箭头”，输入活动价格文字，如下图（右）所示。

（6）使用圆角矩形工具（□绘制两个形状,双击图层打开“图层样式”对话框，设置各

项参数，然后单击“确定”按钮，如下图所示。

奈登叁加

触

商式

贻选女

殆暝式；正常幄

料面检龚I

不8明度(P)：—L|woI%

钻建洋式(W)…

L钏纹

峨：*,O©6](R)

奴理