您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商
黑暗模式设计的技巧
2020.10.28
  随着人类继续花费更多的时间与技术互动,深色主题为与数字世界互动提供了一种更轻松的方式。

  今天,北京分形科技,北京高端网站设计、高端网页设计公司,和您分享黑暗模式设计的技巧。




  1.颜色的饱和度和对比度

  通常,使用深灰色作为主表面颜色要容易得多,而不是使用真正的黑色。在选择颜色时,还需记住,饱和色通常会在非常黑暗的表面上痛苦地振动,从而使它们难以阅读。降低颜色的饱和度将有助于降低对比度,并使您的网站更受欢迎。200-50范围内的较浅色调在深色主题上具有更好的可读性。此外,建议您在背景和文字之间使用15:8:1的对比度。

  2.考虑色彩心理学

  您需要记住,您是为主要是在寻求更轻松,更柔和的浏览体验的用户而设计的。颜色的心理学显示色彩的选择可以在任何环境下影响或破坏买家的旅程。但是,色彩心理学的一个经常被忽视的方面是,人们在黑色背景下对阴影的理解有所不同。例如,考虑绿色。在明亮的背景下,它传达了自然甚至财务财富。但是,在黑暗的背景下,同样的绿色可能会变成有毒,有毒甚至生病的东西。请务必考虑最终用户到达您的网站后将获得的印象。

  3.用户体验

  请记住,无论用户选择如何浏览,您都需要在两个主题中测试设计的性能和影响,以确保它们提供相同的体验。尽管暗模式应该为最终用户提供不同的体验,但仍然需要感觉好像他们在同一网站上浏览一样。这意味着您将需要尝试最自然的亮暗模式选项组合。

  4.暗模式设计的其他重要技巧包括:

  关注您的内容:确保您的内容在页面上引人注目,而不至于太过压倒性。

  测试您的设计:在浅色和深色外观中,您都需要确保一切正常进行。

  为界面采用鲜艳度:鲜艳度有助于改善背景和前景之间的对比度。

  使用语义颜色:语义颜色会自动适应网站的当前外观。无法适应的硬编码颜色值看起来更具攻击性。

  桌面着色:尝试使用诸如透明度和过滤器之类的方法,使您的网站和应用程序略带色彩-非常适合深夜浏览

  图标:如有必要,可将单个字形和图标用于黑暗和明亮模式。

  更多黑暗模式设计技巧,高端网站设计、高端网页设计、网站建设等相关,欢迎您咨询北京分形科技!
400-6446-365 / 010-64928252 我想要个更针对我需求的方案
让决策变的简单
好的开始是成功的一半
请输入关键字