
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
移动栅格
栅格强调规则秩序,让信息更快捷、系统、有效地加以展示和布局。所以类似栅格排列信息的布局方式,在iOS系统、MD设计中应用也非常广泛。安卓系统因为机型尺寸多,MD设计为了适配不同分辨率的屏幕,也同样用到了栅格化的响应式布局。

上页图就是iPhone中的网格系统,其实与网页中的布局很类似,它们都是利用规则网格来规范界面内容,能够更好地管理内容,更加合理、舒适地展示内容。

例如,相同的设计在不同宽度屏幕中的应用,栅格设计能够让平板、移动端界面展示响应栅格布局,产生设计展示一致的体验效果。


小结
栅格设计只是页面布局的一种表现形式,并不代表它适用所有的网页设计。任何设计都有适用范围,不要强行套用,要用合适的方法去匹配设计。
栅格化是严谨的,所以更加适用于大型页面设计的多人合作和前端技术。反之,栅格化会有所限制,内容和布局会受到阻碍,会让页面设计失去趣味和个性。