我们应该都有看过很多图文列表的设计分析,关于网格的分析却不是很多,为什么?因为网格设计除了视觉效果比较突出以外,能展示的信息却不是很多,对于目前希望能够在有限的手机屏幕里展示更多信息的各大产品来说,这样的设计并不是很适用,因此研究的也不会很多。
但是我最近在看界面的时候,发现很多大产品都在网格列表上做了一些改变,同时也在扩大网格在界面上的使用,我们快来看看吧!
网格视图的含义

网格视图的用法
一、标准模式
标准模式的网格列表就是简单的展示图片,大部分人看到这个模式都会想到手机相册,如下图所示:



二、叠加模式
叠加模式是在网格模式列表的图片上显示相关的文本信息,如下图所示:



三、块状标签模式
块状标签模式的网格列表不仅会显示图片,还会显示相应的文本内容,但是与上面不同的是,文字内容会在图片的下方显示,如下图所示:



划重点
原文地址:海盐社(公众号)
作者:潘团子
转载请注明:学UI网 » 网格列表,没有你想的那么简单
登录收藏