UI设计教程!个人中心图标列表流和网格化设计哪种好

来源:网络   作者:热心网友   发布时间:2021-02-15    浏览次数:1
收藏到:

大家好我是小东!大家再做APP中个人中心的UI设计时候,经常需要做功能图标区域的设计,而这块的设计一般来说有两种方式,一种是左边图标右边文字的列表流,另一种是类似九宫格排版的网格化设计。

那么这两种设计哪种更好呢?其实各有优势,具体选择哪种还需要更具产品的定位和功能需求来选择哦!下面我就具体来分析一下吧!


第一种:列表流


第一种:列表流



列表流的优势特点:

1、排版简单,理解成本低,用户从上到下可以快速的阅读理解;

2、适合个人中心功能板块比较少的场合;


列表流的缺点:

如果页面功能太多,用户需要向下翻屏才能查看更多功能,增加操作成本和降低曝光率;


特别注意:

再用列表流设计的时候还有一点比较需要注意就是如果有些图标功能是比较常用的,我们可以用彩色面性图标来设计,如果是低频操作的功能入口我们就可以用普通的灰黑色线条来设计就可以了;



第二种:九宫格网格化设计;

第二种:九宫格网格化设计;



网格化设计的优势特点:

1、排版规整,一屏幕可以展示多个功能;

2、适合个人中心功能板块比较多的场景;


网格化设计的缺点:

一屏幕有多个图标功能点用户有一定的阅读理解成本;


特别注意:

再用网格化设计时,我们可以将不同的图标功能分区,同一种功能的图标我们可以用一种颜色来设计;



好了,通过我的分析大家应该对什么时候用网格化设计和列表化设计更加清楚了吧,今天的分享就到这里了!


联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/8971.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通