相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

QQ极简模式与夜间模式设计分享

心蓝发布于:2019-9-21 14:48 |原作者: 腾讯ISUX|
心蓝
上海市 徐汇区 设计爱好者
发私信 + 关注
简介: QQ像用户的一个小小星球,可以随意的装点展示自己的个性,同时也能看到其他好友的小星球。然而人是动态成长和变化的,纷繁的世界是否就一直能适合用户的聊天心境呢?


QQ夜间模式设计策略

晚上是QQ用户活跃的高峰期之一,针对夜间场景使用痛点以及业界的趋势。科技向善,设计也应如此,因此QQ夜间模式体验定位希望是更护眼舒适的,为用户提供更人性化体验,我们梳理出夜间模式的设计策略,并重新设计。

QQ极简模式与夜间模式设计分享 飞特网 设计理论

护眼舒适



降低对比度

夜间模式界面通过降低信息与背景的对比度,对图片/图标带色彩的通过使用遮罩,来达到减少对人眼刺激的目的,用户在夜间弱光环境中使用起来更柔和护眼。

QQ极简模式与夜间模式设计分享 飞特网 设计理论

降低信息与背景对比度能降低对人眼的刺激,我们分别从降低界面信息对比度和降低色彩明度入手,在不同背景下适配不同亮度的文字信息。通过黑暗环境人眼真机体验测试,又再经过多轮字色与背景对比度的优化,保证识别度的基础上,梳理出在全黑的环境下适合夜间在任何屏幕亮度均可使用的对比度,对比度控制在三个档位进行组合,不出现纯黑白对比。

QQ极简模式与夜间模式设计分享 飞特网 设计理论

降低图像与色彩的明度

界面信息还包括有色的图文与图形类,高纯度的色彩在深色背景下也容易造成人眼刺激与疲劳。此类信息我们通过使用遮罩来达到降低明度目的的。在保持与系统色彩纯度的基础上,降低明度从而达到柔和护眼的效果。

QQ极简模式与夜间模式设计分享 飞特网 设计理论


21

好评
16

差评

刚表态过的朋友 (37 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

心蓝
上海市 徐汇区 设计爱好者
+关注 发私信
  • 远离侵权深“坑”,规范字体应用
  • 原子设计理论——实践
  • 原子设计理论——概念
  • 你的后期是亡羊补牢,还是锦上添花?
  • 系统图标(二) - 图标分解Material规范
  • 系统图标 - 基础认知 Material 规范

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
    2020 新飞特 从心开始
    • 我们一直在进步...
    • 2022年3月27日,飞特派单系统第三次升级调整结束,订单匹配更快、更精准.
    • 2022年3月飞特派单系统日均派单量超过20单.
    • 2022年1月1日飞特系统派单数量达到2013单.
    • 2021年11月1日飞特需求方订单数量增长超过200%.
    • ...