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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
姗姗未来的WeUI「深色模式」
0.0°
2019-12-19 原创文章 经验/观点 举报 1927 3 6 0

期待WeUI设计规范和小程序设计规范更新,让整体生态一同升级更新,这样设计师和程序员才可以更好对应用进行版本迭代升级,我相信那一日即将到来~

倾听设计,缓解眼疲劳!大家好,感谢收听 UXFM ! 我是主播 Larens ,你可以在微信公众号中搜索《UXFM 》关注我们的最新动态!


在国内各种安卓厂商都已陆续推出了深色模式后,苹果终于也在万众期待中更新了自己的设计规范,从IOS13开始就加入了深色模式,使用OLED 屏幕的 iPhone Xs 系列由于黑色像素不发光,将会拥有更好视觉效果。


但是随着社会主流趋势的发展,目前大部分主流App都已适配了iOS 13的深色模式,包括爱奇艺、QQ、QQ邮箱、QQ音乐、豆瓣、知乎等,大家用起来也比较舒服。作为国民级的微信,却一直迟迟没有适配深色模式,这让很多网友感到郁闷。当我们向微信团队表达不满时,腾讯微信团队给予我们有温度的回答:


你的夜晚太珍贵,我们不忍心占用,更不愿意成为你#半夜醒来看手机的原因#,愿你每夜好眠


虽然愿景是好的,但是依然无法抵抗社会的整体趋势,苹果的官方通牒「明年3月份还不适配深色模式的App都要从App Store下架。」变成压到骆驼的最后一根稻草。为了更好的测试还是先从体量更大的安卓版入手,深色版微信终于来了~


支持深色模式的是微信 7.0.10 内测版,安装完毕后,若系统已开启深色模式,微信也将自动适配,但不是全部页面都支持深色模式,如游戏中心、搜一搜等暂未支持。小程序则需开发者适配,分享到聊天窗口的小程序卡片也仍然亮瞎眼。所以设计师想要查看WeUI官方的设计规范还需要耐心等待了~


不知道大家有没有这样的疑问?为什么微信的启动页是一个小孩深望着远方的地球,然后……突然上帝一道亮光,照亮你微信的对话列表页,整体白晃晃的界面与启动页为何有如此之大的反差呢?


拿到内测版之后……开启「深色模式」后再开启微信的启动页进入微信,感觉世界都变得和谐了,下面为大家展示一下「深色模式」开启前后的对比:


列表页

在聊天列表页中,正常模式中服务号的类型与单聊群聊不同,所以使用深蓝色链接来体现区别,但是在深色模式的黑色背景上对比相对较弱,会更突出对话类型的卡片,红色的消息提醒反而更加突出,有强迫症的童鞋可能点击欲望就更强了。最近时间和消息的描述使用小号字体和深灰色在两种模式下都尽量做减法弱化,而深色模式感觉会融合的好一些。


发现/我的

这个页面基本就是背景和文字的颜色调整,页面上的Icon都使用同一套,因为图标的颜色明度的关系,在白色背景上更突出标题文字,在深色背景上相对会比白色背景上抢眼一些,但是第一视觉依然是文字。


对话详情页——引用回复

本次更新同时加入一个手机版的引用功能,虽然用到这个功能的用户不多,但是在操作体验是还是蛮舒服的,长按目标对话弹层选择引用后,就会将对方的消息形成一个气泡在输入框下发,用户可以直接输入回复文字,对整体的操作流程非常顺畅,如果不想要使用引用功能,点击引用旁的X即可关闭;发送后的效果也很舒服,但是!仅限于内测版而已,在他人的应用或桌面版依然是全文引用+虚线区分,没有内测版这么优雅~


公众号文章详情

对于信息的获取,微信已经成为一个必不可少的渠道。新版的深色模式让夜间的阅读感觉上不那么刺眼了,更接近微信阅读等文字类应用的感觉,像苹果描述的那样「让眼睛看着舒服,又不会打扰到周围的人」。


但深色模式能否起到护眼作用目前在学术界仍有很大争议,「没有任何文献的数据显示深色模式能影响眼睛健康。」斯坦福眼科研究所的眼科医生 Euna Koo 对 CNN 表示,但这种对深色模式的误解可能会导致人们对手机的使用更加肆无忌惮,就算深色模式真能护眼,那点好处可能也会被长时间盯着屏幕造成的视觉疲劳和视力下降所抵销。


所以嘞,最好的解决办法还是来「UXFM设计电台」让眼睛休息,用耳朵听设计才是保护眼睛的最佳方法,如果你有遇到非常好的分享也可以联系主播Larens , 让我们将好文章分享给更多的设计师。


扫一扫功能优化

扫一扫终于打破思维的墙,将正方形的扫描框去掉变成整屛扫描了,对于二维码会自动获取焦点,作为第三方授权登录和支付工具来讲,这样的体验改进虽小但是提升很大,终于不用傻乎乎的寻找二维码了,可以跟平时的照相一样可见即所得了~


总体而言,虽然只是小功能更新,但是「深色模式」和「扫一扫」都是我们使用微信就会看见和使用的高频功能,这样的改动已经算是很大的惊喜了,等上述功能完善后,相信正式版还会更友好,同时期待WeUI设计规范和小程序设计规范更新,让整体生态一同升级更新,这样设计师和程序员才可以更好对应用进行版本迭代升级,我相信那一日即将到来~


安卓版内测:点击查看

Powered by Froala Editor

更新:2019-12-19

收藏

3人已收藏

larens

Live the life you've imagined.

  • 37

    作品

  • 1511

    粉丝

  • 40

    关注

  • 防控疫情,如何远程团队协作
  • 浅谈设计版本的那些事
  • iOS人机界面指南-3D Touch
  • 如何使用Sketch3创建一个光滑的分段图表
相关标签
深色模式微信WeUI

    猜你喜欢

      2019-12-19 原创文章 经验/观点 举报 1927 3 6 0

      姗姗未来的WeUI「深色模式」

      0.0°

      你确定要举报姗姗未来的WeUI「深色模式」

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年12月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      3
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录