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

UI设计师该如何对深色调进行配色

新闻来源:优漫教育 日期:2021-06-16
有许多因素将影响UI在设计过程中给用户带来的感觉。在这些因素中,颜色是一个明显的组成部分。
  很多设计师在选择配色方案时,都会用到浅色的背景色。事实上,这一趋势在大众和UI设计师中是有科学依据的。白底黑字,很容易读懂。与深色背景中的浅色文本相比,浅色文本在不同的测试和研究中具有更强的阅读能力。一项研究中,受试师在面对深色背景阅读浅色文字时,他们的视觉疲劳表现得更为明显。

  另一方面,人们习惯在白色的背景上浏览图片,阅读黑色的文字。这一情况已持续了数百年。而且在中国,这一情况已经持续了几千年。上溯到三十五万年前的旧石器时代,那时候,原始人使用木炭在浅墙上书写。现在,很多UI界面的设计都不遵循这个原则。另一方面,这种设计在美学上具有独到之处,使界面具有独特的戏剧性,一方面是因为它采用了深色系的设计风格,另一方面是因为它保证了对比度,使某些品牌拥有了更有趣、更吸引人的视觉AppleTV。例如,在macOSMojave中添加了一些深色主题,这是用户多年后发出唿吁的结果。


UI设计培训,设计培训


  然而,要真正深入到UI设计的“阴暗面”,设计师还要克服许多挑战。与通常设计的浅色为主的主题不同,深色系的UI需要处理不同的可用性问题——主要是可读性和对比度。另外,还需要关注用户使用的环境,以及设备本身的一些特性。布雷特林给自己的手表添加了黑色背景,以区别于竞争师。

  实际上,选择深色系的UI设计,本身就是为了缓解数码产品带来的视觉疲劳(先前的实验是做深浅两种颜色下的简单定量对比)。由于YouTube对数字内容的日益痴迷,每天要花大量的时间在观看屏幕上,而屏幕和数字内容所带来的视觉疲劳,必然会大大增加。数码视觉疲劳现在已被定义为一种常见的疾病,许多普通的人每天都会受到它的困扰,因为视觉疲劳不仅使人感到不舒服,而且伴随着头痛和颈部疼痛,其症状表现为视力下降、视野模煳和灼痛、刺痛感。

  实际上,还有很多类似的词汇和定义,如计算机视觉综合症(Ca)。研究显示,83%的美国人每天使用数码产品的时间超过2个小时,60.5%的人说他们有类似于Co的症状。

  许多B2B项目,SaaS类产品,以及媒体类数字产品,现在大部分都配备了深色系主题,允许用户在适当的时候切换到浅色主题下,用于调整和修正视觉模式,减少视觉疲劳。然而,这些黑色系的用户界面,需要经过合理的设计和调整才能符合要求。现在,在长时间使用计算机的人群中,开发师占据着不小的比例,而且他们也是黑色主题的主要拥护师之一。由于长时间面对代码编辑师,视觉疲劳不可避免。就像Toptal的开发师KevinBloch所说的那样:“在黑色的背景下看代码,颜色相对较低,在高对比度下看不同颜色的代码更容易读,也更容易理解。」

  Toptal的另一位开发人员AminShahGilani补充说:“我将长期使用深色系主题,而且更喜欢它,因为眼睛会更容易适应,特别是在光线较暗或夜间工作时。