版式解析横版大配图应用

④配图要在美观度和质感上做好把控，常言道作图五分钟，找图俩小时，对自己的配图质量高标准，是设计师对自己的作品应当保持的一种正确态度。假设某个产品的属性中，就要介绍有青苔的参与，同样都是青苔的照片，质量差异显而易见。

⑤配图在追求美观的同时一定不能忽略表达的主题，如果当前版块的目的就是展示产品的整体外观，那么即便图片再美观，我们也不能选择表达功能性，或者展示细节的图片。

配色思路：上一篇提过，配色要先从主体的感官属性出发，选择两个主要用来搭配的颜色，当前版式的目的是体现狮王的威严，从这个角度出发黑色是最好的选择，所以另外一个颜色要从与黑色相搭的颜色中选择。

①黑色常用的配色有红色、黄色和白色。

②红色与黑色的搭配往往能使画面更加深沉，有厚重感、历史感、压迫感，所以很多武侠类网游页面都会选择这种配色关系，不过因为红色最主动的颜色属性，很容易喧宾夺主，而当前图片是想让狮子作为第一视觉切入点，所以红色可以舍弃。

③黄色具有警示作用，是很多告示牌经常选择的颜色，表达危险性是可以，但是由于黄色是活跃色，压不住氛围，狮子的威严感表达不出来，所以也可以舍弃。

④黑白搭配既能满足狮子的第一视觉点，也能以黑色为主体现威严感，所以这里选择白色会比其他颜色更合适。（这里一定要强调，红色或黄色搭配在这里不是说不行，不好看，而是不合适，颜色只要搭配得当都不会难看，但是跟整体的主题符不符合就要看设计师的把控和理解能力）。

网格思路：当前图片的制作依然选择20列网格的方式，这里重点要说的是高度部分的应用，由于网页制图的特殊性，我们相对于平面来说对于高度的定义会更加自由，平面的宽高尺寸很多都是限定的，而网页大部分是宽度限定，而高度是可以自由发挥，也就是说我们可以自上而下控制元素们的距离，最后再确认画面高度(这个方法在平面领域也可以使用，对于版心的确认放到最后一步即可）。

①以两个列宽为主画一个正方形来确认当前版式的高度基准。

②配图的高度以这个基准为单位，结合文案内容的多少可以定出大致的范围，当前板块文案数量适中，配图和文案的占用面积大致相似，所以把配图的高度定义到画布中心左右即可，尽量保持与高度基准的倍数关系（这里是三倍高度）。狮子的位置上边提过可以通过黄金比例确认，其他文字可以以相应的参考线为基准摆放(这里只是粗略的摆放，后边会再精细操作）。