版式解析线性框架应用

配色思路：配色我会先从主体的感官属性出发，先选择出两个主要用来搭配的颜色，这个版式我想要制作的不是那种很热闹的促销感，想做的简约一些，更体现气质性，所以不需要有太多的颜色参与。

①主体是女性化妆品，可以使用粉色、黄色、青蓝色、紫色等女性气质的颜色，而产品本身的颜色又是粉色，所以结合不想有太多颜色参与的初衷，我们可以选择产品近似的粉色为一个颜色。

②粉色常用的配色有黄色和白色，图片的整个基调不想走太热闹的感觉，所以就可以选择白色。体现具有活力感的活动时会先考虑黄色（能够对每个颜色找出至少2个常用搭配色是一个设计师要具备的基本技能，如果你还没有掌握这种能力，希望我们后续的文章中每提及到一个搭配关系你都能记住）。

③由于想要体现简约感，背景和框架的颜色尽量不做太大的差异性，在白色和灰色之间选择就好，如果框架是灰色，背景是白色，框架的效果并不是很明显，而这个图片的特征就是线框的突出，所以框架应用了白色，背景做成灰色。搭配两个颜色时，我们最好是一亮一暗，这样会避免出现一些视觉疲劳或冲突的现象，所以最后确定了亮灰色和暗粉色的搭配。

网格思路：在制作版式的时候我还是比较推荐大家去尝试使用网格，我跟很多不使用网格作图的设计师有过交流，他们当中大部分设计师的反馈是看到密密麻麻的线框就觉得特别难，特别复杂，然后就不愿意接触，其实网格只是我们对图片中各个元素做对齐或平衡的一种辅助手段，也可以理解为升级版的参考线应用，你只需要明确基本的对齐关系、比例关系，就可以很快入门。我个人在处理一些没有太多框架结构的图片时比较常用20列的网格，这种网格对图片中的元素大小选择、对齐和空间的平衡处理极为便利，也非常容易理解。

中心部分主体、文字和其他元素只需要选择适当的大小（文字字号以整数为主）对齐好左右参考线就可以。这里需要注意像最顶端的两个装饰文字，他们虽然在图片里是起到同样的作用，但是他们的字数是不等的，所以不能两个都是以参考线为基准去对齐，那样文字大小会一个大一个小，只需要对齐其中一个文字的两侧，得出文字的字号（整数为主），统一给另一个就可以。

横向参考线的位置可以自行发挥，我们一定要记住，网格的应用尽量规范是好的，但是不要让网格约束了你设计，他只是辅助形式，而不是绝对命令。这里我选择的是以画布右上角为基准，画两个列宽宽度的正方形选区，以它的高度为一个基本高度。并通过这个高度，确认了底部文字的位置，画框的位置、线框的高低等等（下图红框高度均一致，蓝框为红框的二分之一）。

中心文字部分的行距可以通过最下方小字的高度来统一。再次强调，网格只是辅助，并不是约束，网格的应用一定要灵活、变通。