西安建筑科技大学710000
摘要:随着移动应用APP的快速发展,人们越来越离不开移动应用。在进行APP视觉设计中需要考虑视觉设计要素,而色彩在界面视觉设计中处于非常重要的位置,承担着重要的信息传达,是塑造APP形象的关键。在本文中针对性的从色彩对界面的作用、色彩属性、配色原则方面分析色彩在APP中的研究。
关键词:APP界面设计 视觉 色彩
色彩是最抽象化的语言,作为首要的视觉审美要素,色彩深刻地影响着人们的视觉感受和心理情绪圈。人类对色彩的感觉最强烈、最直觉,印象也最深刻。色彩属于抽象化语言,它是视觉审美要素中的一种,通过色彩能够体现人的心理情绪与视觉感受,因此,对于消费者而言,色彩对其影响是直接、强烈的,进而将使消费者对产品的印象更加深刻。因此在人们生产和生活中,色彩是最重要的,它具有一定的识别作用。同时,色彩具有较强的敏感性,还拥有一定的象征意义,对于消费者的影响是深远的。
1色彩的属性
凡是色彩一定会同时具有三种属性,即色相、明度和饱和度。它们是色彩最重要的三个要素,也是最稳定的要素。这三种属性虽有相对独立的特点,但又相互关联、相互制约。
1.1色相
色相即每种颜色的相貌、名称,例如“赤橙黄绿青蓝紫”,色相是色彩最大的特质,也是区分色彩的重要依据。指的就是色相。每种颜色都是光的一种物理现象。光有波粒二象征,不同波长的光产生了不同的色相。任何一个色相都可以以自身为基色,与其他色相形成同类、类似、邻近、对比及互补的关系。
1.2明度
明度是指色的明暗程度,也可以称色的深浅、亮度。若把无色彩的黑、白作为两个极端,在中间根据明度的顺序,等间隔地排列出若干个灰色就成为明度阶段,靠近白端为高明度色,靠近黑端为低明度色,中间部分为中明度色。明度阶段从无色彩的角度来看,很容易区分明暗程度,但是混合了色相明暗程度就不是那么容易区分了。
1.3饱和度
饱和度指色彩的鲜艳度,又称为彩度。一个色掺进了其他成分,彩度将变低。凡有彩度的色必有相应的色相感,有彩色感的色都称为有彩色。无彩色没有色相,故彩度为零,眼睛对于不同波长的光伏是的敏感度也影响着色彩的彩度。视觉对于红色光波的感觉最敏锐,因此红色彩度显的特别高。而绿色光波感相对迟缓,所以绿色相的彩度就低。饱和度根据程度不同分为高饱和度、中饱和度和低饱和度。高彩度的色彩是指高纯度、生动鲜明的颜色,红、橙、黄、棕一类的暖色、纯色属于高彩度色彩,容易给人活波感和热情感;中彩度和中明度类似;低彩度颜色例如浅绿、浅蓝等能够营造温和轻快的色彩印象。
2色彩在界面中的作用
2.1营造氛围塑造风格
界面中的色彩最重要的作用就是营造氛围、塑造风格。色彩决定了访问者对界面的第一印象,对营造整体氛围发挥着至关重要的作用,从色调、色相两方面来看:色调决定APP的整体印象,营造界面氛围,如纯色调、强色调呈现华丽而强烈感;浅色调、隐约色调高明度中彩度显得明亮、柔和、舒适;深色调、暗色调、灰色调则给人严肃、沉重的印象。
色彩能很好的营造界面氛围,引起受众不同的情绪体验。色彩是先于任何其他视觉元素进入浏览者印象的、其印象也是最持久的。色彩能带给受众轻重、冷暖、软硬、动静等不同的感受,这些感受在不同时间、不同场合和人们积极或者消极的情感状态体验联系在一起。很多色彩由于其本身的特质和长期约定俗成的象征意义,在消费者脑海中和某种情感已经形成了强有力的连接。例如可口可乐的红色在其视觉展示中的应用是人们所熟知的企业标准色,同时红色本身营造的激情欢乐的氛围符合品牌所倡导的精神,也给受众积极的情绪体验。
在界面视觉设计中可以充分利用色彩情感效应的规律,根据所宣传产品、企业的特点、产品受众的喜好和希望传达的情感类型来选择色彩。用独特的配色形成特别的风格,因为唯有独特个性才能给受众留下深刻印象。
期刊文章分类查询,尽在期刊图书馆
2.2强化视觉区域和引导视觉流程
色彩在界面中的另外一个重要作用,就是配合APP版式结构,强化视觉区域,例如区分各个内容模板。还有色彩可以引导视觉流程,利用色彩主次关系来服务于不同层次的信息传达,控制浏览者关注点的变化过程,例如利用强调色来突出最重要的信息,利用色彩的变化提醒用户界面的跳转。
3配色原则
界面配色中药遵循三大原则:准确、整体、个性。
3.1准确感
与设计对象形象相符与整合营销传播相融,很多已经有了企业形象识别系统繁荣企业,为了强化公司形象,在选择公司站点的网页配色时往往首选VI系统中的标准色彩。
了解色彩心理形成的社会文化环境,充分考虑用户的感觉。互联网设计与当下的经济、社会、文化结合密切。设计中需要懂得人们对色彩的感受,除了色彩的直观效应,即生理上的感受,更多是来自于色彩的设计感受,即在不同时间、空间和国家、民族环境中,色彩在人们心目中的意义。色彩的流行与其所处社会经济、政治、文化密切相关,设计中在选择色彩时务必要考虑这些因素才能用色准确恰当,才能真正获得用户认可。时刻记住设计是一种沟通、一种对话,而不是设计师自我表现和自我满足,设计师要通过色彩这一视觉语言和用户进行情感交流。良好的用户体验来源于对用户感觉的充分考虑,特别是从年龄、性别、族群等特征进行区分。
3.2整体感
界面中的色彩设计需要体现整体的统一感、均衡感及其整体和部分的协调。主页和辅页采用统一的主色彩,即主页、二级页、三级页都是以同一色彩作为基础,在相同的情况下,可通过变化布局、强调位置、使用多样的彩图等方式来打破统一化造成的单调乏味。主页和辅页采用不同色相的主色,色彩变化跨度很大则容易形成凌乱不统一的感觉,可以通过采用不同色相、类似色调来进行调和加强统一感。
分析图片和界面色彩计划之间的关系,图片在APP中的应用比例越占越多,图片的使用能为用户带来更好的视觉体验。图片相比文字,色彩层级更加丰富,比文字有着更多的吸引力,图片运用到界面中能提升整个界面的视觉感染力。图片运用的好坏取决于界面的色彩搭配。一般来说,设计讲究的界面为了保证视觉体验的流程性,会对所有使用的图片做一些修饰,使其融入到色彩氛围当中。我们常常看到一些应用图片很多的界面,其主色大多都是白色、灰色等无色彩,目的就是为了突出色彩精美、丰富的图片。让彩色的色调和界面色调自然地搭配在一起还有两个方法。第一种方法就是在图片中选择一个核心色彩,作为界面的强调色或者导航色彩。第二种方法就是先决定整体界面色彩后,再相应制作出照片和图片。
3.3个性
基本色相的数量是有限的,但是配色方案是无限丰富的。比如客户要求以“黄”相作为主色,但其实“黄色”涵盖范围很广。明亮的亮黄色、温暖柔和的鹅黄色,这些黄色形成的情感差异是不同的,给用户的印象自然不同。
配色不是绝对的,不能程式化,即使同一类型的项目,传达类似的情感类型,色彩的表达方式也是多种多样的,并“以用户为中心”深入挖掘群体受众自身特点,从设计细节入手,创作出独特的配色方案。
结语
色彩作为第一视觉语言,色彩在界面视觉设计中的作用是其他视觉要素替代不了的。因此在设计中要注重分析色彩、了解色彩并设计出优秀的配色方案。色彩对产品意境的形成有很重要的作用,在设计中色彩与具体的图形、质结合才能使APP更具有生命力。
参考文献:
1.罗慧.互联网产品(Web/移动Web/移动APP)视觉设计M.北京:清华大学出版社
2.陈洁.视觉传达设计要素分析与UI创意设计M.中国商业出版社
论文作者:淡珊
论文发表刊物:《科技新时代》2019年3期
论文发表时间:2019/5/7
标签:色彩论文; 明度论文; 视觉论文; 色相论文; 界面论文; 饱和度论文; 色调论文; 《科技新时代》2019年3期论文;