暗黑主题网站设计理由以及注意事项
使用暗黑主题设计的理由
通过咨询一些设计师以及搜索相关信息,我们大致总结了“暗黑主题”流行的如下几个理由:
其一,缓解视觉疲劳。
现代人使用电子屏幕的时间不断加长,而大多数的网站都是“白色背景”设计。根据相关研究,黑色与白色相比较,黑色不容易导致眼镜疲劳,有缓解视觉疲劳的功效。
所以,更多的官网以及APP设计,开始选择黑色作为背景、主题或者照片背景。
其二,黑色更加省电。
研究显示,黑色背景可以延长电池寿命。另外,也有部分研究显示,对于曲面屏而言,黑色像素点是不耗费电量的,而其它颜色像素点是耗费电量的。但是,在LCD屏幕下,则不显示这一特征。
其三,更多设计可能性。
在黑色主题上,其它颜色的设计,能够更加突出,更加吸引访客的注意力。与白色背景相比较,黑色主题上,设计可能性更多。
如上三个原因,是设计师们更加热衷于黑色主题的理由。那么,如果确定使用黑色主题,在设计网站的时候,应该注意那些事项呢?
黑色主题网站设计注意事项
专注于焦点内容
暗模式更强调界面的内容区域,允许某些内容突出,而周围的区域则更容易淡出背景。在设计暗模式时一定要记住这一点,并确保最重要的内容具有很强的焦点。
进行明暗测试
我们已经确定,你不能只是颠倒你的颜色,使网站在黑暗模式下工作。你同样也不希望这两个界面在美学上有太大的不同,以至于让用户产生困惑,所以需要进行测试。测试在两种颜色下,那一种主题更受欢迎。
找到合适调色板
在暗模式下,你将使用一个前景色更亮、背景色更暗的调色板。找到一个柔和的配色方案,没有太多的颜色,最好能保持简单。如果你需要一个白色背景,确保它是一个稍微暗一点和柔和一点的白色,这样可以防止背景在周围的黑暗内容中发光。
注意文本的亮度
如果用户将屏幕亮度调到最低,则需要确保文本仍然清晰可见。毕竟,您希望它是深色的,但仍然可以使用。检查它是否有足够的对比度和某些元素,意味着要区分彼此。确保原色和副色是分开的,并且容易分开。在深色背景上的浅色文字可能会比其他背景更醒目,所以可能想要在深色模式下使用更轻的字体,这个试验一下,看看哪种效果最好。