大家好我是小东!大家再做APP中个人中心的UI设计时候,经常需要做功能图标区域的设计,而这块的设计一般来说有两种方式,一种是左边图标右边文字的列表流,另一种是类似九宫格排版的网格化设计。
那么这两种设计哪种更好呢?其实各有优势,具体选择哪种还需要更具产品的定位和功能需求来选择哦!下面我就具体来分析一下吧!
第一种:列表流
列表流的优势特点:
1、排版简单,理解成本低,用户从上到下可以快速的阅读理解;
2、适合个人中心功能板块比较少的场合;
列表流的缺点:
如果页面功能太多,用户需要向下翻屏才能查看更多功能,增加操作成本和降低曝光率;
特别注意:
再用列表流设计的时候还有一点比较需要注意就是如果有些图标功能是比较常用的,我们可以用彩色面性图标来设计,如果是低频操作的功能入口我们就可以用普通的灰黑色线条来设计就可以了;
第二种:九宫格网格化设计;
网格化设计的优势特点:
1、排版规整,一屏幕可以展示多个功能;
2、适合个人中心功能板块比较多的场景;
网格化设计的缺点:
一屏幕有多个图标功能点用户有一定的阅读理解成本;
特别注意:
再用网格化设计时,我们可以将不同的图标功能分区,同一种功能的图标我们可以用一种颜色来设计;
好了,通过我的分析大家应该对什么时候用网格化设计和列表化设计更加清楚了吧,今天的分享就到这里了!