作为UI设计师,你要知道的那些事儿

我们常用“白纸黑字”来表示一种显而易见的事实,因为白色背景搭配黑色文本,可读性是最佳的。许多UI设计师在选择配色方案的时候,会更自觉地倾向浅色、明亮的背景和深色的文本。
不过,设计从来都不是一种囿于条条框框之中“循规蹈矩”的工作,许多 UI界面的设计并没有一直遵循这种“白纸黑字”的规律。一方面,采用深色系的设计风格,只要确保对比度,本身的可用性和易用性并没有太大的问题,另一方面,这样的设计风格在美学上也有着得天独厚的优势,可使界面呈现出一种引人入胜的格调与独一无二的品牌气质。
在这里插入图片描述
深色系UI设计随着数字产品的深度普及而被广泛应用。选择深色系的 UI设计,一定程度上是为了缓解我们使用数字产品所带来的视觉疲劳。由于工作、生活、娱乐等方面的需求,现代人接触数字内容的时间和频率日渐增加。我们每天8小时看电脑,8小时之外还要看手机,屏幕和数字内容引发的计算机视觉症候,已经成为一种困扰人们的常见病。也不可避免地大幅增加。数字视觉疲劳如今已经被定性为一种常见病了,每天都会有大量的普通人受到这种病症的困扰,因为视觉疲劳所带来的并不只是眼部的不适,还伴随着头疼和颈部疼痛,眼部的症状则呈现为视力下降,视野模糊和灼伤感、刺痛感。
在这里插入图片描述
要真正进行深色系 UI 设计,要考虑的不仅是可读性与对比度的问题,还需关注用户和使用环境。
目前,长时间使用电脑的人群当中,数据猿们占据了不小的比例,而他们也是深色系主题的最大用户群体之一。因为需要长时间面对代码编辑器,不可避免面的会产生视觉疲劳。而黑色背景下查看代码,亮度相对更低,高对比度下对不同色彩的代码更容易阅读,再加上他们常常需要在光线暗淡的晚上加班,如果长时间盯着明晃晃的屏幕底色,会把他们闪瞎的。
绝大多数涉及娱乐相关的 UI界面,一般都更倾向使用深色系主题。相对昏暗的环境会使娱乐氛围更加轻松,而深色的背景也可以让视觉效果更加醒目,视觉层次更加丰富,以最小的干扰来帮助用户集中注意力,使其获得沉浸式体验。
相对来说,深色系的UI 有更明确适用范围和设计方向。
在这里插入图片描述
深色系UI 不适合展示大量的文本内容,相较于浅色系背景,大段的文字在深色系UI 下的阅读体验要差许多。只有更简单的文本、更强的交互信息、视效更突出的元素,才是深色系UI的绝配。为了整体的用户体验,必须确保对比度和可读性。深色系的UI 中,可用的色彩本来就不多,空间利用率也相对没那么高,因此,如果数据量和内容类别太多的,也不宜使用深色系UI。设计师真正要做的工作并不是单纯的更换配色,否则大量文本和多属性强内容的界面,会因为深色系的主题而变成乱糟糟的一片。
需要强调的是,深色系的UI应该是在正确的决策流程之下作出的决策,有充分的理由而不是凭感觉判断。这是一个很微妙的设计决策,需要深厚的功力和丰富的经验支持。
一向追求极致品质的万博思图,在大量的定制式可视化展示及企业官网设计项目经验积累下,每每能够将这个“微妙”的分寸,拿捏得恰到好处。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43168377/article/details/83782224