越接近年底，促销活动越密集，“双十一”、“双十一”、“年货促销”等等活动都离不开电商设计的支持。

品牌的电子商务设计

而电商设计师不仅需要会设计，还需要具备“数据+创意+营销”的能力。

数据是指对图片的点击率、页面或详情页的转化率、市场的分析；

创意是指做出具有辨识度和新鲜感的创新作品，能够快速适应当下的设计风格，并表现出多样性；

营销就是在综合考虑用户心理、用户习惯、年龄段、设计方式等信息后，通过视觉设计激发用户的购物欲望。

通过练习这三种能力，可以在电商碎片化的浏览模式下，设计出通俗易懂、引人注目、最终促进销售的展示页面。

在电子商务设计中，详情页的一般逻辑

话不多说，数码美工君以word排版的一个小知识点为例，分享一下电商设计师的思维模式。

"

文本比较

在文字排版的组合中，为了突出卖点和主题，或者为了使浏览器能够快速识别和记忆内容，可以调整文字的字体大小和颜色，做出对比效果。

下图就是一个例子，文案内容是关于暖气和电力的。想要打动消费者，就需要突出取暖器的卖点。

将文案内容分为主标题、卖点、辅助卖点或其他叙述性内容。

缩小辅助卖点的字体大小，增加其与主标题的行距，搭配圆角矩形，使整体内容主次分明。

从文案中挖掘更容易被记住的卖点信息，改变字体颜色，做出对比效果，让浏览者一目了然。

将“2200W”的字体加粗，弱化“高倍覆盖”，加强对比，强调卖点。

对比优化前后的效果，优化后的文案具有很强的可识别性、记忆性和设计美感，能够更好地将主要卖点呈现给消费者，让他们更快速、更方便地阅读理解。

有了合适的产品图片，消费者可以直观地感受到产品的卖点和优势。

同样的内容和主题，如果文字对比应用，会直接影响版面的美观和可读性。在文案中挖掘出重点利益后，只需要加大字体大小，加粗文字，改变文字颜色，就可以让设计美观易读，如下图所示。有时候为了让对比更强烈，会改变字体或颜色的不透明度，产生有焦点的对比效果。

除了通过改变字体大小和颜色的对比效果，还可以通过调整文字间距获得更精细的布局效果。

以下图所示的文案为例。首先明确文案的内容和推广卖点。

将文案内容分为主题、卖点、辅助卖点或其他叙事内容的层级关系。

把叙述性的文字和一些弱信息的字体缩小，分成文本块，这样整个段落就可以清晰的识别出来。

调整字体和字号，突出对比效果，并减少主题内容的字距，增加叙述性文字的字距。

最后，调整卖点文字的颜色，让主题和卖点更加清晰，让消费者快速清晰地看到有利的内容。

字间距的紧密对比是为了形成更好的版面层次空和视觉效果。如果整个页面的文字布局过松或过紧，会让人感觉生硬或不稳定。

"

综合案例-天猫促销案例

在对不同主题和内容的人物进行组合排版时，需要交替使用图形、装饰、线条等元素，使人物内部的变化更加灵活，增强整个画面的趣味性。

01 分析文案的主题和卖点，如下图。

02 将文案分为主标题、卖点、辅助卖点、叙述性文字的层级关系，如下图所示。

03按照层级关系重新组织副本，如下图所示。这时增加了“11.1-11.1”的文案，让推广页面的表达更加清晰。

04 调整行距，改变字号，使文案内容清晰可辨，加强组块间的层次和强弱关系，如下图所示。

05 添加倒三角形元素，让画面更饱满，如下图所示。

06用文字插入倒三角线空的那一段，这样视线更容易聚焦在文字上。倒三角的处理效果如下图右图所示。

07将文案中的符号替换为更简洁的线条或图形，使画面更加简洁精致，如下图所示。

08 对比调整前后的效果，会发现调整字体大小和字符间距可以增强视觉层次感；添加图形和线条装饰有助于提高画面美感，如下图所示。

09 添加活动背景图。文案设计与背景图的对应度越高，就越有推广氛围，如下图所示。

好了，看到这里，大家有没有注意到，对于小文案，电商设计师不仅要在视觉上让设计吸引人，还要根据文案分析营销目的和相应的卖点。