[详情页怎么更清楚一点]详情页设计，怎么脱颖而出？

wlza

作者

从事B2C各方面的结构雕塑家，详情页结构设计能说是必修。好的详情页会给领略到使用者更简洁的听觉新体验、更简单的商品信息、看点之类，也有有利于提高交易的达成一致率。正因如此，因此许多店家圣索弗请结构雕塑家为其打造出网红商品的详情页，由此看来详情页在B2C结构设计中的重要程度。下期和他们一起分析归纳：如何把详情页做得足够多精采，详情页做不好须要从四各方面进行提高？

目前被普遍认可的一种详情页结构设计方式是控制台式，就是按照智能手机端结构设计观念，以一屏为单位制做，最后资源整合成一个完备的详情页，这种方式有有利于提高听觉简洁度及文本辨识度，因此他们能将每一屏都当做两张电影海报来制做。而说到电影海报，就有赖于结构设计画法。

详情页的画法与传统的 PC 端电影海报略有不同，因为详情页结构设计更著重智能手机端，因此一屏的文本又能看作是智能手机端壁面的电影海报。而两幅精采的电影海报，必定须要高质量的金属结构。

那么常用壁面电影海报画法方式有什么样？上面为他们归纳了三种在详情页结构设计中较为新颖的画法方式：

总的来看，这四种画法方式貌似单纯，虽说兼具了智能手机端许多必要性点，比如：听觉的简洁度、整洁度、辨识度、使用者的接受程度之类，详情页结构设计在画法及开本各方面无须很复杂，反倒整洁规整的镜头更更易听觉抒发，也更有利于智能手机端展现。

这四种画法方式在详情页中使用振幅是十分高的，上面他们看几段事例：

貌似单纯的画法，反倒在详情页结构设计中十分新颖，单靠这四种画法，完全能作出很杰出的详情页。另外还有一些从Aulaye派生的画法方式，也较为常用：

文案在配图下半部分的这类画法相比而言用的少一些、也难把控一些，当然用的好了在开本上会有打破、眼前一亮的听觉感受，只是这类画法不宜多用，完备的详情页中出现 1-2 次即可。而左右式配图+文案的方式是较为常用的，上面看组事例：

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

因此，详情页中每一屏的画法并不难，完全能把这六种画法方式当做公式，须要哪种直接套用其结构就能（结构类似即可，并非要求1:1）。另外配图方式能分为四种：全屏、半屏、透明图，具体的画法方式须要结合镜头整体的重心、留白、美观度决定。更通俗一些的话，画法就能理解为填空，文本就往空的地方填，注意好适量的留白。

当透明图作为配图时，不管哪种画法方式都有可能出现空的现象，这时他们能用一些具有装饰性的数字、英文、线条、形状、文字之类进行填充。举例说明：

事例中的文字、数字与商品相互结合，既解决了空的问题、提高了整体的饱满度，又在方式上做到的新颖、有创意。画法方式与前面所说的皆能吻合。

说到结构设计素材，浮在脑海中的可能会许多种，而这次要说的主要是三类，即：手势、植物、肌理（在花瓣搜索关键词「手势」「植物」「材质」「肌理」就能找到对应素材），Aulaye素材在详情页结构设计中出现的振幅也是很高的，如果运用得当会将详情页的精采度提高一个档次，而且对于听觉抒发也会更加生动、形象、富有说服力。

1. 手势素材

顾名思义，就是各种各样关于手各方面的动作，比如：拿、托、指之类。

这些手势在许多详情页中都会出现，接下来他们不妨思考这么一个问题：为什么要用这些手势，只是单纯的好看吗？

其实不然，在听觉上，这些手势使得镜头更加生动、有立体感、有层次感，让作品更饱满、更精采。而对于使用者而言，更加深刻地体会到商品是有温度的、可操作的、更真实、更容易理解，因此对于交易的达成一致以及加深使用者对商品的了解也更具说服力。

影响详情页转化率的因素有许多种，听觉抒发能否真正抓住使用者心理也是很关键的一点。

2. 植物素材

这类素材相信他们都不陌生，在许多页面以及详情页出现的振幅都很高，而且装饰性很强，寓意也很宽泛，比如：自然、清新、贴合现实、有生机之类。

总的来看，这里的植物都能与镜头主体形成很好的遮挡关系，在听觉层面显得更有层次感、镜头也更饱满。而且植物的运用并不是随便使用的，而是与电影海报氛围、文案都紧密相关，形成了很好的呼应、装饰作用。

他们常用的植物元素能是清晰的，也能模糊处理，只要与镜头整体气质相符，能根据实际情况灵活使用。

3. 肌理素材

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

单看标题可能许多人不太明白，什么叫做抽象名词具体化？其实单纯理解就是：将一些较为抽象的名词通过结构设计手法表现出来，比如风、声音、温度、轻重、锋利之类。这样做的目的不仅能提高、加快使用者理解，而且在听觉上能生动形象的将抽象化名词表现出来，对于听觉精采度的提高也很大。给人留下的印象也更加深刻，间接的提高了听觉传达的时效性。