个人中心样式

用户头像
杭州/UI设计师/9年前/2978浏览
个人中心样式

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

cff15885946da801219c7769593f.jpg

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

1.列表样式

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

e5ae5885abfba8012060c84c82a1.jpg2.网格样式

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

e8325885b2dea801219c77924b40.jpg3. 抽屉式

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

82265885bcdba8012060c8eca594.jpg

13
举报
|
26
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】旅行icon
【新年UI图标】积分icon
【新年UI图标】活动icon
UI 登录界面设计模板包
UI界面 组件
【新年UI图标】美食icon
科技医疗透明柜UI界面设计
Security Camera UI kit
手表表盘UI系列
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】体育icon
钱包ui模板
APP/小程序商业项目UI模板|99个高保真UI+79个原型
我的钱包-UI界面设计-app
【新年UI图标】礼物/活动icon
UI通用设计素材1
户外旅行飞机情侣假日出行
森系3D渐变流体抽象矢量UI背景图
新拟态风格 UI设计组件库
UI应用平面图标
盲盒APP UI设计
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
你可能喜欢
大家都在看
登录注册