为了让EMUI 10更好用,华为工程师默默做了这些事…

电子说

1.3w人已加入

描述

  EMUI 10发布后,大家普遍觉得EMUI10更好看了。除了好看,EMUI10在“好用”上也下足了功夫,在那些常被忽略的细节中,看华为工程师是如何修炼“台下十年功”的。

  

  一、灭屏显示,也要玩出新花样

  用户眼中的灭屏显示:

  “灭屏状态下,就主要看个时间,还能玩儿出彩?”

  AOD(always on display)就是灭屏显示,有了AOD,平时手机放在桌上,无需去触碰,转过头就能看到重要信息,例如时间、日期、通知提醒。对于大多数人来说,灭屏显示好看与否都没放在心上,因为它经常是被忽略的。

  华为工程师眼中的灭屏显示:

  “AOD相当于手机外观的一部分,作为第一印象的颜值担当,其美观性变得极其重要。”

  设计过程中,华为工程师通过用户访谈、调研等方式去了解用户的喜好和诉求。每次调研结束后,都吸纳用户反馈的价值意见并迅速调整设计方案,在不断的版本更新与一轮又一轮的用户反馈中迭代调整,经过四轮迭代后,多彩AOD灭屏显示才正式出现在了EMUI 10上。

  

  EMUI 10上的灭屏显示

  EMUI 10上的多彩AOD(Always on display)灭屏显示,以不同时刻绚美多变的天色为灵感,会随时间流转呈现出不同的颜色。

  

  不止有渐变的AOD,EMUI 10还提供丰富的AOD主题样式,有各种类型的表盘,还有展翅的小鸟、安静的羽毛、神秘的星球、个性的宇航员等丰富的图片样式供用户选择。除了预置的AOD主题样式外,主题商城中有更多的在线AOD主题样式供下载。

  

  二、锁屏,也要显出质感

  用户眼中的杂志锁屏:

  “杂志锁屏已经很漂亮了,还要怎样改变?”

  作为杂志锁屏的创始者,EMUI上绚丽多彩的锁屏图片赢得了用户的不少好感,许多人觉得已经很不错了。

  华为工程师眼中的杂志锁屏:

  “杂志能给读者带来一种愉悦的阅读感受,我们希望能把这种愉悦感带到用户的手机阅读感受中来,我们做的还远远不够。”

  这次,华为工程师将华为的AI优势融入进了杂志锁屏,在EMUI 10上再一次完成了大步跨越。

  

  EMUI10上的杂志锁屏:

  EMUI 10上的AI杂志锁屏,利用了AI的美学算法,针对杂志锁屏的图片进行布局分析,自动计算出图片的中心位置,根据每张图片重心不同,运用相关美学原则算出文字在整个图片中最适合的位置,再利用自研优化的智能取色算法对文字进行自动调整,最终使整个杂志锁屏呈现出杂志般的阅读感。

  

  除了锁屏界面,华为工程师还将杂志化的布局引入到了页面设计中。在页面设计中提取了杂志的四大元素:大标题、大留白、网格系统、点缀元素,将其贯彻到了多个App中。通过杂志化的布局和排版,最终,EMUI 10让用户在阅读体验和单手操控体验之间取得良好的平衡。

  三、深色模式,黑色也要做出五彩斑斓

  用户眼中的深色模式:

  “深色模式,多简单,直接把背景一调就可以了吧。”

  深色模式在众人期待中如期而至。深色模式可以让用户在夜间环境下获得更加好的使用体验。

  华为工程师眼中的深色模式:

  “深色模式不仅仅是一个反色的过程,同时需要对文字与系统图标的颜色做了优化处理,来保证视觉感受的一致性、舒适性和阅读的易读性。”

  

  由于人眼对于色彩明度的感觉和色彩的明度表示方式之间存在一定的差异,所以,如果深色模式只是简单的反色,就会造成在深色背景上,人眼对明度感觉强烈的颜色(比如黄色)会很刺眼,人眼对明度感觉弱的颜色(比如蓝色)会看不清,从而使眼睛更疲劳。华为人因研究实验室针对四种不同日常典型的光照条件,对用户的阅读效率及阅读主观感受进行测试,从而研究出了合理的文字和图标上的色彩对比度区间,满足易读性和舒适度。

  EMUI 10上的深色模式:

  基于华为人因研究实验室的自研结果,EMUI10的深色模式采用最优的文字前景与深色背景的对比度,对文字与系统图标的颜色做了优化处理,保证了视觉感受的一致性、舒适性和易读性。此外,还通过界面元素识别及色彩计算技术将色彩算法应用到第三方应用上,即便第三方应用没有适配深色模式,也能让使用者一键获得全局生效的深色模式体验。

  

  四、手眼心合一,流畅动效要能被感觉到

  用户眼中的流畅动效:

  “动效流畅不流畅,不是直接就可以看到了吗?”

  华为工程师眼中的流畅动效:

  “只有符合人心理预期的动效,才能给人流畅的感觉,反之就会感到奇怪、唐突。”

  

  华为工程师在动效设计中,通过人因研究,遵循真实世界的客观规律,给予“手”及时的反馈,给予“眼睛”舒适顺滑的效果,同时能符合人的“心”理预期,将“手、眼、心”合一的理念运用到设计的点击动效、切换动效、返回动效。

  EMUI10上的流畅动效:

  EMUI10通过人因自研结果,采用了“手、眼、心”合一的动效设计。在点击动效中加入反弹效果,从而让点击动作的反馈更自然,而切换效果则通过精确控制时长来保证舒适,既不给用户闪跳突变的感觉,也不造成拖沓等待的体验。此外,返回动效会模拟物体抛物线的原理,根据返回方向、速度不同以及松手位置,计算显示出不同的抛物线效果。

  

  

  从EMUI 3.0“点、线、圈” 的设计,到EMUI 5.0的“简洁纯净”,再到EMUI 9.0的“质享生活”的设计理念,EMUI一次又一次在人们的惊喜中完成着进化。美,不止初见。这次,EMUI 10让用户在“好看又好用”的细节中感受到了品质感。EMUI 10将在下一代Mate系列首发,让我们期待它的正式到来。

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分