事实上,暗模式已经到来,并且在许多产品中可以找到它的影子,以后也会越来越流行。所以设计者面对深色图案时,香河做网站的公司应该从哪里着手设计,又要考虑哪些因素?
选择深色图案的理由。
一、需求趋势。
从去年开始,Android10和iOS13就开始与深色模式匹配,Apple和Google也一直致力于把资源和注意力集中在深色模式上,这使得深色模式受到用户的关注。
二、内容重点。
暗模式在光线较弱的环境中更易读,让我们更加关注眼前的屏幕。黑色背景可以减少对内容周围元素的影响,尤其是那些主要用于图片和视频的应用,使用户更加关注内容。
Netflix是一款内容消费应用程序,它将深色背景作为默认的设计风格,使用户能够更加专注,延长使用时间。
三、缓解刺激。
与其他颜色相比,黑色系的设计在晚上看起来更舒适。也许在夜晚玩手机不必担心光线太刺眼,但暗模式对护眼没什么帮助,只能说减少了对眼睛的刺激。
四、改善续航。
暗模式更省电,仅适用于OLED显示屏。香河做网站每一个象素点在OLED面板上都能单独发光,当使用深色模式时,部分象素点会熄灭,只照亮部分象素,屏幕的一部分就相当于处于休眠状态,因此更省电。
第二,平台设计指导。
iOS平台暗色的图案设计。
Apple重新审视了在深色模式下iOS中UI样式和颜色的含义,让我们看一下在iOS上深色模式的设计有什么变化。
(1)颜色的语义化(SemanticColors)
我们所说的语义化颜色,是指不再由一个固定的RGB色值来描述颜色,而是根据使用情况来描述,让界面元素能够自动匹配当前的外观模式。
淘宝的团队参照了苹果官方的适配建议,香河做网站的公司通过将颜色语义化来实现适配,从而大大降低了适配成本。设计者根据不同UI元素的特点,先设定色彩语义化规则,然后在框架层次采用“自动色彩转换”技术实现色彩转换。
(2)系统的颜色。
除语义化色彩外,Apple还提供了9种预定义系统色彩,它们可以在浅色和深色模式中动态改变,支持整个系统的外观,同时还能自适应选择的界面样式。
三是模糊效应和动态效应。
苹果在iOS13上引入了4个模糊效果和8个动态效果,能够自动适应iOS界面风格。这种模糊效果在浅色和深色模式中有所不同。
在iOS的深色模式下,苹果还引入了4个动态效果,3个叠加效果,1个分隔效果。