双十一详情页设计的不出彩改如何提升?

从事电商方面的设计师,详情页设计可以说是必修课,好的详情页会给带给用户流畅的视觉体验、直观的产品信息、亮点等等,也有助于提升交易的达成率。正是因为如此,所以很多商家不惜重金请设计师为其打造爆款产品的详情页,由此可见详情页在电商设计中的重要程度。我们大家一起分析总结:如何把详情页做的足够出彩,详情页做不好需要从哪些方面进行提升?

目前被认可的一种详情页设计形式是分屏式,就是按照手机端设计思维以一屏为单位制作,之后整合成一个完整的详情页,这种形式有助于提升视觉流畅度及内容识别度,所以我们可以将每一屏都当作一张海报来制作。而说到海报,就离不开设计构图。

详情页的构图与传统的PC端海报有所不同,因为详情页设计注重手机端,所以一屏的内容又可以看做是手机端竖向的海报。一副出彩的海报,必然需要优质的骨架。那么常见竖向海报构图形式有哪些?下面为大家总结了几种在详情页设计中比较实用的构图形式

这三种构图形式看似简单,实则兼顾了手机端的很多必要点,比如:视觉的流畅度、整洁度、辨识度、用户的接受度等等,详情页设计在构图及板式方面并不需要很复杂,反而干净整齐的画面易于视觉表达,也利于手机端展示。

这三种构图形式在详情页中使用频率是非常高的,下面我们看几组案例:

看似简单的构图,反而在详情页设计中非常实用,仅靠这三种构图,完全可以做出很优秀的详情页。另外还有一些从这三类衍生的构图形式,也比较常用:

文案在配图下半部分的这类构图相比而言用的少一些、也难把控一些,当然用的好了在版式上会有打破、眼前一亮的视觉感受,只是这类构图不宜多用,完整的详情页中出现1-2次即可。而左右式配图+文案的形式是比较常用的,下面看组案例:

详情页的构图不易太复杂,这六种构图形式完全够日常工作,只需选取其中1-3中构图形式交替使用即可。以上构图示例中标识的装饰元素可以是线条、英文、图标、数字、实物素材等等,也可以选择不使用,具体情况根据配图的留白以及重心灵活使用即可。

所以,详情页中每一屏的构图并不难,完全可以把这六种构图形式当做公式,需要哪种直接套用其结构就可以(结构类似即可,并非要求1:1)。另外:配图形式可以分为三种:全屏、半屏、透明图,具体的构图形式需要结合画面整体的重心、留白、美观度决定。通俗一些的话,构图就可以理解为填空,内容就往空的地方填,注意好适量的留白。

补充:当透明图作为配图时,不管哪种构图形式都有可能出现空的现象,这时我们可以用一些具有装饰性的数字、英文、线条、形状、文字等等进行填充,举例说明:

案例中的文字、数字与产品相互结合,既解决了空的问题、提升了整体的饱满度,又在形式上做到的新颖、有创意。构图形式与前面所说的皆能吻合。

说到设计素材,浮在脑海中的可能会很多种,而这次要说的主要是三类,即:手势、植物、肌理(在花瓣搜索关键词“手势”“植物”“材质”“肌理”就能找到对应素材)这三类素材在详情页设计中出现的频率也是很高的,如果运用得当会将详情页的出彩度进一步提升一个档次,而且对于视觉表达也会加生动、形象、富有说服力,下面我们逐一来说:

手势素材

顾名思义,就是各种各样关于手方面的动作,比如:拿、托、指等等,下面举个例子来看:

这些手势在很多详情页中都会出现,接下来我们不妨思考这么一个问题:为什么要用这些手势,只是单纯的好看吗?

其实不然,在视觉上,这些手势使得画面生动、有立体感、有层次感,让作品饱满、出彩。而对于用户而言,能让其深刻的体会到产品是有温度的、可操作的、真实、容易理解,所以对于交易的达成以及加深用户对产品的了解也具说服力。

影响详情页转化率的因素有很多种,视觉表达能否真正抓住用户心理也是很关键的一点!

植物素材

这类素材相信大家都不陌生,在很多页面以及详情页出现的频率都很高,而且装饰性很强,寓意也很宽泛,比:自然、清新、贴合现实、有生机等等,下面举个例子:

如图所示,这里的植物都能很好的与画面主体形成很好的遮挡关系,在视觉层面显得有层次感、画面也饱满;而且植物的运用并不是随便使用的,而是与海报氛围、文案都紧密相关,形成了很好的呼应、装饰作用。

我们常用的植物元素可以是清晰的,也可以模糊处理,只要与画面整体气质相符,可以根据实际情况灵活使用。

肌理素材

关于材质、肌理的妙用在前面很多文章中都有提到过,这里简单的说一下:肌理素材对于提升作品细节感、层次感、出彩度以及饱满度都有很大的帮助,如果作品碰到上述问题,不妨用肌理素材试试。

单看标题可能很多人不太明白,什么叫做抽象名词具体化?其实简单理解就是:将一些比较抽象的名词通过设计手法表现出来,比如:风、声音、温度、轻重、锋利等等。这样做的目的不仅可以提升用户体验、加快用户理解,而且在视觉上能生动形象的将抽象化名词表现出来,对于视觉出彩度的提升也很大。给人留下的印象也深刻,间接的提升了视觉传达的时效性,下面看个例子:

通过案例我们不难发现:将抽象化的名词通过视觉手法表现出来,对于用户理解的难易程度以及视觉出彩度而言都有提升。如果一款产品详情页中能出现1-2次这样的处理手法,会使得详情页在视觉上生动、形象。

补充:在详情页设计中,若文案中出现一些LOGO、数字、英文,注意不要放过它,因为它具有装饰性的特点,对于详情页板式的活跃以及设计感提升都有很大的帮助!形式多为:水印、与产品穿插、作为主体信息使用等等!一款详情页这种用法可以出现2-3次!

详情页设计不可忽视的两点:视觉的流畅度以及文案辨识度。文章所提到的一些构图方式、元素使用、视觉表现形式都是为大家提供一个可供参考的方向,落实到工作中要灵活运用、举一反三。一般情况下,一款详情页大概有2-4屏比较出彩的即可,能形成对比,不至于视觉疲劳、千篇一律!

不妨找一些不错的详情页,按照文章中所写的自己尝试分析分析,看是否与之吻合。切记详情页设计构图及文字排版不易太过复杂,切记、切记、切记,重要的事情说三遍!
上石 - 电商4A 专注电商营销推广与电商视觉设计,为客户提供全方位的电商品牌服务。
公司聚集了一批专业的电商精英,为我们的客户提供一流的电商服务。公司凭借雄厚的技术实力和优良的服务品质,为数千家企业成功提供了卓有成效的整套电子商务解决方案,为此公司赢得了客户广泛的赞誉。
旗下潢川电商知识分享平台,主要以分享电商运营视觉策略这方面的内容。承诺我司搭建这个平台无任何付费。只为潢川人提供一个了解电商了解互联网的平台。我们希望我们是您成功路上的垫脚石。愿上石与您一起为我们大潢川繁荣昌盛而努力。

如果您有任何疑问或需要了解可以加我微信:13501347155

相关推荐
新闻聚焦
猜你喜欢
热门推荐
  • 潢川上石电商告诉你:对于设计而言,“色

      冈本一宣 Okamoto Issen, 1951年出生于长崎,毕业于武藏野美术大学。1979年成立冈本一宣设计事务所。以报刊、杂志等媒体的编......

    01-07    来源:未知

    分享
  • 淘宝店铺加权优化方向,都在这里

      对于做淘宝的人来说爆款永远是终的目的,不管什么样的商家都希望店铺有一个爆款,因为爆款就代表着销售、利润以及流量......

    01-07    来源:网络

    分享
  • 潢川在线电商 淘宝店铺宝贝详情页该怎么

      淘宝详情页是一个买家们在购买我们的产品之前了解产品信息的一个主要的渠道,也是店铺经营里面必不可少的一部分,因此......

    01-07    来源:网络

    分享
  • 潢川上石电商告诉你优秀的海报应该怎么

      为什么别人字体就那么随意放一下就辣么好看,其实排版可有大学问,不是随意放就好看。这就如同配色一样,也有千变万化......

    01-07    来源:未知

    分享
  • 潢川在线电商知识平台谈设计需要掌握哪

      一、经常被使用的PS: PS主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。......

    01-07    来源:网络

    分享
  • 潢川电商教你网站设计美工的相关理念

      一个网站设计的美工拥有良好的艺术功底和文学底蕴,其对企业文化核心的掌握凝聚和具现化于网站的设计和艺术造诣上。而......

    01-07    来源:网络

    分享
  • 潢川电商:3:4主图视频操作教程

      【重要通知】3:4商家视频已支持在爱逛街频道透出,制作头图视频即可获取曝光机会! 点击查看 -3:4视频后台: xiangqing.wan......

    01-07    来源:未知

    分享
  • 美工外包现在的趋势是什么?

      美工外包现在是朝越来越流行的趋势发展,首先,找到了合适的外包商家就靠谱。这个范围不限于地区,可以在全国范围内找......

    01-07    来源:网络

    分享
  • 想成为一个好的淘宝美工,需要学习哪些

      我们都是知道美工在淘宝店铺的装饰是非常重要的,甚至很大程度上一名优秀的美工可以主导这个店铺的访问量,对整个店铺......

    01-07    来源:网络

    分享
  • 潢川电商告诉你做好详情页的3个要点

      一、注意条理性,引导客户思维 详情页,是客户了解我们产品及企业的重要载体,也是我们实现转化的重要环节。想让客户......

    01-07    来源:网络

    分享
返回列表
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。