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

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

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

  使用暗黑主题设计的理由

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

  其一,缓解视觉疲劳。

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

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

  其二,黑色更加省电。

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

  其三,更多设计可能性。

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

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

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

  专注于焦点内容

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

  进行明暗测试

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

  找到合适调色板

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

  注意文本的亮度

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

  如没特殊注明,

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

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

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

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://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); })();