网店装修美工及视觉营销设计(宝贝图、海报、详情页)
《网店美工》项目1--走进视觉营销与美工设计
者快速找到商品、下单和获得帮助。
— 29 —
1.2.2 视觉营销的流程整合
➢店铺商品和用户角度
店铺的商品
商品结构体系
商品价格体系等
决定“店铺结构”和“页面结构”
店铺的用户群
社会层次 消费能力 生活习惯等 决定“店铺风格”和“商品陈列”
— 30 —
1.2.2 视觉营销的流程整合
➢具体操作流程步骤
思考
色彩作为一种客观存在，可以表现丰富的情感效应，这就是色彩的感觉与象征。
（1）色彩的冷暖感 （2）色彩的轻重感 （3）色彩的空间感
— 16 —
色彩的冷暖
根据人们的心理和视觉判断，色彩有 冷暖之分，可分为三个类别： 暖色系（红、橙、黄）， 冷色系（蓝、绿、蓝紫）， 中性色系（绿、紫、赤紫、黄绿等）。
— 17 —
需熟练掌握各种图片、视频软件，如Photoshop、Illustrator 、C4D、 Dreamweaver、光影魔术手、会声会影等，熟悉页面布局，了解产品特性， 能设计有思想、有创意、能触动消费者、产生共鸣、赢得消费者心智的图 片。
网店美工职责一、进行网站商品图的拍摄和详情页的描述制作。 网店美工职责二、网站各种页面的设计与装修 网店美工职责三、网店的编辑描述
任务3 网店美工
1.3.1 网店美工简介 1.3.2 网店美工运营之手 1.3.3美工成长路径
— 3—
项目一 视觉营销与美工设计
【本项目重点难点】
掌握色彩的分类、属性和色彩搭配；掌握视觉营销的原则及流程整合， 掌握网店的岗位图表及美工岗位能力要求。
【项目导图】
— 4—
【引例 】裂帛的视觉营销
作为网店品牌裂帛，它以出色的产品以及高质感的视觉营销在年轻群体中迅 速站稳脚跟。它的风格无拘无束，有着狂喜、神秘、流浪、异域的意态气场。那么， 裂帛究竟是通过怎样的方式向消费者展示自己产品呢？
网店美工视觉设计实战教程课件-第1章网店美工基础
书法体包括楷体、叶根友毛笔行 书、篆书体、隶书体、行书体和燕书 体等，书法体具有古朴秀美、历史悠 久的特征，常用于古玉、茶叶、笔墨、 书籍等古典气息浓厚的店铺中。
1.2.3 文字的应用
10
2 字体的布局技巧
字体的选用与变化 排版网店广告文案时，选择2~3种 匹配度高的字体是最佳的视觉效果。
01
主色：主色调是页面中占用面积最大，也是最受瞩目的色彩，它决定了
01
整个店铺的风格，主色调不宜过多，一般控制在1~3种颜色，过多容易 造成视觉疲劳。主色调不是随意选择的，而是系统性分析自己品牌受众
人群的心理特征，找到群体中易于接受的色彩。
02
辅助色：辅助色是指占用面积略小于主色，用于烘托主色的颜色。合理 应用辅助色能丰富页面的色彩，使页面显示更加完整、美观。
✓ 恢复默认前景色与背景色：单击 按钮可恢复默认的
前景色与背景色。
✓ 切换前景色与背景色：单击 按钮，可在前景色与背
景色之间切换。
✓ 选区填充：创建选区后，按【Ctrl+Delete】组合键可
以用背景色填充当前图形，按【Alt+Delete】组合键 可以用前景色填充当前图形。
1.3.2 图层的基本操作
20
网店美工在抠取一些规则的矩形和圆形商品时，可通过对应的选择工具快速创建选区进行抠
图，如矩形选框工具、椭圆选框工具；对于边缘为直线的规则商品，可选择多边形套索工具进行
快速抠图。下面利用多边形套索工具和椭圆选框工具抠取图中的面膜，并为其更换背景，其具体
操作步骤如下。
1
2
使用多边形套索工具绘制选区
新建白色背景图片
作步骤如下。
3
4
调整图像尺寸
网店装修设计与视觉营销
网店装修设计与视觉营销为了能让更多的顾客光临网店，卖家们往往会用各种宣传方法来推广网店，例如发布网络广告，到论坛发帖或利用IM工具发布公告等，但是往往效果并不一致，通过比较发现，视觉营销的运用是产生能引起顾客兴趣和购买欲望的有效流量的关键，也就是说在网店装修和产品描述时若能充分运用视觉营销来迎合客户消费心理，才能吸引客户注意，激发客户的兴趣和购买欲，从而促成购买。
一、什么是视觉营销视觉营销是一种新的市场营销手段，为达成营销的目标而存在的，通过商品的陈列和形象化展示，对顾客的视觉造成强劲攻势，实现与顾客的沟通，以此向顾客传达商品信息、服务理念和品牌文化，达到促进商品销售、树立品牌形象的目的。
为了能吸引客户眼球，促进销售，网店的装修与商品陈列也开始关注视觉营销，来用强烈的视觉冲击刺激顾客的购买欲望。
在网络环境下，我们把视觉营销定义为利用色彩、图像、文字等造成的视觉冲击力来吸引潜在顾客的关注，由此增加产品和店铺的吸引力，从而达到营销制胜的效果。
所以我们店铺装修的时候整体上要坚持一个原则：清新，唯美，和谐，人性化。
二、视觉营销的作用视觉营销的运用是产生能引起顾客兴趣和购买欲望的有效流量的关键，也就是说在网店装修和产品描述时若能充分运用视觉营销来迎合客户消费心理，才能吸引客户注意，激发客户的兴趣和购买欲，从而促成购买。
众所周知，视觉在人类所有感觉中占主导地位，人类对外部信息的感受有83%通过视觉来传达，视觉给人的知觉、注意与兴趣等心理现象提供了最广泛、最重要的。
引起顾客注意，唤起顾客兴趣，激起顾客购买欲望，促成顾客采取购买行为，就是一种建立在人类心理现象基础上的推销模式。
其第一个步骤一引起顾客注意主要建立在对顾客视觉冲击的基础上，通过视觉冲击，以引起顾客的关注，继而促使顾客对推销的商品抱有积极肯定的态度，激发顾客对商品产生强烈的拥有愿望，即产生较为明确的购买动机，最后运用一定的成交技巧来促使顾客进行实际购买。
2024年电商美工岗位职责(精选20篇)
2024年电商美工岗位职责（精选20篇）电商美工岗位职责 11、负责电商网店的整体美工创意,设计和页面的实现。
2、负责店铺活动专题的版面策划,设计以及制作上传。
3、定期更新店铺主页,负责宣传图片,促销图片和活动专题图片的`设计与制作。
4、推广活动图,产品图片处理,店铺装修及销售运营活动海报制作等。
5、负责首页装修,商品图案处理,宝贝详情描述,网站图片资源的维护和完善,产品上架等。
6、完成上级交给的其它设计工作。
电商美工岗位职责 21、负责公司ebay，Amazon等平台销售产品相关主图和附图后期处理，产品图片优化。
2、配合销售人员优化意见优化产品图片，店铺日常装修与整体形象设计，店铺活动页面设计；3、上级交给的其它工作。
4、会基础的静物摄影，布光电商美工岗位职责 31、负责公司网站的设计、改版、更新；2、负责公司产品的`界面进行设计、编辑、美化等工作；3、对公司的宣传产品进行美工设计；4、负责客户及系统内的广告和专题的设计；5、负责与开发人员配合完成所辖网站等前台页面设计和编辑；6、其他与美术设计相关的工作。
电商美工岗位职责 41、负责公司旗下天猫商城的店铺装修，广告海报页面创意设计;整体风格设计、改版和优化工作，摸索最符合作品风格的视觉体系，对色彩、布局、广告视觉营销有独特视角及观点，提升用户体验;2、负责制作商品详情页，详情页面产品资料和信息，对所店铺所销售的产品进行描述的策划及设计，包括对商品卖点挖掘、产品比较、功能描述、产品口号创意等设计;3、负责店铺促销期的设计排版及促销宣传版面，配合推广制作推广宣传图、直通车及钻石展位推广图片等;店铺网页的设计、专题banner、页面的'美化、各种活动及专题页面的制作;4、全面负责管理店铺的设计美工团队，协调运营把控店铺的视觉vi和广告图片。
电商美工岗位职责 5职责描述：1、熟悉并掌握各种开发途径和技巧，懂的分析评估产品的市场竞争程度，对选品思路有自己的见解，对产品的销售优化可提供建设性意见。
网店美工与视觉设计
突出品牌特点：通过设计突出品牌的独特性和优 势，让消费者更容易识别和记住品牌
符合目标受众：设计要符合目标受众的审美和喜 好，提高品牌亲和力和吸引力
吸引用户注意力
01
色彩搭配：使用鲜艳、对比 强烈的色彩，吸引用户眼球
03
布局设计：采用简洁、清晰 的布局，让用户更容易找到 所需信息
色彩搭配技巧
01
色彩对比：使用对比色来突出 重点，如红绿、蓝橙、黄紫等
02
色彩平衡：保持色彩平衡，避 免过于鲜艳或过于暗淡
03
色彩层次：通过明度、饱和度、 色相的变化来表现层次
04
色彩主题：根据网店的主题和 风格来选择合适的色彩搭配
图片处理方法
裁剪与缩放：调整图片尺寸和比例，
色彩调整：调整图片的亮度、对比度、
创意元素：运用创意元素，增 加页面趣味性和独特性
交互设计：注重用户体验，提 高页面交互性
谢谢
链接、表单等
细节处理：注重细节的 处理，如阴影、高光、
纹理等
整体风格：保持整体风 格的一致性，如字体、
色彩、布局等
设计技巧总结
色彩搭配：运用对比色、互补 色等技巧，增强视觉效果
布局设计：合理规划页面布局， 突出重点信息
图片选择：选择高清、有代表 性的图片，增强视觉吸引力
文字排版：运用字体、字号、 颜色等技巧，提高文字可读性
网店视觉设计原则
突出产品特点
1
色彩搭配：选 择与产品相关 的颜色，突出
产品特点
3
排版布局：合 理布局，突出 产品特点和优
势
2
图片选择：选 择高质量的产 品图片，展示
美工的工作内容职责
美工的工作内容职责美工的工作内容职责篇11、负责网店的页面设计，框架搭建、产品图片、产品文案描述、店铺整体形象设计更新，促销活动海报设计等;2、负责店铺详情页设计，店铺图片资源的维护和完善;3、宝贝上架;4、针对店铺活动的内容设计相应的宣传海报;5、负责店铺风格装修，优化用户体验;6、挖掘消费者的点击需求、浏览习惯，优化用户体验。
美工的工作内容职责篇2一、岗位职责1、负责公司所需的各类包装设计、平面设计、pop设计、vi应用设计等。
2、协助店员对商场店堂内、外广告的管理。
3、协助店员对店内环境的规划、形象的规划、美陈布置等。
4、配合公司各类社会活动、促销活动的现场布置、道具的制作及美术陈列。
二、岗位工作流程1、促销活动海报制作流程、门店店长销售部主管经理申请，并填写《门市活动企化书》，签上交领导审核。
2、领导审核通过并签后交接到策划部。
3、美工填写广告费用《申请表》并签，上交到策划部主管经理审核，通过并签。
4、进行活动海报设计，设计稿设计好后打印一份上交部门主管经理审核，通过并签。
5、发往广告公司，制作，并做好更进工作(一般2天内可完成)。
6、将海报成品发往该店，并做好跟进，回收工作。
7、促销海报申请应提前美工的工作内容职责篇31、工艺美术相关专业，大学专科及以上学历，具有良好的美术基础和审美能力。
2、熟练使用Photoshop、Flash、IIIustator等常用设计制作软件工具，了解Dreamwear和Div+css等，有设计经历者优先；3、积极肯干，吃苦耐劳；具有创新精神及团队协作精神；责任心强，还有良好的沟通能力。
美工的工作内容职责篇4岗位职责：1、满足运营关于专题、专区等的页面设计类需求。
2、满足省公司对于营销活动类海报的设计需求。
3、满足分省产品重点位置的图片设计需求。
任职资格：1、全日制大学本科学历，艺术设计、平面设计、动画设计等相关专业；2、精通PS，AI，ID，FL等设计软件；熟练使用办公软件；熟悉移动通信行业背景知识；有专业美术功底；3、极强的审美能力，对构图、配色、图文排列有强烈设计意识；有深厚的美术功底，具备手绘能力；具备优秀的学习能力和沟通协调能力；熟悉互联网视频行业，热爱视频影音内容，对视频行业抱有很大热情；为人正直诚实，认真细致，纪律意识强，能遵守廉洁从业的各项要求；有较强的开拓创新和勇于奉献的精神；抗压能力强。
淘宝网店视觉营销(PPT41页)
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
视觉漏斗模型 组图
细节材质图
搭配方案
好评 热卖
• 针对目标定义的详细 产品描述 达到5感
•
真实感 真实再现产品原貌 不同角度 更多细节
•
逻辑感 根据买家的需求部署和展开卖点陈述，达到层层打击，达成购买
•
亲切感 针对目标消费者的特性进行文案，图像的风格设定，亲切，贴近。
策划
沟通
设计
网店定位 产品策略 受众分析 竞品分析 时段分析
产品体验 策略沟通 素材准备 草案讨论 确定创意 参考目标
形成文案 定义主题 分解层次 构图、色调 排版、字体 细节、气氛
Print Page
• Print topics here
Over!
9、静夜四无邻，荒居旧业贫。。21.2.1021.2.10Wednesday, February 10, 2021 10、雨中黄叶树，灯下白头人。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、以我独沈久，愧君相见频。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、故人江海别，几度隔山川。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、乍见翻疑梦，相悲各问年。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、他乡生白发，旧国见青山。。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、比不了得就不比，得不到的就不要。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、行动出成果，工作出财富。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、做前，能够环视四周；做时，你只能或者最好沿着以脚为起点的射线向前。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、没有失败，只有暂时停止成功！。21.2.1021.2.10Wednesday, February 10, 2021 10、很多事情努力了未必有结果，但是不努力却什么改变也没有。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、成功就是日复一日那一点点小小努力的积累。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、世间成事，不求其绝对圆满，留一份不足，可得无限完美。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、不知香积寺，数里入云峰。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、楚塞三湘接，荆门九派通。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、少年十五二十时，步行夺得胡马骑。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、空山新雨后，天气晚来秋。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、杨柳散和风，青山澹吾虑。。21.2.1021.2.10Wednesday, February 10, 2021 10、阅读一切好书如同和过去最杰出的人谈话。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、越是没有本领的就越加自命不凡。21.2.1009:42:5609:42Feb-2110-Feb-21 12、越是无能的人，越喜欢挑剔别人的错儿。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、知人者智，自知者明。胜人者有力，自胜者强。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、最具挑战性的挑战莫过于提升自我。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、业余生活要有意义，不要越轨。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、一个人即使已登上顶峰，也仍要自强不息。上午9时42分56秒上午9时42分09:42:5621.2.10
网店装修美工及视觉营销设计(宝贝图、海报、详情页)
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到比较好 的视觉宣传效果
2、黄色
黄色给人一种光明辉煌的感觉，是最为娇嫩的一种色。在所有的颜色当中黄色 明度最高。在网店美工设计中使用黄色和白色的搭配，会使得页面更加的干净 纯洁。
第七部分：宝贝的品牌形象 第六部分：宝贝的细节展示 第五部分：宝贝的规格参数 第一部分：创意海报 第二部分：宝贝特性介绍 第三部分：宝贝的优势
第四部分：宝贝的利益
详情页排版
创意海报情景大图 宝贝卖点/作用/功能
规格参数信息 宝贝优劣对比 全方位展示/细节图片展示 产品或店铺资历证书 售后保障问题/物流
户评价，能解读出哪些
痛点信息？对商家或运 营者有什么启示？
答：主要是3个层面 的问题。
1、产品性能问题-识别不灵敏 ；
2、按照服务问题； 3、老人和小孩使用 不方便。
详情页设计-打造卖点
5.4 详情页设计技巧
引起共鸣
解决痛点
痛点挖掘
• 突出对比
• 巧用反馈
• 创造场景
• 独特卖点
痛点：是个互联网概念，是相对于传统企业的需求而言的。就是用户在使
用产品或服务时抱怨的、不满的，让人感到痛苦的接触点。对于产品来说， 痛点多数时候是指尚未被满足的，而又被广泛渴望的需求，有些情况下，也 直接指代需数-人群属性
问题：请分析图中用
广告海报的目的
传达信息 引导购买
提升转化率 把别人的钱装进自己的口袋里
实操
实际查看一个海报文字层，商品层，背景层 使用素材创做广告宣传海报
跨境电商视觉美工 店铺装修 (跨境电商运营管理)
店招和导航条风格统一
三、旺铺装修
(1)店招设计原则
店招元素设计
三、旺铺装修
(2)店铺名称艺术化处理
1 用不同字体和字号的组合营造艺术感
2 为店名添加特效，彰显特殊性和醒目度
3
使用修饰元素提升观赏性
为店店铺为铺名店名铺称称名不添称同添字加加体修特的效组饰合元素
三、旺铺装修 3 图片轮播模块文案的设计
01 编辑标题 02 编辑备注 03 选择活动类型 04 活动时间设置 05 投放语种选择 06 活动正文
无线端活动编辑页面
四、无线端店铺装修
2. 无线端店铺装修的原则
① 无线端店铺具有以下特点：
场景多样化， 买家浏览时间 碎片化
A
竞争量减小
B
可与买家进行 互动
C
四、无线端店铺装修
2. 无线端店铺装修的原则
三、旺铺装修
3
页面视觉贯通流畅--店铺首页商品分类导航
三、旺铺装修
4
遵循“少即是多”和“对齐”的原则
符合“对齐”原则的页面展示
三、旺铺装修
4
遵循“少即是多”和“对齐”的原则
不符合“对齐”原则的页面展示
三、旺铺装修 2 店招的设计
(1) 店招设计原则
(2) 店铺名称艺术化处理
三、旺铺装修 2 店招的设计
1 无线端店招 2 添加无线店铺首页模块
无线添可端加添店模加招的块设模页计块面要求
四、无线端店铺装修 1. 无线端店铺首页设置
2.
添 加
产品推荐
图片
系统
无
模块
模块
模块
线
店
铺
首
页
《网店装修》课程标准
《网店装修》课程标准课程类别：专业拓展课适用专业：平面设计专业总学时：64理论学时：18实践学时：46一、课程概述（一）课程性质《网店装修》是我中等职业教育电子商务专业的一门核心课程，主要介绍了网店美工设计及装修的基本理论、基础知识和基本技能。
（二）课程设计思路本课程以网店装修的工作过程为导向，以项目任务式为编写结构，突出教师的主导作用和学生的主体地位以教师的引导和学生的感知体验和实践操作为主，注重培养学生对专业的兴趣和爱好,提高学生的专业技能操作能力和设计创新能力，拉近学生和现实网店装修的距离。
二、课程任务与教学目标（一）课程任务本课程的主要任务是通过学习网店装修的基础知识和技能应用以网店装修的工作岗位为依据，体现理论与实践相结合，使学生对网店装修的基本知识和技能有一个较为全面的掌握，为今后的网店装修工作打下扎实的基础。
(1)知识目标明确定位店铺风格，掌握店铺配色、字体规范掌握商品主图的主题、背景、配色字体、版面布局设计。
学习优秀海报的设计方法，学习店铺首页布局内容，分析展示案例，掌握店铺首页包含的模块。
1.构思大体框架2.在纸上画出草图3.整理出电子文档4.修改框架并定稿。
学习店标的定义及作用，店招的定义及作用、大小、分类、注意事项。
学习网店详情页的尺寸、内容模块。
1.进行买家定位2.产品形象3.进行同行调查4,撰写详情页策划方案。
掌握活动专题页装修的基础理论知识和创作方法。
掌握手机店铺首页设计的基础理论知识和创作方法。
了解手机店铺宝贝详情页设计的基础理论知识和创作方法。
(2)能力目标培养和提高各方面综合素质，增强观察力、表现力和审美能力。
在学习过程中注意理论联系实际,注重实际技能的培养。
掌握商品主图设计的制作流程,完成伊米生活馆主图设计。
掌握海报的选材、排版、字体和配色选择，并最终完成海报的制作。
掌握商品分类导航设计、热销商品陈列区设计，完成伊米生活馆的首页装修。
掌握详情页切图了解活动专题页设计流程并完成活动专题页装修。
电商店铺装修平面设计的工作要求
电商店铺装修平面设计的工作要求
电商店铺装修平面设计的工作要求主要包括以下几个方面：
1. 视觉设计：要求设计师具备出色的视觉设计能力，能够根据不同的电商平台和品牌风格，设计出符合品牌形象和用户体验的店铺页面。
这包括店铺首页、商品详情页、活动页等的设计。
2. 用户体验：设计师需要关注用户体验，确保店铺页面易于浏览、操作流畅，并且能够快速加载。
同时，还需要考虑不同设备和屏幕尺寸的适配问题，确保用户在不同场景下都能够获得良好的购物体验。
3. 创意与创新：电商店铺装修平面设计需要具备创意和创新精神，不断探索新的设计风格和元素，以吸引用户的注意力并提升品牌形象。
设计师需要关注行业趋势和用户需求，不断优化设计方案。
4. 技术实现：设计师需要了解并掌握相关的设计软件和工具，能够将设计稿转化为实际的网页效果。
同时，还需要与开发人员紧密合作，确保设计方案能够顺利实现并上线。
5. 团队合作：电商店铺装修平面设计通常是一个团队协作的过程，设计师需要与其他团队成员（如策划、营销、开发等）保持良好的沟通和协作，确保项目的顺利进行。
6. 学习与提升：随着电商行业的不断发展和变化，设计师需要保持持续学习和提升的态度，不断掌握新的设计技能和知识，以适应市场需求的变化。
总之，电商店铺装修平面设计的工作要求涵盖了视觉设计、用户体验、创意与创新、技术实现、团队合作以及学习与提升等多个方面。
设计师需要不断提升自己的综合素质和能力，以满足电商行业的发展需求。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 创造场景
•
独特卖点
•
数据背书
思考：如何设计产品详情页
包装简陋，就是马口铁包装外裹了 一层白纸、茶质较好、定价在自饮 茶叶市场里偏高，而且白茶自身占 茶叶市场份额不高....
美工的成长之路
技术美工—————设计美工————视觉营销专家
详情页设计-解决消费痛点 痛点：是个互联网概念，是相对于传统企业的需求而言的。就是用户在使
用产品或服务时抱怨的、不满的，让人感到痛苦的接触点。对于产品来说， 痛点多数时候是指尚未被满足的，而又被广泛渴望的需求，有些情况下，也 直接指代需牌形象 第六部分：宝贝的细节展示 第五部分：宝贝的规格参数 第一部分：创意海报
第二部分：宝贝特性介绍
第三部分：宝贝的优势 第四部分：宝贝的利益
详情页排版
创意海报情景大图 宝贝卖点/作用/功能
规格参数信息
宝贝优劣对比
全方位展示/细节图片展示 产品或店铺资历证书
售后保障问题/物流
02、对应的详情页排版
3、对应的设计部分
详情页排版 1.解决买家 需求 2.叠加产品价 值 卖点展示 细节展示 对比展示 3.促成交 4.其它 物流/签收 提醒 售后流程 品牌故事 5.产品关 联 同类产品关 联 搭配关联 锚点关联
海报区
活动重申
营造紧迫感
黄 金 三 十 秒
文字引导 疑虑打消 建立信心，引发 兴趣
详情页-买家调研
海报色彩设计-相近色搭配
相邻色搭配
相邻色或相近色搭配： 优点：稳定、平静、和谐， 常用于家居，生活类商品主题海报 缺点：容易单调，必须加入其它图案平衡
间隔色搭配
红+蓝，典型冷暖色搭配，容易让人产生视觉亢奋感，需要万能色白色中和...
间隔色搭配： 优点：即不像对比色那么冲突剧烈，又有明快，活泼之感， 可常用于各种活动海报搭配 缺点：色彩搭配比例难控制
文字重点强调
文案描边 文案字体加大 文案下方投影 复杂背景可以在文案下面加半透明图 层
文案中最 重要的语 句，运用 粗细对比 和大小 重点文字不同色强调 对比，加 以强调和 区分
背景层
后背景 必须有
中背景 看情况
前背景 当装饰
背景层
背景层
后背景
中背景
前背景
文字层和商品层排版关系
互不干涉 相互照应 文字突出 商品清晰
7、黑色
黑色给人一种严肃、刚健、恐怖的感觉，是纯度、色相、明度最低的非色彩。 配色中黑色和许多颜色构成良好的对比调和，运用范围广泛。网店设计中同时 运用黑色和白色，视觉冲击力很强，主次分明，通常可以表现出强烈的时代感
冲突的对比色
华丽的对比色
稳健的邻近色
统一的同类色
海报设计之色彩搭配
一般而言，色彩搭配不要超过三种，之间的比例是这样的....
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到比较好 的视觉宣传效果
2、黄色
黄色给人一种光明辉煌的感觉，是最为娇嫩的一种色。在所有的颜色当中黄色 明度最高。在网店美工设计中使用黄色和白色的搭配，会使得页面更加的干净 纯洁。
5、紫色
紫色给人一种优雅、高贵、神秘的感觉，在所有色彩中明度是最低的。一般紫 色会用来代表女性相关的商品，在化妆品包装中也常使用紫色。网店设计中紫 色并不能在所有站点中使用，但紫色会给人留下深刻印象，容易抓住人的视线
6、白色
白色给人一种纯洁、淳朴、神圣的感觉。在大自然中雪的颜色为白色，同样会 使人造成寒冷的生理反应；在服饰搭配上，白色为百搭色彩，可以和任何颜色 进行搭配。在网页设计中白色被广泛用于电子商务、微博等各种网站。白色时 常也用在字体颜色、背景颜色、图片等等，
一张高效的网络广告的三大要素
文案
主标题/副标题/价格/标签
商品
主产品/次产品/模特
背景
前背景/中背景/后背景
分 层
商品层：明确主题
图案为主题服务，即使没有文字， 也知道这个图传达的意思
商品层：关注点清晰
文案层：关键信息视觉清晰
文案层：图文一致，逻辑清晰
文字接地气不同字体对应产品 Nhomakorabea目标人群定位
对比色搭配
对比色搭配 优点：强烈的视觉冲击力，有力量、气势，活力。 常见于时尚品主题海报，也常用于促销活动 缺点：不易调和把控
海报设计之细节-点线面
点的运用
线的运用
串联信息
虚拟的视线 引导文字
面的设计
增加层次感和动感
分割画面
避免背景单调
详情页、网店整体设计点线面
点——画面的气氛点缀、 丰富层次、有对比大小就 有点 线——引导视觉走向、链 接信息 面——画面层次分割、信 息的载体
3、蓝色
蓝色给人一种清新、舒畅的感觉，是一种最具理智沉稳的色。蓝色是冷色调当 中最为典型的代表色，可以衬托出其它色彩，让整个网页看起来更加丰富色彩
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。 网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。
网店装修与美工设计
为什么要做网店装修和设计？
网店装修及美工的重要性
网店美工的根本宗旨
一个好的网店美工，不仅仅是考虑观赏性， 更重要的是记住美工时刻服务于营销目的 （提高转化率）。
店铺装修原则
相同点：1、诱导用户逐步产生购买冲动和行为，提高
转化率
2、装修风格和产品、人群定位保持一致
一、网店装修-流程
店招的设计要点及实操
1 没有店名 2 色彩搭配不醒目 3 商品色彩和背景色彩混为一体
小技巧：时间仓促时利用汉语拼音做店标显得更高大上…
淘宝宝贝主图的要求
宝贝图片上传建议
建议： 1、宝贝主图最好上传为800*800px，既可以使用放大镜功能让消费者看到 细节又可以节约流量，节省图片显示时间 2、5张宝贝图建议分配为:1张正面图，2-3张侧面或细节图，1-2张宣传图 3、宝贝主图后期制作时有品牌统一在右上角加品牌logo、背景和产品位置 4、严格按规格批量统一裁剪为正方形(天猫、淘宝智能版自定义区则统一尺寸) 5、宣传图保持界面干净，文字简洁，不要覆盖商品本身，尽可能不要加水印 6费群体人群 年轻？时尚？商务？稳重？暗黑？ 知性？清新.....
风格设计： 整体风格 主色、 版式、页面布局 细节风格 宝贝主图、海报、详情页...
店铺装修
装修修改：热力图等检讨复盘
一、网店装修
门头logo
橱窗形象
分类陈列区
海报广告
搭配陈列区
促销区 搭配陈列区
文字量
经过大数据分析 一级文案不要超过8个字 文字越多，点击越低
less is more
文字疏密度
文字间距一般根据字体大小选1—1.5倍作为行间距，1.5—2倍作为段间距。比如 12号字体，行间距是12px-18px。段落间距则是18px-24px。另外，行高/段落之间 的空白=0.754.行间距正好是段落间距的75%是非常常见的。
广告海报的目的
传达信息 引导购买
提升转化率 把别人的钱装进自己的口袋里
实操
实际查看一个海报文字层，商品层，背景层 使用素材创做广告宣传海报
详情页设计思路
1、买家的购物心理历程
确认这个产品 是我要的 感受门店的 人气跟服务 思考有没有 其他家在卖？ 找专家确认 点旺旺 拍下，付款
确定想要了
欲望无止境的 扩大 解读产品的 整体价值 对产品有了兴 趣，希望有更 多的了解
看下别人怎么 说
想象，产生
其它
购物的兴奋感
2、对应的设计思路
①引发兴趣 ②激发潜在需求 ③从信任到信赖 ④替客户做决定。
你来了，欢迎，看看我们的宝贝怎么样？做工，美观，实用，性价 比....我是做这个的专家，我很值得信赖，买家买了都说好，我还有更 多优惠的产品您还可以看看，近期我店铺还有更多优惠，我的店铺还 有很多活动再进行....
多角度文字排版介绍
细节配件展示 其他配件展示 消费者关心的东西一目了然展 示 看图即可解答心中疑问 服务到位
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶） 调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
色彩三个属性
电商常用字体
女性字体 柔软 飘逸 纤细 秀美 气质 时尚
如何视觉清晰
适用范围：化妆品/日用品/ 轻纺/女性鞋服/各种包包/母 婴
如何视觉清晰
一看就买不起 纤细 优美 简洁 小 留白
男性字体 硬朗 粗犷 沉稳 大气
适用范围：家电/办公/男性 鞋服/电子产品/户外工具
促销字体 大 醒目 吸引 倾斜
制作模板
logo
图片整齐风格统一
模板实际就是做了一个整体规 范
价签
统一品牌标记 标准位置
裂帛实体店宝贝统一模板
根据模板 调整透明度，统一酒瓶尺寸大小，调整倾斜度，校对位置
水果店商品展示
多角度展示产品 2张之内产品广告
宝贝主图设计策划
多角度展示 主图
宝贝主图设计策划
宝贝主图策划=展示产品+服务 广告 主图整体外观
问题：请分析图中用 户评价，能解读出哪些 痛点信息？对商家或运 营者有什么启示？ 答：主要是3个层面 的问题。 1、产品性能问题-识别不灵敏 ； 2、按照服务问题； 3、老人和小孩使用 不方便。
详情页设计-打造卖点
5.4 详情页设计技巧
引起共鸣