QQ邮箱UI Redesign

对陪伴我们日常工作最熟悉不过的QQ邮箱做了一次重设计,在基本维持原版功能布局的前提下,尽可能让视觉方面更接近目前设计趋势。希望大家喜欢:)

英文版见Behance:https://www.behance.net/gallery/44299375/Douban-APP-UI-Redesign

1.收件箱

  1. 精简顶部操作按钮,将不常用按钮收起
  2. 优化分页器的显示,同时显示每页邮件数目、总邮件数目等信息
  3. 未读邮件、已读邮件列表按收件时间分段显示

2.写邮件

  1. 将顶部不常用的功能按钮收入“更多”按钮,并将最为重要的发送按钮反色显示
  2. 原版中以标签页形式选择邮件类型,重设计中修改为下拉列表,使页面层级结构更加简洁清晰
  3. 优化邮件编辑控件、通讯录外观,去除多余的分隔线,大幅降低视觉负担

3.查看邮件

  1. 优化顶部操作按钮,将最为重要的返回按钮反色显示
  2. 将附件显示在右侧边栏,防止邮件内容过长时用户漏看附件的情况
  3. 快捷回复框分段显示,精简内部的冗余元素,在左侧显示当前用户头像以增强互动感

4.侧边栏

  1. 反色以突出显示最为重要的“写邮件”按钮
  2. 删除冗余且造成信息重复的”收信“按钮
  3. 取消当前选中文件夹的底色,避免视觉层次混乱,改由粗体和左端三角符号表示当前项
  4. 提供文件夹专属颜色标记的功能,便于用户标记、辨识和快速查看特定的邮件类型

5.顶部导航栏

  1. 删除“邮箱首页”链接等冗余元素
  2. 将“设置”、“换肤”、“反馈建议”、“退出”等众多链接全部收入“更多”按钮
  3. 将账号信息收入用户头像
  4. 在LOGO右侧提供简洁的搜索框
Qinsman wechat
关注我的公众号,一个卖馒头,也卖故事的地方:)