赞助商
立即赞助

详情页设计不够出彩,该如何提升?

专题页设计3年前 (2021)发布 流光
3.3K 0 0

从事电商设计师,详情页设计以说是必修课。的详情页给带给用户更流畅的视验、更直观的产品信息、亮点等等,也有助提升易的达成率。正是此,所以很家不惜重金请设计师为其打造爆款产品的详情页,由此见详情页在电商设计中的重程度。本家一起分析总结:如何把详页得足够出彩,详页不好需从哪些方面行提升?

构图形式

目被认可的一种详页设形式分屏式,就按照手机端设思维,以一屏单制作,后整合一完整的详页,这种形式于提升视觉流畅度及内识别度,所以我们可以将每一屏都当作一张海报制作。到海报,就离不设构图。

详情页的构图与传统的 PC 端报有所不同,因为详情页设计更注重手机端,所以一屏的内容又以看做是手机端竖向的报。而一幅出彩的报,必需要优质的骨架。

那么常见竖海报构图形有哪些?下为大家结了几在详情页设计比较实用构图形:

详情页设计不够出彩,该如何提升?

如图所示,这三构图形看似简单,实则兼顾了手端很多必要,比如:视觉流畅度、洁度、辨识度、用户接受度等等,详情页设计在构图及版并不需要很复杂,反而干净齐画更易于视觉表,也更利于手端展示。

这种构图形式在详情页中使频率是非的,面我们看几组案例:

详情页设计不够出彩,该如何提升?

看似简单的构图,反而在详情页设计中非实,仅靠这种构图,全可做很优秀的详情页。另外还有一些从这类衍生的构图形式,较:

详情页设计不够出彩,该如何提升?

案在配图半分的这类构图相而言的一些、难把控一些,当然的好了在版式上会有打破、眼前一亮的视觉感受,只是这类构图宜多,整的详情页中现 1-2 次即可。而左右式配图+案的形式是较的,面看组案例:

详情页设计不够出彩,该如何提升?

详情页的构图宜太复杂,这六种构图形式全够日工作,只需取中 1-3 种构图形式交替使即可。上构图示例中标识的元素可是线条、英、图标、数字、实物素材等等,可择使,具体情况根据配图的留白及重心灵使即可。

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

当透明图作配图时,不哪种构图形式都可能出空的象,这时我们可以用一些具装饰性的数字、英文、线条、形状、文字行填充。举例明:

详情页设计不够出彩,该如何提升?

详情页设计不够出彩,该如何提升?

案例中的文字、数字产品相互结,既解决了空的问题、提升了整体的饱度,在形式上做的新颖、有创。构图形式前面所说的皆能吻。

合理的设计素材

说计素材,浮在脑海中的可能会多种,而这次要说的主要是三类,即:势、植物、肌理(在花瓣搜索关键词「势」「植物」「材质」「肌理」就能找对应素材),这三类素材在详情页计中出现的频率也是高的,如果运用得当会将详情页的出彩度提升一个档次,而且对于视觉表达也会更加生动、形象、有说服力。

1. 势素材

顾名思义,就是各种各关于方面的动作,比如:拿、托、指等等。

详情页设计不够出彩,该如何提升?

这些势在多详情页中都会出现,下来不妨思考这一个问题:为什要用这些势,只是纯的好吗?

其实不然,视觉,这些手势使得画面加动、立体感、层次感,让作品饱满、出彩。对于用户言,加深刻体会到产品温度的、可操作的、真实、易理解,所以对于交易的达以及加深用户对产品的了解也具服力。

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

2. 植物素材

类素材相信大家不陌生,在很页面以及详情页出现的频率很高,而且装饰很强,寓意也很宽泛,比:自、清新、贴合现、有生机等等。

详情页设计不够出彩,该如何提升?

图所示,里的植物能与画面主形成很的遮挡关系,在视面显得更有次感、画面也更饱满。而且植物的运用并不是随便使用的,而是与报氛围、文案紧密相关,形成很的呼应、装饰用。

我们常用植物元素可以是晰,也可以模糊处理,要与画体质相符,可以根据实情况灵活使用。

3. 肌理素材

关于材质、肌理妙用在前很多文章都有提到过,这里简单地说下,肌理素材于提升作品细节感、层感、出度以及饱满度都有很大帮助,如作品碰到上述问题,不妨用肌理素材试试。

抽象名词具体化

单看标题可能很多不太明白,什么叫做抽象名词具体化?其实简单理解是:将些比较抽象名词过设计手法表现出来,比如风、声音、温度、轻、锋利等等。这样做目不仅可以提升用户体验、加快用户理解,而在视觉上能生动形象将抽象化名词表现出来,于视觉出度提升也很大。留下印象也更加深刻,接提升了视觉传时效性。

详情页设计不够出彩,该如何提升?

过案例我们不难发现:将抽象化名词过视觉手法表现出来,于用户理解难易程度以及视觉出度而言都有提升。如款品详情页能出现 1-2 这样处理手法,会使详情页在视觉上更加生动、形象。

在详情页设计中,若案中现一些 LOGO、数字、英,注意要放过它,因为它具有性的特点,对于详情页版式的跃及设计感升都有很大的帮助。形式多为:水印、与产穿插、作为体信息使等等,一款详情页这种法可现 2-3 次。

总结

详情页设计可忽视的两点:视觉的流畅及案辨识。章到的一些构图方式、元素使、视觉表现形式都是为大供一个可供参考的方向,落实到工作中要灵、举一反。一般情况,一款详情页大概有 2-4 屏较彩的即可,形成一定的对,至于视觉疲劳、千篇一律。

不妨找一些不错的详情页,按照文章中所写的尝析,是否之吻。切记详情页计构图及文字排版不宜过复杂。

欢迎关注作者的微信公众:「美工美邦

详情页设计不够出彩,该如何提升?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

很多设计师在平时工作中,总是会问到是先找素材还是先排版呢?总找不到作图的思路,今天就为大家细细讲一下作图的全面详细步...
平面
元旦过后,新的一波工作又要开始了,我在开始准备新一轮汇报材料的时候突然想到了一个问题,不知道铁子们在往年参加设计评审...
光影
前段时间刚给各位盘点完 2019 年热播的电视剧和电影的海报,各位小宝贝们有没有收到干货呢?今天小编再次营业,来盘点一下那...
海报设计
相信大家平时生活中拍照都应该接触过美颜滤镜,即使没用过也应该听说过,自然也都知道各种滤镜的强大之处。但是大家有没有思...
双色调
时隔不知道多久,终于我又开始更新《随手拍一张照片,就是一幅海报》系列设计分享文章了,让大家久等啦! 这个系列的文章是...
做设计的面条
你平时看剧的时候会看些什么? 除了剧情和男女主的颜值之外,有些电视剧的海报设计似乎比剧情本身更加吸引人。 以下,就为...
人物海报
@你丫才美工 :前天看完大陆毕业展海报合集,不少小伙伴大呼看得不够过瘾。为了满足大家炙热的求知欲与上进心,美丫姐又花足...
你丫才美工
「你就照着这个风格给我抄」「肯定没有问题的」甲方爸爸如是说 大家好,我是美丫姐~年底了,大家有没有在电脑前面忙成狗呢?...
喜茶