020-29815005
预约专线时间:09:00-23:59

深色系与浅色系的UI设计风格有哪些

新闻来源:优漫教育 日期:2021-10-09
用户界面的感受受到许多因素的影响,在设计过程中也是如此。在这些因素中,颜色是非常重要和重要的。
  很多设计者在选择配色方案时,会采用亮亮的底色。实际上,大众和设计师的这种倾向是有科学根据的。白底黑字,可读性不错。通过各种测试和研究,浅色背景上的深颜色文本,比深色背景上的浅颜色文本具有更好的可读性。其中一项研究发现,当被试阅读较深的背景时,较浅的颜色会更容易出现视觉疲劳。(Bauer,D.,Bonacker,M.,andCavonius,C.R.1983)

  此外,人们习惯于浏览白色背景上的图片,阅读较深的文字。这一情况已持续了数百年。中国的这一情况更是延续了数千年。往上看350,000年前的旧石器时代,当时的原始人类也用炭笔在浅颜色的墙上写字。现在,很多UI界面的设计都不遵循这一原则。一方,采用一种深色系的设计,只要保证对比度,本身的可用性和易用性就不会有太大的问题,另一方面,这种设计在美观上也有独特的优点,在界面上给人一种特别的戏剧效果,同时也让一些品牌的AppleTV更有趣、更吸引人。它使用的是深色系UI。多年来,用户在使用类似于macOSMojave的时候,都会使用深色系主题。


UI设计培训班


  然而,真正要深入到UI设计的「阴暗面」,设计者还要克服许多挑战。与通常设计的以浅色调为主的主题不同,深色系的UI需要解决不同的可用性问题,主要是可读性和对比性。另外,还需要注意用户正在使用的环境,以及设备本身的一些属性。Breitling在其手表上添加了一个黑色背景,以区别于竞争者。

  事实上,选择深色系界面设计,本身就是为了帮助现代人缓解数码产品所带来的视觉疲劳(先前的实验是通过深、浅颜色的单纯定量对比)。由于现代人越来越迷恋数字内容,每天都要花很多时间在屏幕上,而由屏幕和数字内容引起的视觉疲劳,不可避免地大大增加。数码视疲劳现在已被定性为一种常见病,每天都有大量的普通人遭受这种疾病之苦,因为眼睛因视觉疲劳而产生的不单是眼疾,并伴有头痛及颈部疼痛,眼部症状则表现为视力减退、视野模煳、灼伤、有刺痛感。

  实际上,还有很多相似的疾病和定义,如电脑视觉综合症(CVS)。一项调查显示,83%的美国人每天花两个小时以上的时间在电脑上,60.5%的人有类似CVS的症状。

  许多B2B的程序,SaaS类产品,以及媒体类数码产品,现在大多配置了深色系主题,可以让用户在适当的时间从浅色主题下切换,用于调整和修正视觉模式,降低视觉疲劳。然而,这些深色系用户界面,需要经过合理的设计和调整,才能满足要求。现在,在长期使用计算机的人群中,开发人员所占的比例不少,而且他们也是深色系主题的忠实粉丝。由于代码编辑器需要长时间的面对,视觉疲劳是不可避免的。Toptal的开发者KevinBloch说:“黑色背景下查看代码,亮度相对较低,在高对比度下,不同颜色的代码更容易阅读,也更容易理解它们。”」

  另一位Toptal开发人员AminShahGilani补充说:“我将会用很长一段时间,并且更喜欢这个颜色,因为实际上眼睛更容易适应,特别是在光线暗淡的情况下,或者在晚上工作时。