网页制作公司推介：网页设计和APP设计如何运用Dark Mode

2019年两场重量级发布会Google I/O 和 Apple WWDC终于落下帷幕，同时也给我们带来一个信息，新的UI设计趋势将会往Dark Mode(暗黑模式)的方向走去。那么，网页设计和APP设计如何运用Dark Mode呢?听听香港网页制作公司的建议!

为什么Dark Mode那么受欢迎?



1.适合暗光环境下使用

随着人们对智能手机的依赖性增强，设备使用时间也从白天逐渐覆盖到黑夜，所以暗光环境的使用需求被实实在在地摆到台面上。

2.屏幕亮度高容易造成「光污染」

长时间使用智能手机导致视力下降已成为不争的事实，Dark Mode可以降低屏幕整体视觉亮度，减少对眼睛适合的压力，同时也不会影响智能手机屏幕的可读性。

3.节能耗电

主流智能手机续航能力日益严峻，连评价口碑领头羊的iPhone系列同样不能幸免。可降低设备耗电速度的Dark Mode其优势变得更加明显，这是由于OLED屏幕中每个像素都是自主发光，在显示深色元素时像素消耗电流会比浅色元素时更低，从而达到省电效果。

4.专注内容

色彩具有层级关系，一般深色会在视觉感官上自动后腿，浅色则会向前延展，这种对比强烈的层次关系，可让用户更关注被凸显的内容和交互操作。

5.信息保护

Dark Mode下的屏幕信息在非正视觉预览时，信息的可视性会降低。当色彩运用得当，在Dark Mode下可以起到一定的信息保护作用。

值得注意的是，Dark Mode其实不只是为夜晚使用，用户也极有可能在白天打开Dark Mode，这就意味着Dark Mode必须让界面信息交互在亮光环境下，依然保持清晰的可视性。此外，Dark Mode设计还需要满足色盲色弱用户的使用需求，这些都是设计师需要考虑的地方。

网页设计和APP设计如何运用Dark Mode?



1.增加对比度

设计Dark Mode时，需要满足最低色彩对比度的要求，确保界面清晰;同时避免因亮色与暗色造成得刺眼效果，产生视觉疲劳感;还要满足界面的美观。

2.注重用户的观感体验

Dark Mode深底浅字，能减少屏幕发出的光，同时增加界面的阅读性。但Dark Mode的浅色文字需要把握尺度，避免亮度过高，同样会造成视觉疲劳。

3.「亮&暗」顺畅切换适配原则

从用户需求出发，设计师和开发人员在制作产品时，需保证Normal Mode和Dark Mode的使用体感，让用户可随时对这两个模式间进行切换。

4.WCAG 2.0 标准

WCAG 2.0是国际公认的通用标准，在某些国家甚至以此作为评判产品优劣的重要指标，所以涉及有海外用户的产品，都非常关注这个标准，具体包括：将对比度控制在4.5:1的基础上，满足WEB内容无障碍指南的AA级要求;越重要的文字透明值越低(对比度越高)等。

Dark Mode 到底会带来多大的革新浪潮，这需要看大众用户的接受度及接受时间。从目前来看，Dark Mode缺乏详尽的官方规范文档，想做Dark Mode适配并不是一件简单的事情，这对设计和开发而言同样也是一个不小的挑战。


香港网页提供一站式数码营商方案服务，包括、网页设计、网络推广、网页管理与寄存、系统开发及其它增值服务，全方位满足客户的业务需要，欢迎随时联络我们，香港网页是您开拓网路商机的最佳伙伴。

联络电话: 37499734
电邮地址: info@hkweb.com.hk
网址: www.hkweb.com.hk