![网店视觉设计与制作(全彩慕课版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/305/47303305/b_47303305.jpg)
任务实施
活动1 网店视觉设计与制作概述
由于小艾是第一次接触网店视觉设计与制作,因此老李先为小艾讲解了网店视觉设计与制作的基础知识。简单来说,网店视觉设计是平面设计行业和电商行业的融合,主要为线上店铺(网店)进行视觉设计,是连接网店与消费者的桥梁。
影响消费者网络购物的因素有多种,如图1-1所示。网店视觉设计与制作人员需要围绕这些因素对网店进行美观的视觉设计,从而达到促销与推广的目的。总体来说,美观、大气的网店视觉设计能够延长消费者在网店商品页面中的浏览时间,减少消费者的视觉疲劳,使消费者更细心地浏览网店中的商品,更有利于传递商品信息,提升网店形象,吸引更多消费者进店浏览,从而提高转化率,如图1-2所示。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_10_0_l.jpg?sign=1739203959-Q49WiNEu4QqyGItJK4uKidr7GwpE4ovG-0-8869d72885463ee902fe726d753b3c17)
图1-1
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_10_1_m.jpg?sign=1739203959-rTxq5rqsi67UXuBioUCvGZgcaJsyLobj-0-9b521a9e1f6e9b36825e4e15b2c89a06)
图1-2
具体来说,网店视觉设计与制作包含多个部分,每个部分发挥的作用不同,对应的内容和设计方向也不同。
1.处理商品图片
商品图片是网店视觉效果的基础,高品质的商品图片能够为商品增光添彩,吸引并打动消费者。为了让商品图片符合网店视觉设计的需求,网店美工需要选择合适的图像处理软件对商品图片进行处理,如调整图片的大小、色彩、存储格式,进行抠图、合成、修复、优化等操作。
图1-3所示为皮包商品图片处理前后的对比效果,右图在左图的基础上进行了调色、修复、添加文字等操作,看起来更加美观。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_11_0_m.jpg?sign=1739203959-yJqy41LRW2lS3SQL3LsY4mAEwoaxh2zx-0-ab19dbb65e45000f65b5a9f2f12c5317)
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_11_1_m.jpg?sign=1739203959-whfcI3GM8TvYRpwI6kMAGfsJkQHAwQmK-0-61d9499d43177e4c16dc7516b4907a1a)
图1-3
2.设计与制作商品主图和主图视频
商品主图和主图视频是展示商品的第一个窗口,视觉效果优秀的商品主图和主图视频更容易被消费者注意,从而为商品带来更多的流量,提高商品的成交量和竞争力。在设计与制作商品主图和主图视频时,应着重思考如何突出商品卖点,即根据商品自身特点、竞品情况及消费者心理,进行差异化视觉呈现,从而快速吸引消费者的注意力。
图1-4所示为同一商品的不同主图视觉设计图,左图是商品实拍图;而右图利用边框、背景、文字等元素进行了充分的视觉设计,更能赢得消费者的好感和信任。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_11_2_m.jpg?sign=1739203959-yvFG03ewPWaggwxKAZWvFficZbvgeOmj-0-f738c18bab4576d5c1fde2552ee5a875)
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_11_3_m.jpg?sign=1739203959-XhTQj1bwgKdnlqf5QMXhk1xW4p8tLHuN-0-0c6183bf265cc2f68d6c0e9f7485b91e)
图1-4
3.设计与制作商品详情页
商品详情页的视觉效果与商品转化率直接相关,其主要作用是向消费者传达更多的商品信息。因此,为了引导消费者购买商品,网店美工在设计与制作商品详情页时,要懂得挖掘消费者对商品的真实需求,给消费者构建一个清晰的商品印象(如介绍商品的基本信息、卖点、性能、品质、售后服务等),使消费者对商品产生信任,最终促成交易。
图1-5所示为同一商品的不同详情页视觉设计图,左图是商品实拍图;而右图通过留白,结合文字与图片的排版进行了充分的视觉设计,可给消费者留下清晰的商品印象,从而对商品产生信任,最终促成交易。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_11_4_s.jpg?sign=1739203959-WMljMk4X8iXLWBXJmV9GYYLEUOXRBb1f-0-010b09dbe8fb3049be8fe7783111d2c9)
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_11_5_m.jpg?sign=1739203959-ILP5NmBbO37gk0ZYLVE5LhU2kP3WOrjg-0-a0169a05059fcc88c9b563c8643e17c7)
图1-5
4.设计与制作网店首页
网店首页是网店的“门面”,会直接影响网店的流量。用心策划和设计的网店首页能够使消费者产生点击的欲望,从而促进商品销售。在设计与制作网店首页时,要对首页中的各个板块进行合理的规划和布局,从而使首页的视觉效果给消费者留下深刻的印象,给消费者提供更好的首页浏览体验,为消费者的购物过程提供更大的便利。
图1-6所示为同类商品的网店首页视觉设计图,左图没有进行视觉上的美化;而右图利用图形、色彩、插画、文字等元素进行了充分的视觉设计,更容易留住消费者。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_12_0_l.jpg?sign=1739203959-Es7D4mAvCarwiBnwaEGQRm4WRUSzAkKR-0-b31d8cfc94e79d0746e0e9ff26f92ff0)
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_12_1_l.jpg?sign=1739203959-sYccqwrUTDafd9F5qoZMGiopob5478x4-0-2d1c74f51661495fb34cd7f13967fe94)
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_12_2_l.jpg?sign=1739203959-yqwB6Qp1jBOdDTWtoD5ALUJkBSl0aQTe-0-b6d0c5fa2707b980846a58f368ca9725)
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/image_12_3_l.jpg?sign=1739203959-roZValhZz4F298mp8k8MIFBGa1QOekYQ-0-d3675c3abf038000d2d1547d0771a9fc)
图1-6
5.设计与制作商品短视频
商品短视频是目前较热门且能有效提高商品转化率的方式。常见的商品短视频有商品详情页短视频、网店首页短视频,以及在自媒体平台上传播的商品或品牌宣传短视频等。由于商品短视频能够更加直观地展示商品,让消费者快速了解商品,因此,网店美工在制作商品短视频时需要深入介绍商品的功能、使用场景、原料、工艺、技术创新、品牌历史等内容,帮助消费者了解商品背后的故事。
图1-7所示为茶叶详情页短视频设计前后对比画面,左图是商品实拍画面;而右图通过调色、添加贴纸、添加字幕、设置滤镜等操作进行了充分的视觉设计,使茶叶详情页短视频更具吸引力。
![](https://epubservercos.yuewen.com/DA231B/26677922209689406/epubprivate/OEBPS/Images/cutq_13_17161_m.jpg?sign=1739203959-XZ7puRYSmU5lizY2eLtfWx31frSBZHx7-0-6f936335c654d26a2791184b508a431c)
图1-7
素养小课堂
为了规范管理网店和商品,为消费者带来良好的浏览体验,主流电商平台对网店视觉设计的内容制定了一系列规定,网店美工在进行网店视觉设计前,应先了解电商平台的相关规定和与广告相关的法律法规,在网店视觉设计与制作中避免出现版权和敏感问题,增强职业道德与素养。