电商版式设计，該如何提升？

如何提高版式设计水平，怎样评估自己的版式设计水平？

直接进入今天的主题：怎样提高板式设计？提高板式设计水平，需要掌握一些核心理论知识，当你具备解读优秀设计作品的能力时，你便能吸取有用知识，在后续的模仿学习中，也就能得到一步步的提高。

无论是平面设计还是电商网页设计，版式设计主要是为了追求视觉上的平衡和协调。

在做版式设计时，我们可以先把拿到的文案，以及图像素材，梳理一下主次关系后，再编排到版面中，形成一个大致的平衡构图后，再来精细化调整各区域元素的外观样式，最后在针对整个版面进行润色修饰，达到平衡协调。

最简单的平衡，就是一个元素处于版面正中央（图1）。

                                                         图1：最简单的构图平衡

当这个元素，在版面中的位置发生偏移，挪到左上角，此时这个版面就失去了平衡（图2）。

                                                     图2：最简单的不平衡

当版面出现多个视效元素时，版式设计的平衡理论正好能大展身手！比如图3，代表了我们设计师，做版面设计时，所面临的绝大部分场景。带编排的视效元素不止一个，而且元素的色彩、形状、大小都各不相同，初始状态千奇百怪，混成一团！

                              图3：带编排元素，初始状态千奇百怪，混成一团，不堪直视！

图3整个版面的初始状态，自然是不平衡的，也不协调。如果我们，调整各元素的尺寸大小，重新给它们分配版面所处位置，图4整个版面重归于平衡，但是整体还是不够协调。再做细微调整如图5

                                                      图4：版面重归于平衡，但还不够协调。

                                                           图5：版面归于平衡，整体色彩基本协调！

我们将图5版面中的图形元素，都换做真实的商品图片或文案，并依据产品做适当的调整，便可以衍生出一张海报

小结

版式设计第一步，就是要顾全大局，先把版面做平衡，然后针对局部细节做精细调整，再把版面做协调。要把

版面做平衡，主要考虑的就是元素尺寸大小，逻辑层次、以及位置摆放。要把版面做协调，主要考虑的就是处

理元素间的色彩搭配、字体的样式选择、图像的风格取向、以及装饰图形的机理与质感等。

对称是同等同量的平衡，对称式设计是一种静态的，可预见的，讲求条理和平衡布局的设计。水平对称的版式，给人稳定，理性的感受，能使画面表现出和谐、庄重、统一的视觉效果，提升版面的表现力

将文字信息编排在版面的左边或右边，运用了对齐的海报不光富有整齐的美感，同时也更加便于顾客快速的获取信息

在板式设计重，将版面中的部分视觉要素，包括文字，图形以曲线的轨迹进行排列，另外线条的起点和重点也

同样是读者容易关注的地方，可以放一些重要的信息。这样的构图灵活，有趣，而且可以引导用户沿着s形轨迹阅读信息。页面整体更有冲击力。

这是我们最常见的构图之一，文案和主体居中页面，注意的是位于版心的主体要尽可能的出彩，利用设计技巧吸引读者的眼光，这样才能避免破平淡乏味。

点缀元素围绕中心的文案或者图形发射，这样的构图会让中心的视觉容易聚焦，视觉冲击感会更强烈。

整体平衡，是指图片充满整个版面，文案布局在上下，左右，中部的位置，点是主要以图像为诉求，视觉传达直观而强烈。满版型构图，给人大方，舒展的感觉。

总结

文章中一共总结了六种比较实用的设计构图法，目的是为了大家提供一个可供参考的方向，而从我们实操的

案例来说，这些构图形式并不是完全孤立存在的，在特定的情况下他们可以同时出现在一个作品中，只要变现

形式稍有不同，希望能对大家有所帮助，实际设计中也可以活学活用，举一反三，大胆尝试。