[align=center][img=山岩ps小课堂32_02.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/sMwTDNfO_MDU7.jpg[/img][/align] 排列型版式压在大配图上，形成层次感，左右两角摆放小装饰做版面平衡。 [align=center][img=山岩ps小课堂32_04.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/ACArr6Zp_WFbV.jpg[/img][/align] [b]使用条件：[/b]排列形式的应用前提是为了在同一个版块中[color=#FF0000]清晰[/color]的表达[color=#FF0000]多个同级属性[/color]。上一篇文章选择一个文案一个配图的形式，是由于[color=#FF0000]每个文案都能很好的用不同的美观图片去展示[/color]。而这次的图片我们可以发现，文案内容不太好用不同的图片来展示，能想到的画面基本都是面料铺开的效果，很难找到[color=#FF0000]差异化[/color]，这种时候以[color=#FF0000]文字排列[/color]为主，搭配一个共性配图（一般是主体的展示或使用图片）是比较好用的方式。ps：当文案特别的多的时候，也可以优先选择这种版式。 [align=center][img=山岩ps小课堂32_06.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/XwCyxWhL_r5eD.jpg[/img][/align] [b]版式特点：[/b]版式的核心特点是[color=#FF0000]排列与大配图的结合[/color]。可以用独立的文字排列形式去追求简约感，可以用图文结合的形式去追求层级感，可以用结合图标的形式去追求装饰感。 [b]注意细节：[/b]①如果[color=#FF0000]配图展示要足够清晰[/color]，标题部分一定不能跟配图含糊在一起，尽量选择配图和文字亮暗对比明显的部位，或者更换配图。 [align=center][img=山岩ps小课堂32_08.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/ZnVZWhjP_HDxL.jpg[/img][/align] ②文字排列中，尽量不要出现句号，当文字分为多行，最后一行文字会因为句号有一个向左侧的挪移，干扰视觉。 [align=center][img=山岩ps小课堂32_10.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/jVRG6WMn_xngI.jpg[/img][/align] ③如果没有左右上角的两个小装饰，版面上方会有些空洞，而上方空间用装饰填满又会让整体画面看着非常拥挤，所以这种[color=#FF0000]上下结构[/color]的版型最好的平衡方式是做[color=#FF0000]四角的平衡或左右的平衡[/color]关系。 [align=center][img=山岩ps小课堂32_12.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/sB4OQpqA_jPeY.jpg[/img][/align] [b]配色思路：[/b]颜色的选择是从配图本身吸取的橙黄色部分，这里[color=#FF0000]针对黄色[/color]的使用需要注意两点：①使用黄色时一定[color=#FF0000]不要跟白色直接衔接[/color]，会亮的刺眼，所以跟白色搭配的时候，黄色最好选择偏橙色一些的，尤其L值要低于70的。 [align=center][img=山岩ps小课堂32_14.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/sQ3tTJRJ_JcLr.jpg[/img][/align] ②如果黄色一定要跟白色放在一起，要做暗色的描边或者阴影效果来弱化他们的衔接关系。 [align=center][img=山岩ps小课堂32_16.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/HeN7th2b_n69B.jpg[/img][/align] [b]网格思路：[/b]网格沿用上一篇当中的带有装订线的效果，[color=#FF0000]左右留白5%，中间分栏8列，装订线宽度1%[/color]，具体制作方式查看上一篇文章的网格部分。 [align=center][img=山岩ps小课堂32_18.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/X8WMYXSZ_MhkF.jpg[/img][/align] 由于有配图的参与，又可以结合之前的20列网格中的对于高度基准的应用，将[color=#FF0000]5%的宽度[/color]作为高度基准，配图的整体高度设为高度基准的7倍，文字版块的高度为高度基准的5倍，文字版块嵌入配图部分2倍高度基准，文字版块离画面底部保留1倍高度基准，装饰部分上方保留1倍高度基准。 [align=center][img=山岩ps小课堂32_20.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/tQNswqxK_xbeP.jpg[/img][/align] 能够合理的结合多种网格形式，图片的制作会更加快捷和完善。 [align=center][img=山岩ps小课堂32_22.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/sGXjpqZg_btSh.jpg[/img][/align] [b]延展思路：[/b]当前版式的核心特征是[color=#FF0000]排列与大配图的结合[/color]。我们可以从不同的排列效果结合不同的配图应用来延展版式。 [b]延展方式：[/b] ①保留分割型大配图，选择不一样的排列元素（文字、图标、配图的搭配）和排列方式（位置、大小、形状等变化）。 [align=center][img=山岩ps小课堂32_24.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/SJVx8PSG_YxkV.jpg[/img][/align][align=center]配图元素 + 竖向层叠排列[/align] [align=center][img=山岩ps小课堂32_26.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/LHIzOB5m_Ezfd.jpg[/img][/align][align=center]配图和文字元素 + 横向提取轮廓排列[/align] [align=center][img=山岩ps小课堂32_28.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/brswWc8x_ALsV.jpg[/img][/align][align=center]配图和文字元素 + 横向变形排列[/align] ②配图填充画布，再结合不同的排列形式。 [align=center][img=山岩ps小课堂32_30.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/mz9bJQzS_k4yC.jpg[/img][/align][align=center]图标和文字元素 + 上下变形排列[/align] [align=center][img=山岩ps小课堂32_32.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/ZWTm652Y_e9at.jpg[/img][/align][align=center]图标和文字元素 + 横向描边排列[/align] [align=center][img=山岩ps小课堂32_34.jpg]https://bdn.135editor.com/files/users/417/4174976/201807/7LCXPGQn_H4zJ.jpg[/img][/align][align=center]图标和文字元素 + 横向层叠排列[/align]