UI设计要不要用栅格化布局？这是个问题！

正文

请到「今天看啥」查看全文

02

UI设计需要栅格化布局吗？

对于栅格化，其实内容还是非常多的，但我们今天就普及到这里，其实大家更想了解的问题就是：“UI设计过程中，需要栅格化吗？”

在解答这个问题前，我们先来分析下，为什么网页需要栅格化，其实原因很简单。网页设计大多数需要分栏，因为宽度大，切内容多。参考上边Yahoo！的例子，那么再看一看，你的APP设计过程中，真的需要分很多的栏（主要指宽度）吗？

现在做个练习，大家打开自己常用的APP，观察其界面，会发现，相对于网页设计来说，手机APP的布局可真的算是小儿科了，最多有2-3栏的设计已经算多的了。毕竟，虽然分辨率宽度和网页差不多，但内容占据的比例也大啊。更多的时候，我们在内容的布局上，可能是全宽也说不定,如下图是Enjoy的页面设计。

所以在这种情况下，我们仍然可以创造自己的栅格化系统，将页面进一步分栏，但是网页端的分栏方式，这个时候已经不适用于APP的界面了，毕竟APP的分栏数并不多。此时我们可以将页面用分栏做设计，但是由于APP大部分时候属于自适应宽度布局（响应式布局方式），因此，栅格化的时候已经并不是那么好做了，当然，如果你还是坚持栅格化，那么也是可行的，但是需要计算好百分比。

可是，这样做的意义有多大呢？静电在这里不置可否，因为栅格化布局历来就存在着对立面，那就是“天才设计（Genius Design）”，什么是天才设计呢，就是直接依赖设计师眼睛做布局的方式。毕竟，很多设计师并不喜欢复杂的数学题。

因此，UI设计到底需要栅格化布局吗？静电（微信公众号jingdesign91）在自己的设计过程中，其实是用的相对毕竟少的，原因很简单，就是移动端设计分栏真的少，大可不必再进行复杂的分栏设计。我们只需要保持设计过程中间距的统一即可。在提倡快速设计与迭代的移动端设计过程中，栅格化布局看起来已经不是那么的重要。

转载请征得作者许可，并注明以下信息

作者：静电@静Design

公众号：jingdesign91

03

请到「今天看啥」查看全文