智能手机App界面色彩设计探究

智能手机App界面色彩设计探究

摘要:在信息时代,随着智能手机的普及,第三方应用程序App成为人们享受网络便利的重要工具。在App设计中,设计师要增强用户的体验感,除了要重视App内在的各种功能,还要重视一些外在的因素,如App的界面图标设计、按钮设计、色彩设计等,这些因素也可成为App设计打动人心、为人所接受的重要原因。智能手机App界面设计师可以利用不同色彩的象征意义,设计出具有不同色彩倾向的作品,赋予色彩丰富的表现形式和精神内涵,使其可最大限度地体现手机App的功能价值,从而更好地为人们服务。

关键词:手机App;界面设计;色彩;象征

色彩存在于日常生活的方方面面,它是构成环境的重要组成部分。如同对其他抽象事物的认知一样,人类对色彩的认识和运用亦经历了从感性到理性的过程。在长期的生产生活实践中,人类深刻地总结了直接感受到的色彩,实现了色彩认知从具体到普遍、从形象到抽象的发展过程,进而形成了色彩的基本理论、法则、观念等,并将这些知识运用于色彩的艺术实践过程。从原始社会到现代社会,人们生活的各方面都被打上了色彩的烙印,体现出色彩的影响。当前,智能手机普及,加载于智能手机的第三方应用程序——App成为人们享受网络资讯便利、实现新型社交的重要工具。App是一种使用频度较高、使用范围较广、影响较为深刻的信息时代的工具,可以最大限度地增强智能手机用户的体验感,成为设计师需要研究的课题。除了重视App内在的各种功能设计、关注其实用性,设计师还应注意到一些外在的因素,如App的界面图标设计、按钮设计、色彩设计等。这些虽为细节,但都能成为App设计打动人心、被人接受、获得推广的重要原因。

一、色彩基础知识

1.色彩象征。色彩的象征意义是由人们的主观心理产生的,这种象征意义受人的性别、性格、年龄等因素的影响。色彩的象征意义表现是其共性的一面。如,红色能带给人较强的视觉冲击,喻示热情奔放、吉祥如意、喜庆热烈等,因此常被用于标志等的底色和主色。当红色的明度或纯度发生改变时,其传达出的象征意义也会发生改变。红色在明度被提高时会变成粉红色,具有甜美甜蜜、恬静冲和、浪漫温馨等寓意。橙色是较为温暖的色彩,往往给人以光明、快乐的感觉。当橙色的明度被逐渐提高时,橙色往往能给人以温馨祥和、温暖惬意的感觉。黄色在色彩中明度较高,给人以明媚、阳光的感觉,代表着智慧和希望。绿色是给人视觉感受较为舒适的一种色彩,能使人精神兴奋,具有解除郁闷、开阔心胸的作用,其喻示自然、和平、青春、希望、生机等。白色具有光明、纯洁、神圣等寓意。黑色能带给人们安静肃穆、深沉庄重、果敢坚毅等感觉。灰色具有稳重感、优雅感、平和感、中庸感、朴素感等象征意义。

2.色彩联想。联想是人将记忆中的事物之间建立起内在联系的过程,色彩联想又是人的联想的重要组成部分。色彩联想指视觉器官在接受外部色光刺激的同时,会自动地唤起大脑有关色彩的记忆痕迹,使人们将眼前的色彩与以往的视觉经验相联系,经过分析、比较、想象、归纳、判断等活动,形成新的身心体验[1]。色彩联想形成于色彩想象,可以生发创意灵感。色彩情感表现的基础和前提是色彩联想,没有色彩联想,人们的色彩情感就难以得到表达。人们产生色彩联想,有时是因为看到某种色彩而想起曾经见到或知道的色彩,有时是回忆起记忆中的色彩。人的色彩联想是建立在以往的经验基础之上的,以往的经验有的来自直接的生活体验,有的来自间接的学习、生活阅历。生活阅历和设计经验越丰富,色彩的联想往往越具有广度和深度。色彩联想也会随时代的变化而变化,但是色彩联想也有共同性。色彩联想主要分为两种类型,即具象联想和抽象联想。色彩的具象联想指由看到的色彩直接想象到客观存在的物象[2]。如:看到红色想到火焰、枫叶等;看到白色想到云朵、雪地、轻纱等;看到绿色想到绿地、树林、庄稼等;等等。色彩的抽象联想指通过观看某一色彩直接想象到某些富有哲理或逻辑性概念的色彩。如:看到红色联想到热烈等;看到白色联想到纯净、清洁、单调等;看到绿色想到环保、成长、新鲜等;等等。色彩的抽象联想往往比具象联想更加复杂、更具有哲理性。对于同一种色相,人的抽象联想常常会因色彩的明度或纯度的变化而不同。如,纯正的红色能让人联想到热情等。

3.色彩情感。色彩来自光,没有了光也就不存在色彩,因此,色彩只是一种物理现象,其本身并没有情感。色彩情感的产生是因为人们生活在一个充满色彩的世界里,人们根据自己的经验赋予了色彩相应的情绪或情感。在人们的知识经验与外在的色彩刺激发生碰撞时,就会产生色彩联想,并在心理层面引发某种情感。情感表现首先是情感或是情绪方面的概念,如快乐、惬意、喜爱等,随之就会联想到与之相对应的某一种色相。这一色相一旦被确认,就会成为情感表现的主要色彩,并决定着情感表现的主要色彩倾向。任何一种色相都具有情感的两面性,如,黑色的庄重、大气是其积极的一面,暗淡、消沉是其消极的一面。色彩的情感表现会受到色彩明度变化的影响,色彩明度的深浅变化也可以决定情感表现的强弱。如蓝色,不同明度的湖蓝、群青等表现的情感效果会有强弱之分。又如,在红色中加入黑色,会使红色原有的热情变得沉稳;加入白色,红色明度提高,纯度降低,就会由原来的热情变成冷漠。无论哪种色彩,纯度越低就越接近灰色。大多数高纯度色彩会表达积极的情感意义,态度积极度与色彩纯度往往成正比;大多数低纯度色彩通常与消极的情感意义相联系;纯度中等的色彩表现出的情感态度也往往是较为中庸的[3]。因此,设计师利用色彩的纯度变化,既可以表现色彩情感的丰富、微妙和含蓄,又可以表达积极或消极的情感态度。

二、App界面的色彩设计

App指智能手机的第三方应用程序,是英文单词Application的缩写。人机交互主要是通过App实现的,因此,在智能手机中,App必不可少。智能手机App界面设计师可以利用不同色彩的象征意义,设计具有不同色彩倾向的作品,赋予色彩丰富的表现形式和精神内涵,使其能最大限度地体现App的功能价值,从而更好地为人们服务。为增强App设计的用户体验感,设计师不仅要考量其功能内涵和实用价值,而且应认识到App设计必须满足用户的审美需求,需要考虑到对界面布局、色彩等因素的设计。实践证明,色彩在人与手机的互动中具有关键作用,色彩的作用体现在界面设计的每一个元素中,大到整体背景,小到图标按钮,都离不开色彩设计。色彩在App界面设计中的重要作用,主要体现在辅助人们的认知操作、满足人们的情感需求、丰富界面的艺术审美效果等方面。App界面色彩运用从类别上分为主色、辅助色和点睛色。主色即界面的主体色彩,在整个界面中占主导位置,其决定了App界面的设计风格,传递了设计师的情感,代表了设计的思路、方向。对主色的选择能够确切地表达设计师的内心感受,设计师的内心感受越强烈,对色彩的选择往往就越明确。实践证明,占据界面主体的色调决定了界面整体的风格趋向。相关的辅助色对主色有修饰、烘托的作用,可使界面更加丰富、多元,从而增强用户的体验感。设计师将点睛色用于标题、文本、按钮等处的设计,可发挥强调和引导用户阅读的功能,同时凸显独特的界面风格。此外,若想使自己设计的App界面富有视觉冲击力,设计师就要对色彩要素按照情感表现的总体需要作出取舍,并将各个要素有机组合成一个视觉整体。这样才能营造出特定的色彩情调,体现出一定的色彩情趣,为用户提供一个可供观赏、引发想象的情境,随之营造出完整的情感氛围,为用户提供精神体验。

三、App界面色彩设计的实践

设计师在开展手机App界面设计前,应当了解该App的主要功能,根据其功能设计App界面的整体色调,针对目标人群的需求设计手机App界面的风格,以此使目标用户对该App产生兴趣。以一起作业App为例,该App的受众人群是小学生,设计师可以根据小学生的需求探索App整体的设计方向。根据小学生充满朝气的特点,设计师将饱和度较高的绿色作为App的主色调,将白色的兔子作为界面的主要图案,使整个界面在视觉效果上既活泼可爱又干净清晰,使小学生使用时感觉趣味十足。以当前人们常用的微信App为例,由于微信受众人群广泛,设计师选择能使人精神兴奋、心胸开阔的绿色作为主色调,而界面的辅助色是黑、白两种色彩,使人产生安全、灵活的感觉。聊天软件QQ的App界面主色调是蓝色,辅助色是白色,给人沉稳、大气的感觉。两种功能几乎相同的通讯软件界面选取的色彩不同,原因在于产品定位和受众人群的不同。QQ的受众人群往往年龄较大,其设计风格较为稳重,而微信的受众人群主要是较为年轻的群体,其设计风格较为活泼、灵动,因此,产品的设计风格要符合目标人群的特征。抖音短视频App的界面是黑、白两种颜色,图标是一个类似于音符的图案,使人产生活泼、充满朝气的感觉。美图秀秀App以粉色为界面的主色调,以白色为界面的辅助色。白色和粉色的搭配突出了美图秀秀的功能性,给人以柔美、恬静的感觉,代表着浪漫、甜蜜和雅致,从而体现出这一款App的功能,加深了用户对该款App的印象。购物软件淘宝App的主色是能令人产生愉悦感的橙色,京东App使用的是具有视觉冲击力的红色,喻示热情、富贵。学习强国App是一款受人欢迎的理论学习手机应用软件,其界面设计以红色和白色为主,有庄重、严肃之感。天气预报应用天气通App界面以蓝色为主,背景的色彩随天气变化而不断更新。如:晴天便是明度较高的蓝色,表示天气晴朗;阴天便是明度较低的深蓝色,表现多云等天气状况;等等。以上是一些与人们的日常生活紧密相关的App界面色彩设计的案例。在生产性、专业性较强的App中,界面色彩设计仍然十分重要。如,化工圈App是一款针对化工品采购与供应的专业手机应用,其界面以白色为主色调,带给用户的体验是安全感、秩序感;其界面图标为蓝色,喻示着稳定、严谨。“果树生长周期动态监测成影系统”是一款正在开发的针对农业生产领域的手机应用App,其界面主色调是绿色,使用户能够获得希望、生命、环保等体验感,符合当下倡导的生态农业理念。此外,设计师应根据季节、时令等调整界面的基本色调。如:秋季以黄色为主色调,喻示收获;冬季以白色为主色调,喻示闲适、放松等。综上所述,认识色彩,理解色彩的象征意义、色彩联想及色彩情感是设计手机App界面的前提。因此,在开展手机App界面设计时,设计师不仅要关注色彩本身具有的含义,而且应考虑App的使用人群、功能等因素。只有这样,设计师才能发挥色彩的最大功效,从而使用户获得最佳的体验感。课题信息:咸阳市科技局科学技术研究局攻关专项(2019K02-08):基于数据挖掘的果树生长周期动态监测成影系统开发与应用。

参考文献:

[1]陈强.移动互联网时代视觉化一致性的品牌营销研究[D].重庆:西南大学,2017:45.

[2]康琳英.城市景观标识的色彩学分析与研究[D].武汉:湖北美术学院,2010:26.

[3]罗立垒.办公空间设计中的色彩应用研究[D].长沙:湖南师范大学,2014:11.

作者:邰康锋 单位:咸阳职业技术学院