一直没有淘宝详情页设计思路？这些你都知道吗？

一直没有淘宝详情页设计思路？这些你都知道吗？

细节页面的布局设计直接影响到产品的吸引力，所以在这里我总结一下布局设计原则的几个方面，并结合一些具体的例子来演示实际操作，让不熟悉这一块的设计师快速掌握布局设计。

一、布局构成

主题:视觉焦点主导整个设计(可以是人/物/文字/图片)，整个布局最吸引人的部分相当于主角的角色。

文案:对主题的辅助解释或指导。毕竟有的时候我们身边放了一只小狐狸，用户无法确切知道它在说什么，以及配角的作用。

装饰元素:装饰元素，可选，根据布局需要；好的点缀元素可以渲染气氛，大部分点缀元素遵循三角形原理，类似下图的云和团表演。

淘宝详情页背景:可分为纯色/彩色纹理/图片/图形等。

二、淘宝详情页构成平衡

在设计中，平衡是实现统一的重要途径。如果将上面提到的元素平衡的组合在一起，那么设计看起来是统一的，会给人一种整体的印象。

因此，平衡是视觉传达设计的一个重要方面。布局平衡分为三类:对称平衡、不对称平衡和整体平衡。

1.对称平衡

对称是等量的平衡，对称设计是静态的、可预测的、有条理的、平衡的布局设计。对称构图相对容易创造，具有稳定、庄重、有序、宁静、静谧、古典的特点。

2.不对称平衡

不对称在不平等的元素之间创造秩序和平衡。不对称设计在布局上不可预测，所以空间变化。特点是动态、灵活、有活力。不对称成分很多，其中常见的有以下六种形式。

对角线构图:

文案放置在版面对角线方向，一方面避免了常见的中心版面，另一方面给中心主题留下了更多的创作空间；另外，中心图形也可以是对角线的，这样会让整个构图看起来很平衡。

散发成分:

装饰元素围绕中央文案或图形散发，使中央视觉容易聚焦，视觉冲击力更强。

比如电商推广活动，淘宝，JD.COM等。经常使用放射性成分来创造一个活跃和激烈的促销活动。

中心成分:

这是我们最常见的作文之一。副本和主题在页面中央。版心要注意主题，尽量出彩，用设计技巧吸引读者注意力，避免沉闷。

s形成分:

文案或图形放在线的转折处，整体是个s。 形式。另外，台词的出发点和重点也很容易让读者注意，一些重要的信息可以放进去。这种构图灵活有趣，可以引导用户沿着S形轨迹阅读信息。

二元组合:

淘宝文案脱离主体，以左右或上下组合的形式。请注意，副本应采用对齐原则。这样的构图也相对容易创作。

形状组成:

主体和副本的组合形式可以是圆形、三角形、矩形等形状。注意，如果构图是用三角形做的，最好是倒金字塔结构，这样会更容易引导用户进入下一个信息层。

3.总余额(完整版本余额)

整体平衡是指画面填满整个版面，文案上下左右中间布局，以形象为感染力，视觉传达直观性强。整页构图给人一种宽厚、舒展的感觉。

注意:在设计过程中，这类文字处理容易出现“噪音”，所以为了避免空间拥挤，适当删减一些文字。

了解构图形式后，还需要了解一些基本的设计原则。虽然这些原则在其他地方可以反复看到，但我还是想在这里强调一下，因为它可以帮助我们在打破规则之前了解规则是什么。