数据正在读取中...

您的位置: 设计资讯 > 网站设计 > UI设计

甲方偏爱深色系的UI设计风格,设计师该如何配色?

www.shejinet.com 2018-11-06 17:15 设计.世界 浏览(1720)

摘 要:设计师的主要职责之一,就是为产品定制合理的视觉,基于目标用户的特征和产品的设计目标,给用户特定的感觉。UI和UX设计师需要在这个过程中通力协作,而 UI设计师更是要确保产品的 UI 和视觉最终落地。
在设计过程中,有诸多因素会影响 UI 给用户的感受。其中,色彩是最重要也是最明显的一个部分。

许多设计师会在选择配色方案的时候,会使用浅色的、明亮的背景色彩。其实,大众和设计师的这个倾向是有科学依据的。在白色的背景上使用黑色的文本,可读性是最佳的。在不同的测试和研究当中,浅色背景上的深色文本,比起深色背景上的浅色文本,阅读性更强。在一项著名的研究当中,受试者面对深色背景阅读浅色文本的时候,视觉疲劳的现象表现得更加明显。(Bauer, D., Bonacker, M., and Cavonius, C. R. 1983)

而另外一方面,人们习惯了在白色背景上查看图片,阅读深色的文本。这种状况已经延续了上百年。而在中国,这种状况更是延续了几千年。向上追溯到35万年前的旧石器时代,当时的原始人类同样是使用木炭在浅色的墙壁上书写。

1.jpg

而如今,许多 UI界面的设计并没有一直遵循这种规律。一方面,采用深色系的设计风格,只要确保对比度,本身的可用性和易用性并没有太大的问题,另一方面,这样的设计在美学上也有着独有的优势,让界面呈现出一种独特的戏剧性,同时还能让一些品牌拥有更加有趣和引人入胜的视觉。

2.jpg

Apple TV 就采用了深色系UI。比如最新的 macOS Mojave 中加入的深色系主题,就是用户呼吁了很多年之后的结果。

不过,真的要深入到 UI 设计的「黑暗面」,设计师还需要跨越很多挑战。和平时设计的浅色为主的主题不同,深色系的UI 需要处理不一样的可用性问题——主要是可读性和对比度上的问题。此外,还需要关注用户所使用的环境,以及设备本身的一些属性。

3.jpg

Breitling 为他们的手表加入黑色背景,和竞争对手做差异化区分。

其实,选择深色系的 UI设计,本身是为了帮助现代人缓解数字产品所带来的视觉疲劳(之前的实验是做的深浅两种色彩下的单纯定量对比)。随着现代人对于数字内容的日渐沉迷,每天都会花费大量的时间看屏幕,而屏幕和数字内容所带来的视觉疲劳,不可避免地大幅增加。数字视觉疲劳如今已经被定性为一种常见病了,每天都会有大量的普通人受到这种病症的困扰,因为视觉疲劳所带来的并不只是眼部的不适,还伴随着头疼和颈部疼痛,眼部的症状则呈现为视力下降,视野模糊和灼伤感、刺痛感。

事实上,类似的病症和定义还有不少,比如计算机视觉综合征(CVS)。一项研究表明,83%的美国人每天使用数字设备的时间超过2小时,60.5%的人表示他们出现了和CVS 类似的症状。

大量的 B2B的程序, SaaS类产品,以及媒体类数字产品,如今大都配备了深色系主题,让用户在合适的时候从浅色主题下切换过来,用来调整和修正视觉模式,降低视觉疲劳。不过,这些深色系的UI,需要通过合理的设计和调整之后,才能够合乎需求。

4.jpg

目前,长时间使用电脑的人群当中,开发者占据了不小的比例,而他们也是深色系主题的最大粉丝之一。因为需要长时间面对代码编辑器,视觉疲劳是不可避免的。正如同 Toptal 的开发人员 Kevin Bloch 所说:「黑色背景下查看代码,亮度相对更低,高对比度下面对不同色彩的代码更容易阅读,也更容易理解其中的信息。」

而 Toptal 的另外一名开发者 Amin Shah Gilani 则补充道:「我会长时间使用深色系主题,也更加喜欢它,因为眼睛其实会更容易适应,尤其是在灯光黯淡的情况下,或者晚上工作的时候。」

5.jpg

optal 开发者Amin Shah Gilani 使用 Atom 编辑代码

游戏 APP 中的 UI设计也大多是深色系的,游戏玩家大都更加倾向于黑色系配色所带来的沉浸式环境,黑色的背景让视觉效果更加醒目,明暗更强,对比度更明显,视觉层次感也更加丰富。

数据正在读取中...

[优秀设计师] DESIGNERS

  • 红蚂蚁文化
    地区:天津 • 天津
    QQ:2284475163
    电话:qq2284475163
    邮箱:2284475163@qq.com
  • 博文
    地区:广东 • 深圳
    QQ:705434715
    电话:17875048743
    邮箱:705434715@qq.com
  • 久形设计
    地区:广东 • 佛山
    QQ:2926679497
    电话:18927776245
    邮箱:2926679497@qq.com
  • 蜂鸟创意
    地区:河北 • 石家庄
    QQ:2950464750
    电话:15930133486
    邮箱:2950464750@qq.com
  • 泉榕工作室
    地区:福建 • 福州
    QQ:5758429588
    电话:15980203576
    邮箱:5758429588@qq.com
  • 大巢设计
    地区:山西 • 晋中
    QQ:845183776
    电话:15536393968
    邮箱:845183776@qq.com
  • 邹剑
    地区:广东 • 广州
    QQ:810199288
    电话:18379067575
    邮箱:810199288@qq.com
  • 知鱼工作室
    地区:辽宁 • 沈阳
    QQ:1660150137
    电话:
    邮箱:1660150137@qq.com
  • 创龙轩设计
    地区:广东 • 广州
    QQ:1219427856
    电话:13790850808
    邮箱:1219427856@qq.com

[优秀设计公司] COMPANYS

联系我们| 免责声明| 设计师| 设计公司| 手机版| 设计知识