据说只有处女座才能看出来的设计规律！

上篇文章推送之后，有几位粉丝留言~ 

后面几位朋友的回答其实就可以回复第一位粉丝。

咱们今天继续聊聊网格。

 网格只是辅助工具，是为了帮助我们在设计过程中让画面的元素对齐，更具协调性。只有对齐，画面才显得整齐利索统一。大家不要忘了，对齐是设计中最最最基础的原则。 

大家想想生活中把屋子收拾干净，第一步不就是把东西摆放整齐吗？

原则都是被打破的，但是是在学会并熟练掌握的前提下。网格系统也是如此。

先看几个案例。

小米的专题页套上网格观察

模块均与网格对齐重合。

包括头图下这4组文字部分。

也全部与网格居中对齐。

在看一个阿里巴巴的案例

再看一个国外网站案例

再看一个国外的

再看一个网店案例（伊芙丽旗舰店）

网格设计到底是什么呢？ 就是咱们做设计的基础，画好辅助线，让设计元素对齐。画面就有一种比例的美感，显得规整有序。

学会这个，最起码当我们看到一些作品的时候能看出背后使用的原理，而不是光说卧槽，牛逼。。。

要创造一个基于网格的作品，不意味着任何东西都要对齐。

太过于依赖网格对齐，设计就会显得过于死板和枯燥。毕竟设计是灵活多变的，是以人眼的实际感受为目的。

网格系统不是万能的，只是一个辅助我们的工具。画好辅助线之后，我们可以选择把元素与之对齐，也可以选择不对齐。网格只是给我们提供一个参考和建议。可以先让页面设计的富有规律和协调性，然后适当的去打破规律。

除了网格设计之外，还有常见的一些设计比例 4:3 , 16:9  以及斐波那契数列，黄金比例等等在设计中的运用都非常常见。

比如下面案例

上图的小模块凡是经常做设计的一定非常眼熟，特别常见于天猫时尚类的专题页，你可曾想过这堆小模块为什么摆放起来如此漂亮，背后可有规律可循？

全部都是PS默认的比例~ 4:5 5:7 2:3  16:9 

至于PS为啥默认这些比例，我也不知道…欢迎讨论…

总之无论是网格设计还是黄金比例数列等等，我们都是利用数学辅助我们更好的设计，而不是为了设计数学。

最后祝大家情人节快乐，注意安全~

—————end—————

• 中国电商设计行业第一公众号！

• 没灵感没创意就关注超级美工！