联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、不适合用UI的地方
 

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

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

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

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 东莞樟木头平面设计培训东莞樟木头PS美工培训东莞樟木头UI培训东莞樟木头PhotoShop培训 网站详细了解,免费咨询电话:400-998-6158

相关课程