电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

越靠近年末,促销活动越密集,双十一、双十一、新年大促等等活动都离不开电商设计的支撑。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

某品牌的电商设计

然而,电商设计师不仅需要会做设计,还需要拥有“数据+创意+营销”的能力。

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

创意是指做出有辨识度和新鲜感,同时可以迅速适应当下设计风格并展现多元化的创新作品;

营销是在对用户心理、用户习惯、年龄群体、设计手法等信息进行综合考量后,通过视觉设计刺激用户的购物欲望。

练就了这3种能力,才有可能在电商碎片化的浏览模式下设计出易懂、吸引眼球并最终促成销售的展示页面。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

电商设计中,详情页常规逻辑

话不多说,数艺君以文字排版这一个很小的知识点为案例,为大家分享一下电商设计师的思维模式。

文字对比

在进行文字排版组合时,为了凸显卖点和主题,或者为了让浏览者能快速识别和记忆内容,可调整文字字号和颜色,做出反差效果。

以下图为例,其中的文案内容是关于取暖和功率的,如果想要打动消费者,就需要突出取暖器的卖点。

电商设计模板网站(电商设计培训)

将文案内容分成主标题、卖点、辅助卖点或其他叙述性内容的层次关系。

将辅助卖点的字号缩小,增大它与主标题之间的行距,并搭配圆角矩形,让整体内容有清晰的主次之分。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

从文案中挖掘更容易被记忆的卖点信息,改变其字体颜色,做出反差效果,使浏览者能一眼记住。

将“2200W”的字体加粗,弱化“大功率覆盖”,加强对比,强调卖点。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

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

搭配恰当的产品图片,能够让消费者直观感受到产品的卖点和优势。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

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

电商设计模板网站(电商设计培训)

除了可以通过改变字体的字号和颜色等方式做出反差效果外,还可以通过调整文字的间距得到更精致的版式效果。

以下图所示的文案为例,首先明确文案表达的内容和促销卖点。

将文案内容分成主题、卖点、辅助卖点或其他叙述性内容的层次关系。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

将叙述性文字和部分弱信息的字号调小,并且分成文字组块,让整段内容有清晰的辨识度。

调整字体和字号大小,突出反差效果,并且将主题内容的字距减小,将叙述性文字的字距增大。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

最后对卖点文字做颜色调整,让主题和卖点更加明确,使消费者能够快速清晰地看到有利的内容。

字距的松紧对比是为了形成更好的版式层次空间和视觉效果,如果整个版面的文字排版都是松的或都是紧的,就会让人觉得呆板或不稳定。

电商设计模板网站(电商设计培训)

综合案例——天猫促销案例

在针对不同主题和内容进行文字组合排版时,需要穿插运用图形、装饰、线条等元素,使文字内部的变化更加灵动,提升整个画面的趣味性。

01 分析文案主题内容和卖点,如下图所示。

电商设计模板网站(电商设计培训)

02 将文案分成主标题、卖点、辅助卖点和叙述文字的层次关系,如下图所示。

电商设计模板网站(电商设计培训)

03 按照层次关系将文案进行重新编组,如下图所示。此时增加了“11.1-11.1”的文案,使促销页的表达更清晰。

电商设计模板网站(电商设计培训)

04 调整行距并改变字号大小,让文案内容有清晰的辨识度,强化组块与组块之间的层次和强弱关系,如下图所示。

电商设计模板网站(电商设计培训)

05 加入倒三角形元素,使画面更加饱满,如下图所示。

电商设计模板网站(电商设计培训)

06 将倒三角形线条截空的部分与文字穿插,使视线更容易集中在文字部分,倒三角形的处理效果如右下图所示。

电商设计模板网站(电商设计培训)

07 将文案中的符号用更简洁的线条或图形代替,让画面更加简洁精致,如下图所示。

电商设计模板网站(电商设计培训)

电商设计模板网站(电商设计培训)

08 对比调整前和调整后的效果,会发现调整文字的字号和间距,可以增强视觉层次感;增加图形和线条装饰,有利于提升画面的美观度,如下图所示。

电商设计模板网站(电商设计培训)

09 添加活动背景图。文案的设计和背景图的契合度越高,越具有活动促销的氛围,如下图所示。

电商设计模板网站(电商设计培训)

好啦,看到这里,大家有没有发现,小小的文案处理,电商设计师除了要在视觉上将设计做得吸引人,还要根据文案分析营销目的以及对应的卖点。

创业项目群,学习操作 18个小项目,添加 微信:80709525  备注:小项目

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 sumchina520@foxmail.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.vsaren.cn/6476.html