APP下载

色彩构成在UI界面设计中的应用

2020-11-23王晶晶

文艺生活·下旬刊 2020年10期
关键词:色彩构成应用

王晶晶

摘要:移动互联网的产生与普及,带动了UI界面设计行业的飞速发展。UI界面设计除了在保留基本的商业功能的基础上,更应该从视觉策划的角度,满足受众用户的视觉审美需求。这就要求设计师对UI界面设计有一定的优化和改良研究能力。在UI界面设计中合理使用色彩构成的基础原理,并使用相对科学的色彩分析方法和视觉表现形式,可以帮助UI设计师更好地完善自己的作品,同时提升用户的使用体验。

关键词:色彩构成;UI界面设计;应用

中图分类号:J525.1 文献标识码:A 文章编号:1005-5312(2020)30-0169-01 DOI:10.12228/j.issn.1005-5312.2020.30.118

UI界面设计是指当下人机交互操作时界面通过合理的视觉设计后的效果呈现。色彩构成是指色彩中一种相互作用的原理,它的变化效果不仅从人对色彩的知觉出发,而且从色彩心理出发,用相对科学的色彩分析方法將色彩的现象进行解释还原,再利用一定的逻辑规律,重新组合并创造出来的一套新的、完整的色彩变化效果过程。但色彩构成是不能够脱离形式、位置和空间这些基础元素而独立存在的。在进行UI界面设计时,通过对应用形式的分析处理,利用好色彩构成的视觉艺术元素,从而达到应用实践的最终目标。

色彩构成是UI界面设计中最重要的一种视觉元素,也是最主要的表现形式,它既是感性视觉的呈现,又是理性构成的重组。UI设计师通过分析这些色彩构成中的基础原理和方法论进行设计研究,对UI界面设计中品牌价值以及用户情感体验都有着至关重要的作用。

一、色彩构成在UI界面设计中的视觉对比手法应用

色彩视觉变化是影响受众用户视觉思维的重要因素之一,合理地运用色彩视觉对受众用户的交互体验有着巨大的作用。

1.视觉手法应用中明度纯度的变化对比。在UI界面上突出不同层级的内容体系,进行内容划分,让受众用户能够第一眼区分不同内容的重要性,找到关键信息。

2.视觉手法应用中的面积位置对比。色彩双方的属性不变,其中一方的面积增大,另一方色彩的面积进行缩小,那么这部分的对比就会被削弱,在界面表现时设计师也会通过色彩的面积大小,来表现信息的侧重。

3.视觉手法应用中的比例因素对比。在UI界面设计需要进行优化时,我们会随着设计的需求,进行位置空间的变化,那么色彩的比例大小关系也会起到关键作用,UI设计师更倾向于使用一个黄金比例进行调和,从而达到对比美的协调效果。

二、色彩构成在UI界面设计中的情感应用

色彩构成中提到,不同频率的色彩能够作用于我们敏感的视觉器官,并通过我们的思维以及以往的经验产生相应的关联性,进而形成相应的色彩心理反应。

1.情感应用中的共同感受。当我们看到红色、红橙色、橙色、黄色的这种高明度高刺激色彩往往会有直接的视觉刺激以及兴奋感作用,会让我们联想到温暖、热烈、奔放甚至危险的效果。而当我们看到绿色、蓝色、紫色、灰色等这些冷色系的效果是通常会产生寒冷,开阔,理智,平静的感觉,这就是我们赋予色彩的共同感受,通过提升共同的感受体验,提供舒适感,延迟浏览的时长,提高受众用户满意度。

2.情感应用中的心理联想。除了共同的感受,我们甚至会对色彩产生心理联想,这里既包括具象联想,又包括抽象的联想。通过对色彩构成中情感因素的应用,在UI界面设计时,利用色彩辅助进行视觉心理诱导,在设计时凸显这些因素,把它们作为一种象征性的演化,合理使用这些因果关系在色彩的第一眼视觉去赢得受众用户的心理认同以及情感认同,也可以说受众用户在通过联想的同时,更有了具体的主观意志的影响,通过受众用户思维去进一步产生象征意义。比如说购物类和消费类UI界面设计,通常会使用高明度高刺激性的颜色,通过色彩进行心理暗示,制造紧张激烈的购买氛围,以调动受众用户的购买欲。

三、色彩构成在UI界面设计中的符号应用

色彩构成在UI界面设计中具有特殊的符号化作用,在多样化界面信息呈现的今天,利用色彩效果进行合理的视觉改造,能够进一步强化界面内容,这样具有理性符号作用的色彩构成效果,既能准确传递品牌信息,又能实现界面设计的趣味感,满足受众用户的需求。

1.符号作用中的品牌特性定位。在UI界面设计时,应当注意色彩构成中色彩秩序的变化,通过协调对比规律来组成符合品牌特性的效果,并使用这一色彩秩序效果来组织一个理性化、规范化的符号,从而达到统一的品牌特性视觉。比如在UI界面设计中,设计所有的详情页都根据颜色深浅变化、强弱对比的关系反复组合设计,形成层次丰富的秩序感;又或是在设计搜索框底色、按钮色、背景色时使用同色系色彩来强化品牌色彩符号,合理地发挥色彩秩序的特点,突出其符号化作用。

2.符号作用中的受众用户需求。UI界面设计和其他的产品包装设计意义,在具体开展设计时,应对结合统一化视觉,熟悉的色彩效果对受众用户来说可以具形成同理心,通过符号化的形式扩展界面设计的发展空间和表达形式。

参考文献:

[1]雷蕾.论UI设计中的色彩心理学运用[J].现代装饰理论,2019,8.

[2]洪雯,张艳,刘可.色彩构成[M].北京:中国青年出版社,2017.

猜你喜欢

色彩构成应用
色彩构成与墙绘艺术互融式应用研究
多媒体技术在小学语文教学中的应用研究
花艺设计中的色彩研究