版式解析排列+大配图+提取型版式

配色思路：颜色选择产品颜色中的黄色部分，这个没什么好讲解的，主要是对蓝色的选择要做一个说明，标题黄色和主体鞋子之间的这个缝隙是挺难受的一个点，字母O可以向下挪动填补缝隙，但是T因为右侧结构问题没有办法向下挪动，所以只能通过外界元素去填补，这也是蓝色框架的来源。

正常的配色分析来说，这里是不应该使用蓝色的，因为背景是黑色，而蓝色和黑色都是暗色属性，从合理性来说并不应该放到一起，这里应该选择一个亮色与背景呼应，可是另一个重要的问题在于这个框架跟黄色文字也有接触，这就意味着使用亮色会跟黄色部分也有冲突产生，而在亮色冲突和暗色冲突两者的比较来说，暗色冲突会更好处理一些，毕竟暗色冲突只是加重视觉压迫，并不会干扰阅读，而亮色冲突是会影响轮廓，直接干扰阅读。抛开黑色，蓝色是黄色常用的搭配色，所以这里选择了蓝色。PS:黑色和黄色也有共同的可以使用的配色红色，但是当前主题和产品并不适合红色参与，会显得太过压抑。

网格思路：网格沿用带有装订线的效果，左右留白5%，中间分块是3个，所以分栏6列，装订线宽度1%。

结合20列网格的高度基准，得到如下的网格效果。倾斜部分的说明上边有讲，就不啰嗦了。

延展思路：版式的核心特点是排列+大配图+内容提取三者的结合应用。不同的排列形式（文字、配图、图标），不同的配图效果（位置、大小、形状），不同的内容提取（主体、文案、配图）都会对版式最后的效果产生很大的影响。

延展方式：

从上到下的图标排列+弱化的大配图（上下左右都跟画布不接触）+主体提取