1. 首页
  2. 设计网站
  3. 正文

暗黑主题网站设计理由以及注意事项

  谷歌和苹果,不仅仅是互联网科技公司的领导者,同时也引领者设计。近期,谷歌和苹果,都将“暗黑主题”应用到自己的网站上。为此,为此,我们就有必要对此进行讨论和分析。

  使用暗黑主题设计的理由

  通过咨询一些设计师以及搜索相关信息,我们大致总结了“暗黑主题”流行的如下几个理由:

  其一,缓解视觉疲劳。

  现代人使用电子屏幕的时间不断加长,而大多数的网站都是“白色背景”设计。根据相关研究,黑色与白色相比较,黑色不容易导致眼镜疲劳,有缓解视觉疲劳的功效。

  所以,更多的官网以及APP设计,开始选择黑色作为背景、主题或者照片背景。

  其二,黑色更加省电。

  研究显示,黑色背景可以延长电池寿命。另外,也有部分研究显示,对于曲面屏而言,黑色像素点是不耗费电量的,而其它颜色像素点是耗费电量的。但是,在LCD屏幕下,则不显示这一特征。

  其三,更多设计可能性。

  在黑色主题上,其它颜色的设计,能够更加突出,更加吸引访客的注意力。与白色背景相比较,黑色主题上,设计可能性更多。

  如上三个原因,是设计师们更加热衷于黑色主题的理由。那么,如果确定使用黑色主题,在设计网站的时候,应该注意那些事项呢?

  黑色主题网站设计注意事项

  专注于焦点内容

  暗模式更强调界面的内容区域,允许某些内容突出,而周围的区域则更容易淡出背景。在设计暗模式时一定要记住这一点,并确保最重要的内容具有很强的焦点。

  进行明暗测试

  我们已经确定,你不能只是颠倒你的颜色,使网站在黑暗模式下工作。你同样也不希望这两个界面在美学上有太大的不同,以至于让用户产生困惑,所以需要进行测试。测试在两种颜色下,那一种主题更受欢迎。

  找到合适调色板

  在暗模式下,你将使用一个前景色更亮、背景色更暗的调色板。找到一个柔和的配色方案,没有太多的颜色,最好能保持简单。如果你需要一个白色背景,确保它是一个稍微暗一点和柔和一点的白色,这样可以防止背景在周围的黑暗内容中发光。

  注意文本的亮度

  如果用户将屏幕亮度调到最低,则需要确保文本仍然清晰可见。毕竟,您希望它是深色的,但仍然可以使用。检查它是否有足够的对比度和某些元素,意味着要区分彼此。确保原色和副色是分开的,并且容易分开。在深色背景上的浅色文字可能会比其他背景更醒目,所以可能想要在深色模式下使用更轻的字体,这个试验一下,看看哪种效果最好。

  如没特殊注明,

    延伸阅读

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

  • 小红书引流推广怎么做,小红书引流的最快方法是什么

    做小红书要九浅一深,为什么你的小红书没有流量呢?因为你很有可能被判为营销号,不要以为只有个人号才会判定你为营销号,企业号也会这样子。原因很简单,小红书必竟是一个内容分享平台,是...

  • 外贸英文网站建设怎么做?

    1、规划和设计确定网站的目标、目标受众和关键信息。设计网站结构和页面布局,包括主页、产品展示页面、联系方式等。以纺织服装行业为例,考虑到时尚和审美特点,英文网站建设设计风格应该...

  • SEO套餐的生产与加工

    任何一件事情都可以独立分割成一个完整的体系,运用程序化和步骤化加工的方法实现快速无限复制和粘贴今天我们就来分解SEO套餐在“流水线”上的生产与加工:一、前端/页编人员二、内容编...

  • 2024网络营销怎么做?ai自媒体矩阵助力企业“降本增效”

    在2024年,随着人工智能技术的快速发展,网络营销正在经历着前所未有的变革。企业需要寻找新的营销方式来提高营销效果,降低营销成本。AI自媒体矩阵成为了企业“降本增效”的新选择。...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/1410.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();