版式大法好
设计中的排版布局
大家好，又借一次在公司做分享的机会，梳理了一下自己感兴趣和正在研究的内容。
这次就是关于“版式”了。
版式对于整体相当于骨骼之于人体。你也可以做突破版式的东西，但能做到的同时也是你知道你的版式依据在哪里。
掌握规则继而打破规则。
P.S.里面的用图很多是拍的或者是公司里的。但有一些还是在网上找的，总之就是如果侵权了告诉我，立刻著名字或者删掉。主要是为了举例子给大家更好的解释用法。
下面来说几个常见构图：
绿色的banner也是对角构图呢，不信就把右上角的点缀去掉，重心立刻往下跑偏了许多。
以上的三种构图只是最常用和基本的，当然还有那种包围一圈的之类的。想看清楚这些基本构图，就看你的视线的那根线是怎么走的，它怎么走，这个就是什么构图。
下面是我蛮想分享的部分——网格系统，在此推荐一本书《Grid systems in graphic design》，这也是很多设计师大大推荐过的。
下面开始以一些例子来介绍网格系统。具体详细想了解的话还是记得去看书呀。
你把整个版面当成一个面，劈开、劈开、劈开，劈多少块就是多少个网格。嘛，姑且可以这样理解。所以上面是最简单的4个网格和6格网格的应用了。
网格系统的优势就是图里说的这个了，设计是一门科学。至少你可以在理性的基础上尽情释放你的感性和灵性。当你系统掌握了知识之后当然可以放飞自我啦，设计的魅力不也在于这个嘛。
网格系统的优势之一“系统”就是说，在企业品牌风格这块，你可以整本书，整个楼的VI之类的使用同一个网格，然后尽情在这小格子里创作。包括这个分享keynote，我是用的12格网格做的，希望在风格统一的情况下，又能尽可能的按功能展示更多更丰富的变化。
左图是sony的一个展柜，这种方式又体现出了网格系统的经济。
你不需要做一体柜，只需要设计几个框垒起来。
右图不是黄金分割，只是先假设它是黄金分割。这样你可以无限按一个比例分下去。顺便这个版式虽然是店面的，但想一下现在的网站直播界面，博客空间界面。一样的布局，不同的用法。
这个就相当于你拿到一些需求，比方说照片墙或者是少而精的陈列要求。你就可以在纸上开始画你的网格系统，考虑合适了就摆、摆、摆。分而治之或者突出重点。
这是nike的一面展示墙，这个网格系统很有意思。比方说就用了6只鞋子摆了占了18个小网格，中间又突出主题。灵活而富有系统感。
下面说一下学习版式的方法。
上面左图这个很熟悉，是我国古代的银票。
你接到了一个需求，需要古代一点的感觉，又需要很多文字。于是你想到了能不能借用银票的版式。
你就可以按图中的顺序开始。结果你就发现，上图右面的版式和银票，基本上是一样一样的。
你还可以在原有基础上进行变化
继续变化，而且不仅是版式。银票传递出的感觉还有它的文字／背景／质感／纹理，都可以去延伸。
这是我之前疑惑的一个问题，就是看起来丰富又不乱的页面是怎么做出来的。
朽木大大一次回答我说，页面上有的时候有小元素是为了整个页面上有大中小三种元素，可以使页面更加丰富。
然后我又查了查，看到了这个稍微暂时满意的答案：层次感。
一个版面想要层次感，做到：色彩上黑白灰／空间上远中近／形状上大中小。
这次讲了网格，所以就这张图来说，说一下它的“小”，也就是点缀。
现在一些设计师大大使用点缀是类似图中这个样子的，我之前比较疑惑摆哪。瞎摆会乱。
然后发现可以借用网格系统打个框架，如图。在网格的基本上，摆、摆、摆……
下面就是说了这么多，给大家留的一些简单的问题。随意看看就行
