个人中心样式

杭州/UI设计师/8年前/2941浏览
个人中心样式

在设计望厨APP个人中心的时候,收集了很多个人中心,在这里对个人中心的样式进行归纳整理,

cff15885946da801219c7769593f.jpg

上图左边为望厨APP1.0的个人中心样式,右边为望厨APP1.1的个人中心样式。在试用观察了五六十款APP以后,个人中心首页的基本样式可以总结如下:

1.列表样式

当产品有较多的信息或者入口放置在个人中心且个人中心相对产品来说是一个比较重要的模块时,个人中心一般放置在标签栏,与产品主页面为一个层级。当个人中心的信息内容比较多,且较容易分类时,可以使用多层列表的方式。多层列表看起来很简洁,适用于简单的文字信息或者入口(淘宝我的订单页就不太适用于多层列表),能够一眼让人看出个人中心的整体架构。

e5ae5885abfba8012060c84c82a1.jpg2.网格样式

与列表样式相比,网格样式更视觉化,也就是说,网格样式更依赖于图片或者图标,所以在视觉上图标要比文字更容易识别。个人中心如果模块过多,需要排优先级或者强调部分模块时,可以采用网格样式(如下图)或者网格样式与多层列表结合的模式(如上图考拉海购)。

e8325885b2dea801219c77924b40.jpg3. 抽屉式

偏工具化的产品如滴滴出行,百度地图等,打开后默认的首页一般是产品最核心的功能部分,用户一打开APP就可以直接使用,例如打开滴滴直接叫车,打开百度地图直接查路线。在这里,为了不影响用户使用主要功能,个人中心是一个需要弱化的模块,所以将个人中心放在左上方(习惯性),作为一个二级模块,为核心功能做辅助,用户需要查看时点开或者侧滑打开即可。

82265885bcdba8012060c8eca594.jpg

13
Report
|
26
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
AI可视化动效设计合集
Homepage recommendation
大家都在看
Log in