坚持为客户提供有价值的服务和内容

网站设计中使用暗模式设计的最佳做法?

韩萌 | 2020-06-23 | 分享至:

网站制作中,创建暗模式UI时,某些过程需要正常运行。毕竟,您希望您的网站发挥作用,对吗?那如何使用暗模式,最佳做法有哪些呢?

网站设计中使用暗模式设计的最佳做法?

1.不要太暗

图书出版商不使用纯白色纸,因为与黑色墨水的对比度太过鲜明。它会使您斜视,并可能导致头痛。数字设备也是如此。避开纯黑色。很难看到高对比度的屏幕。良好的暗模式颜色是灰色阴影和不饱和的颜色。

2.有适当的对比

暗模式背景必须足够暗才能显示白色文本。这里给出的有效建议是使用文本与背景的对比度至少为15.8:1。

3.降低色彩饱和度

远离深色背景上完全饱和的颜色。在深色表面上观察时,阴影通常似乎“振动”。取而代之的是,使用柔和的颜色:如粉彩和柔和的颜色,添加了灰色和白色的阴影等。此外,请考虑调整品牌的调色板。您公司的蓝色在黑色上的读法可能不同于白色。通常必须调整暗模式下的颜色,以产生与亮模式下相同的响应。

4.不要只是转换颜色

如果您要从标准模式切换为暗模式,则原始主题中可能会出现有价值的视觉提示。不要简单地转换颜色以获得深色主题。您可能会将具有心理目的的颜色变成毫无意义的颜色。因此,请您谨慎选择颜色。

5.视觉层次结构

在暗模式下创建一个视觉层次结构,该层次结构应该从显示器中使用最多的元素到最少的元素。

扫二维码与项目经理沟通

7*24小时为您服务

解答:网站优化,网站建设,APP开发,小程序开发,H5开发,品牌推广,新闻推广,舆情监测等

  非常感谢您有耐心的读完这篇文章:"网站设计中使用暗模式设计的最佳做法?",更多内容请继续浏览,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:网站建设与开发网站优化品牌推广、APP开发、小程序开发新闻推广等服务,我们以“降低营销成本,提高营销效果”的服务理念,自创立至今,已成功服务过不同行业的1000多家企业,获得国家高新技术企业认证,且拥有14项国家软件著作权,将力争成为国内企业心目中值得信赖的互联网产品及服务提供商。如您需要合作,请扫码咨询,我们将诚挚为您服务。
我要咨询
姓名 :
电话 :
文章分类