【版式设计】对齐的艺术

对齐，在设计中耳熟能详。对齐能有效的规范版面中的元素，有条不紊的给人展示重要的信息。通过一条“无形的线”将元素与元素连接在一起，引导人们了解其中的关联性。

（对齐的种类：顶对齐，垂直居中对齐，底对齐；左对齐，水平居中对齐，右对齐）

在一条详情中，总是要有意无意的去对齐。哪怕只是一个小元素也要尽量的去跟既有的内容对齐。举几个例↓。

（调出参考线后可以看出文字的对齐关系。）

（就算是个标注，圆圈也尽量的跟主文案在同一条对齐线上）

不仅仅只有文字与文字的对齐，也可以有文字与图片元素的对齐。

（图中的勺子最左端与文案是对齐的。）

——————————————————————————————————————————————

下面以案例【不锈钢剥玉米器】为例，来讲解一个详情的制作思路和过程中需要注意的一些问题。

新建一个文档。宽度一般是790，高度随机填一个过万的数字，最后再根据实际调整。

拉好参考线，我一般是左右距离60像素。

画一个矩形，大概一屏的长度。可以根据实际情况随意调整。

把图片、文字等元素放上版面，根据视觉对齐规则排列好位置。注意文案的空间占比和图片主信息的占比不要差距太大。

记得分组并保存重命名。

画好图标，分好组。

用首版改成一个副版，字号可以适当缩小，元素位置也可以适当更改。

——————————————————————————————————————————————

▲▲▲注意！！

文案尽量不要出现这种完全对齐的排法，可以增删文案或重新断句，拒绝出现阶梯式文案排版方式。

【阶梯式文案排版】

指文案的长度由长到短，或由短到长的排版。这样的排版有点太过于规则，除非是特意这么安排，否则应该避免。而要打破这种规则，只需中间有一行字是最长或最短即可。

——————————————————————————————————————————————

继续，

由副版再衍生出一个版，主要针对一些上方被裁断又无法自己补齐的图片。也是为了不让详情里只有一个版式而显得单调。

做的时候要时刻注意一下版面的整体效果，觉得太杂就去掉一些元素，觉得太空就补上一些细节。

这2版，原先的计划并不出现旁边的小标注，只是在过程中发现版面太空因此自己补上的。

再排一个产品信息和展示细节的版。

最后随便放上一些没有用到的场景图，整条详情结束。

最终完成的效果。（最后被要求修了一下手柄T^T）

——————————————————————————————————————————————

详情过完然后就是主图，基本是跟着详情一个卖点一张主图去做。

主图第一张选用能展示产品或者表现功能的图。

因为本人的强迫症，所以我一套主图里面所有文案都会保持统一的大小和位置。

好了，文章到这里结束了，感谢各位赏脸收看~~~