勤学教育网合作机构> > 上海电脑设计培训欢迎您!

使用深色系的UI设计注意事项

上海电脑设计培训logo
来源:上海电脑设计培训

2021-08-23|已帮助:1788

进入 >

设计过程中,有诸多因素会影响 UI 给用户的感受。其中,颜色是最重要和最明显的部分。今天小编主要给大家分享使用深色系的UI设计注意事项,希望对你们有帮助!

使用深色系的UI设计注意事项

许多设计师在选择配色方案时会使用用浅色的、明亮的背景色彩。事实上,大众和设计师的这种倾向是有科学依据的。在白色背景上使用黑色文本,可读性最佳。

在不同的测试和研究中,浅色背景下的深色文本比深色背景下的浅色文本更具可读性。在一项著名的研究中,受试者面对深色背景阅读浅色文本的时候,视觉疲劳更为明显。

现在,许多UI界面的设计都不是按照这种模式设计的。一方面,采用深色系的设计风格,只要保证对比度,其可用性和易用性都不是太大的问题。另一方面,这样的设计在美学上有独特的优势,界面呈现出一种独特的戏剧性,,同时还能让一些品牌拥有更加有趣和引人入胜的视觉。

一、适合用深色系 UI 的地方

大部分涉及到娱乐的 UI界面,都会有一定的倾向使用深色系主题,无论是智能电视,游戏机或电影类应用,这不仅是相关的对比度有关系,它和用户的日常使用环境和时间也有着极深的关联。

绝大多数娱乐发生在晚上,并且大家都能享受到相对昏暗的空间环境。色彩斑斓的视觉内容,也同样会在深色系的UI 上显得更加炫目。

昏暗的环境让人放松和沉浸,明亮的背景让人紧张,这也是深色系UI的设计来源和基础:设备、内容、活动、场景。

在确定了 UI的使用时间、场景、用户特征和设备之后,是时候明确UI设计的目标了:

1.使视觉效果明显而富有戏剧性。

2.营造出时尚、典雅、奢华、价值感。

3. 制造神秘感和阴谋感。

4. 以最小的干扰来帮助用户集中注意力。

5.支持可视化的层次结构和清晰的信息体系结构。

二、不适合用UI的地方

大量的文本内容不适合在深色系UI中显示,只有最简单的文本内容,强交互性的信息和视觉元素才是最佳匹配。为了保证整体的用户体验,有必要保证对比度和可读性,所以如果数据量和内容类别UI过多,就很难使用深色系UI。

设计师真正的工作不是简单的更换配色,否则大量的文本和多属性内容的界面将会被深色系UI主题所破坏。

换句话说,在深色系UI中,可用的颜色较少,空间利用率相对较低。

以上是上海电脑设计培训整理的使用深色系的UI设计注意事项全部内容。

热门推荐

更多
勤学培训网 平面设计学习网 使用深色系的UI设计注意事项