UI界面设计之美:栅格系统(3)

界面布局的新生力量

大家都知道metro UI了，在windows phone 7的主屏，应用程序的入口组成了两列色块。这种信息分割的方式与榻榻米原理基本一致。这使得扁平化的信息界面有了一种自由、个性化的组合方式。

iida INFOBAR A01手机界面设计也延续这种设计思想。在手机的演示视频中，深度定制的Android手机将首页变成了应用模块的拼图。

有些应用区域带有实时信息，但你并不会觉得界面杂乱。

在图片浏览环节，这种分隔创造了更加自然有层次的展现方式。视频查看http://v.youku.com/v_show/id_XMjY3ODgyMjEy.html

后记：

对于一个UI界面来说，布局是设计的第一步，决定了设计方案的气质等等。而栅格系统经过五十多年的发展已经深入在UI设计领域的方方面面，并被证明拥有最合理的布局原理。希望这篇文章能够给你一个简单的启示。

参考资料：

http://www.cameronmcefee.com/guideguide/

http://thomasgaskin.com/1097344/3-x-4-Grid-Poster

http://www.robbiemanson.com/resources/960px-grid-templates/

http://www.thegridsystem.org/

http://www.dubberly.com/wp-content/uploads/2011/03/3x4variations-poster.pdf

http://www.mechanicaldust.com/Documents/Partitions_05.pdf