怎么才是优秀的电商设计师？
电商是利用互联网去实现商务活动业务流程的电子化模式
- B类电商：B2B--企业与企业的电商行为，如采购、出口贸易{1688}
- C类电商：B2C、C2C--以个人消费者为主，如网上购物、海淘{淘宝、严选、京东}
- 其他电商：O2O等--线上支付线下享受服务{美团、大众点评}
一、电商设计师的专业能力
1、推广设计
2、产品设计
UI设计
3、商品摄影
处理图片的风格和类型
成为高级设计师的关键因素
- 01：首先要具备更全面的设计知识面，提升自己的专业设计能力
- 02：设计要有大局观，能够掌握设计风格的协调性与统一性
- 03：能够学会利用情感包装设计，让自己的设计能够更加打动用户
- 04：懂得品牌设计，实时关注设计趋势，善于总结分析创新
二、掌握商品摄影
图片占据的视觉比重大约占据80%，商品图是电商设计的核心组成元素，能够直接影响整体设计的质量
商品图片的质量对整体设计品质有直接的影响
商品摄影在设计中有什么作用？
- 吸引用户：帮助商品传达重要卖点的信息，吸引用户并提升转化
- 提升品质：突出商品的质量，给用户最好的品质展示，加强商品的可信赖感
- 传递情感：图片传达商品情感，能够打动用户内心，同时让商品更有内涵
- 体现品牌：图片体现品牌设计基因，能更直观高效的给用户传输品牌印象
商品图的评审标准
- 聚焦度：图片有没有让用户快速聚焦到商品
- 品质感：图片能否较好传到商品的设计品质
- 匹配性：图片是否与描述信息或品牌风格相符
- 情感化：图片能否触动用户内心情感，形成感知印象
商品拍摄中需要掌握的技巧
- 商品拍摄的内容分解
- 每个商品要拍摄什么类型的图片内容？它们各自的用途是什么？
- 场景图：商品与场景、道具搭配拍摄、凸显商品品牌、品质、情感
- 商品场景图拍摄的地点：拍摄基地，外街道，室内
- 细节图：拍摄商品的细节特征，让用户聚焦商品质量，关注更多的产品细节，细节图尽量使用微距镜头去拍摄
- 产品图：展示商品形态，简单搭配简洁纯色背景拍摄
容易犯的错误
- 场景选择错误，导致商品风格偏移出错
- 模特、道具搭配出错，商品气质不对劲
- 拍摄图片没有考虑到实际的应用情况，兼容性差
- 不考虑拍摄天气的情况
- 拍摄中不懂得如何用光，导致照片的质量不佳
- 惰性所致，不做后期的调整，或处理的效果差，不追求更好的设计质量
- 要制定周全的计划+细心的执行
商品拍摄执行
前期计划：卖点梳理
- 商品是什么？
- 商品的用途？
- 商品给人的印象？
制定风格
- 匹配商品的卖点去制定商品的拍摄风格
- 参考：学习网站，500PX，花瓣，网易乐乎
选择场景
选择与拍摄风格匹配场景
器材道具
准备拍摄相关的摄影器材、模特、以及摆设道具
时间安排
选择合适的时间，以致于不能因为天气原因而不能拍摄
摄影执行
资料准备：突出商品的品质、品牌 、功能相关的卖点、产品质量详细卖点信息
细分场景
测光试拍：布置灯光、测试光源效果
正式拍摄
拍摄是时要注意的小技巧：物尽其用，灵活使用场景，提高效率
三、精通推广设计
色彩：浅色的运用
中性配色方案
中性色系：强调与百搭，不像冷暖系一样有过度强烈的情感和特征，匹配度高，更能体现出商品的设计品质。
相近色系的运用：比较协调，充分突出色彩的冲击力（既丰富页面的颜色，又不会显得颜色杂乱）
图片
大尺寸图片的运用
排版
多注重留白的板式：使浏览更舒适，使视觉感更透气性
杂志化的板式：使页面看起来更有设计感
1、提升banner设计水平
优秀的评定准则
- 设计品质：设计样式是否符合设计品质的要求
- 品牌情感：设计样式是否传达品牌的情感
- 商业目的：内容是不是用户感兴趣的？在数据上有没有明显的提升？
优秀banner的设计特征
1色彩：颜色简洁直观有含义，强调刚好的程度，重点突出信息，不乱使用色彩，匹配品牌色
2配图：突出商品品质，给与用户信赖感，注重情感、生活态度的表现
3信息：信息一目了然、主次分明吧，突出banner核心吸引点，注重信息的传递效率
容易犯的错误
- 过度设计
掌握不好banner设计的度，常常使用过多的元素去设计搭配，画蛇添足 - 配图不佳
配图质量差，影响banner的设计品质 - 用色不当
色彩使用不合理，banner情感无法突出 - 欠缺考虑信息
信息设计不明显或没有主次区分，影响卖点信息传递，最终影响线上数据
解决
设计师要懂得：”克制“，并能重点考虑信息的传达，掌握色彩与配图的使用技巧
第一步：商品图片处理好（抠图、调色等）
第二步：选择匹配商品情感的颜色
冷色调：清爽、理性、商务、科技感
中性色：简约、个性、时尚、现代感
暖色调：温暖、热情、活泼、兴奋
第三步：选择banner的排版方式
1、左右排列：以中间基线作为商品图、文案区域的划分，使用经典对称的板式。
2、上下排列：
3、居中排列：
4、左中右排列：
第四步：信息内容设计、字体设计
主标题和副标题的信息展示一定要有强弱关系，保持舒适的信息节奏感。
电商产品的商业发展需要大量的活动内容来支持，活动页设计占推广工作比重70%
优秀的设计特征
信息明了
注重活动信息设计直观明了，注重信息专递的高效性突出主题
页面的设计强烈突出活动主题的特点。视觉舒适
排版整齐有致，善用留白保持页面的“透气性”，注重内容信息的阅读体验。展示品牌
优秀的活动设计注重创造或我东品牌的元素，并统一沿用
活动设计构思
活动设计创意构思的两个技巧
构思场景：利用活动的关键字去构思场景，并用场景的特征去设计风格
构思情感：分析活动可能存在的情感特征，并运用情感特征去设计活动
活动设计技巧
活动氛围
活动信息
内容版式
活动氛围的营造手段
（色彩、场景图真实或模拟、图形、插画）：活动氛围指的是页面给用户的直接视觉感官的体验
色彩
可以用纯色、多色拼搭、渐变、很适合要求扁平化设计风格
场景图（真实&模拟）
使用场景图的活动页视觉冲击力强，是电商活动页比较流行的一种营造氛围的设计手段，可使用真实场景与模拟场景。
图形
图形的使用让活动页氛围更为有趣，极具个性特征，特别适合时尚，潮流类的商品活动。
插画
插画风格也是营造活动氛围的一大利弊，插画的沿用使得活动设计感更强。
活动信息的提升技巧
好的信息设计是要把活动的内容、参与方式很直观地告知给用户，让用户在短时间内就能了解到活动给予他的价值。
去繁从简：简化活动头图信息内容，并通过信息层级设计活动主题与优惠信息分开，内容阅读更有条理，并充分突出了活动主题。
加强引导：核心的活动领券信息在设计上明显，引导明确。
设计字体：字体设计优化，使整个活动页更有情感氛围，更具视觉冲击力。
构思文案：让文案变得更加内涵，并具备情感特征，能很大程度提升信息设计的品质。
内容板式的掌握精通：使用留白、区分模块、打破常规
详情设计技巧
产品意义：商品各种功能、相关卖点的介绍
商业意义：通过各种视觉包装吸引用户，并最终让用户购买。
- 好的详情页设计，让用户购物过程中更加愉悦，同时增加用户对商品、电商产品的信任感。
设计尺寸：淘宝：750px 天猫：790px 严选：800px -
字体大小的设计
图片.png - 字体间距、行高的设计：一般文字的行高为文字的1.5倍，文字的间距为0.
字体的选
非衬线字体：识别性高，适合大部分详情页使用
衬线字体：适合文艺气质类的商品，表达情感因素，格调氛围等
图片技巧
1、利用图片打造详情首屏的视觉冲击力，提升商品的品牌感
2、尽量使用真实的商品图片设计
3、图片保持统一风格调性，营造商品品牌氛围
在图形设计找那个，切记要选择匹配风格调性的图形装饰
1、利用图形点缀页面，突出调性，加强内容的节奏感。
2、合理使用图标设计点缀，让商品详情页变得轻松有趣和营造氛围。
板式设计
1、多使用页面的留白，营造舒适透气的详情页面
2、平面设计的借鉴，杂志化的排版让详情页更有设计质感
详情页借鉴：网易严选、造作、苹果等。
详情设计的总结
图片
使用黄金比例配制头图
图片符合主题调性、风格统一
图片清晰，匹配商品描述版式
多使用页面的留白设计版式
图文结合的版式设计
内容层次清晰，内容模块区分明显图标图形
使用简洁图标样式
使用匹配主题调性的图形字体
以非衬线字体为主
尽量使用统一的字体颜色
字体控制在2种以内
主标题与描述文字拉开层次页面颜色
多使用“白"、“灰"的百搭色
使用匹配商品特性的点缀色