宫格式布局的优势与应用

随着智能手机的快速普及，很多互联网工作者也开始逐渐由PC端为主导的网页设计向移动界面设计转型。以界面视觉设计师为例，当设计师逐步从已经形成意识与习惯的网页设计的工作方式转化为移动界面设计的时候，很多认知都要发生巨大的转变，比如产品思维、交互方式以及设计规范等。但是，也有一些设计方法被很好的保留与继承下来，继续在移动界面设计中充当重要的角色。

宫格式布局就是其中之一，宫格式布局是指以矩形卡片为划分的页面布局效果，通过九宫格、六宫格、四宫格、八宫格等方式传递信息（如图2-38）。

图2-38

宫格式布局大致可分为规则和不规则的两种形态进行展示（如图2-39），主要用来传递以图片、视频和功能分类为主的信息。这种布局方式可以单独形成一页的布局，也可以做为页面布局的一部分和其他布局方式进行配合使用。

宫格式布局是由网页设计中的以展示图文列表页为主的布局方式逐步演变到了移动界面中，并且成为最主要也是最常用到的布局方式，同时也可以被很多初级的手机应用的用户所掌握，从而在产品设计过程中付出很低的学习成本便可以轻松操作。所以，宫格式布局非常适合各种初级用户使用。宫格式布局在现有的三大移动端系统平台中被频繁使用，在iOS和Android的Material Design中，宫格更多以信息卡片的形式出现（如图2-40）。

图2-39

图2-40(https://www.xing528.com)

前文提到，宫格式布局是最常见的一种布局方式，也是符合用户习惯和黄金比例的设计方式。在各种第三方开发的安卓系统中，锤子科技开发的Smartisan OS采用宫格式布局作为其系统设计语言中经典元素被大家熟知（如图2-41）。

图2-41

例如锤子ROM的桌面启动器（Launcher）就是主菜单，通过菜单键进就能进入管理图标的界面，可以显示36个应用程序，这样一来，在不同分页之间挪动图标变得更简单，并且支持整屏隐藏应用图标。不过纵观现有手机界面，这样的36宫格很少见。

再来看微软的Windows Phone。在Windows Phone系统中，以动态磁贴（以矩形色块为主的功能信息模块）为主的视觉设计风格给人们眼前一亮的感觉，结合扁平化风格以及栅格化设计手法也给宫格式布局的设计融入了新的设计语言，后来这种设计语言也被使用到了2012年微软推出的Window 8系统中，从而被更多的用户认识和学习（如图2-42）。

图2-42

不可否认的是，Windows Phone的设计语言将扁平化设计带入了互联网视觉设计的范畴中，并逐步成为现今主要的视觉设计方式，也一度成为丰富和美化界面设计的主要设计手法之一。

以上是对宫格式布局发展及应用的介绍，下面将就如何将视觉设计的手法融入宫格式布局设计，给大家列举一些方法。