详情页设计不够出彩，该如何提升？

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

构图形式

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

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

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

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

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

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

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

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

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

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

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

合理的设计素材

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

1. 势素材

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

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

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

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

2. 植物素材

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

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

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

3. 肌理素材

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

抽象名词具体化

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

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

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

总结

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

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

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