恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
个人中心页面分析与思考
0.0°
2019-12-02 原创文章 经验/观点 举报 1481 4 4 0

个人中心页面分析


在app的信息架构中独占一个板块

相较于展示内容的“个人主页”,个人中心页面更倾向于“属性”的展示

它包含了用户的个人信息,游览、互动消息记录以及相关功能等;


这些信息不仅是用户在应用中的记录展示

它们还承载着一个重要的功能——快捷导航

例如游览足迹、收藏、关注等等都能够快速帮助用户导航到某个页面;

                                                                                                                                

  • 页面组成

基本信息(头像、用户名、游览记录、收藏等)

功能入口 


其中功能入口排布方式主要有两种

卡片(cards):入口以卡片为载体,在表面纵横依次排开

列表(lists):入口被水平分割线分割,垂直依次排列

                                                                                                                               

接下来对这两种风格进行对比:


# 识别性 #

矩阵排列的功能入口由 “icon+辅助文字” 组成

而列表形式的入口由 “文字+辅助icon” 组成

不论图形传达的意思有多准确,大部分情况下都没有文字来的直接,所以卡片式入口的识别性是比较低的(尤其是2行以上的图标排列)

另外,一套标准的icon它的整体设计风格是统一的,如此一来要提高icon之间的差异性,就只能在图标的 颜色、形状 这两方面下功夫:

将所有功能按一定的逻辑进行分类,针对每一个类别指定一个色系进行区分,这种方法也可以同样应用于列表中的辅助icon;


# 风格 #

相较于规整的列表,使用矩阵形式页面会显得更加活跃,并且风格强烈的icon还能加强品牌感:

有道云笔记、微信这类实用型工具应用需要传达的简洁、效率感,使用了列表的形式;

淘宝、闲鱼传达的欢快、热烈的氛围则使用了矩阵排列;


# 层次 #

当需要着重突出某几个功能入口时,可以结合两种风格

同时列表中的辅助icon需要适当弱化或者直接舍去


                                                                                                                               


* 个人中心页面一般出现底部导航(Bottom navigation)中;

   但如果界面中取消了底部导航,个人中心会以导航抽屉(Navigation drawers )的形式出现:

                                                                                                                               

在对比了这些应用的个人中心后,总结出设计该页面时需要考虑:

信息的展示(它承载着一部分的导航功能)

功能的展示(易识别、功能的主次)

风格的展示(根据品牌风格选取适当的表现形式)


第一次试着做分析

欢迎指正


Powered by Froala Editor

更新:2019-12-02

收藏

4人已收藏

  • 2

    作品

  • 2

    粉丝

  • 1

    关注

  • 水珠练习
相关标签
经验分享ui

    猜你喜欢

      2019-12-02 原创文章 经验/观点 举报 1481 4 4 0

      个人中心页面分析与思考

      0.0°

      你确定要举报个人中心页面分析与思考

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年11月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      4
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录