栅格系统延续美学(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/3×4variations-poster.pdf

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

出自”百度MUX” By Blueui

(责任编辑：极限)

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

加群交流

标签(TAG) 界面用户体验 iphone Blueui 移动互联网