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