基于用户体验的凤凰纸扎APP界面色彩设计研究

2023-06-01 09:27宋薇吉首大学美术学院
流行色 2023年4期
关键词:色相明度界面设计

宋薇/吉首大学美术学院

凤凰纸扎作为拥有悠久历史的传统手工艺。当下,由于缺乏宣传等问题使得保护和传播凤凰纸扎进行的并不理想,因此需要我们通过创新研究来保护。随着移动互联网的飞速发展,手机已经成为人们生活中的必备物品。手机APP因其方便、快捷、个性化等优点被广泛应用于信息服务和知识传播领域。其成本性低、应用性高、准确性强、可持续性好等特点,势必成为传播手工艺资源的新平台。但是,现如今APP界面同质化严重,导致凤凰纸扎APP无法在众多APP中脱颖而出。通过色彩来对其APP界面进行设计,加强其视觉冲击性,提高用户对其关注度,进而提升凤凰纸扎的知名度。

1 用户体验概述

用户体验说的是用户在使用产品时心理上的主观感受。基于用户体验的界面设计是把用户当作主体,围绕用户在使用过程中所面临的问题进行研究。好的用户体验可以增加用户对产品的认同感,又能够轻松满足用户的情感需求。关注用户体验不仅可以增加产品用户的直观评价,还可以更确切地通晓产品设计思路,促进软件设计的长远发展。在用户体验中,最主要的是以下三种体验。

1.1 感官体验

感官体验是指通过感官接受信息时的反应,是一种直接的情感,与产品的颜色、形状、材质、质地等相关。它的诉求是用户对产品的色彩、形态等所能感受到的事物的一种追求。感官体验具体表现为好的界面设计能让用户在感官上就能了解产品的特质,通过有趣的方式给用户传递可知的内容和信息,带给用户更好的阅读体验感。同时,能够拉近用户和产品之间的距离,提升用户对品牌的认知。

1.2 情感体验

情感体验是指用户在使用产品时会对产品产生一种情感方面的诉求。是用户对产品的色彩、形态等所能感受到的事物的一种追求。因此在APP的界面设计中要察觉用户心理,设计出能让用户产生情感共鸣的产品界面。好的界面设计能让用户在感官上就能了解产品的特质,并通过有趣的方式给用户传递可知的内容和信息,带给用户更好的使用体验感。进而增强用户与产品之间的情感羁绊,使用户喜欢上产品,并对产品产生依赖,这是情感体验的最终目的。

1.3 行为体验

行为体验指的是用户在与产品的互动过程中所产生的一系列感受。用户的体验会影响到用户对产品的看法与态度。例如,界面中按键的手感影响了信息输入过程中的用户体验,虽然只是用户体验中的一个短小过程,但会最终影响到整个APP带给用户的全局体验。因此,我们在界面设计中,要研究透彻用户的操作流程和使用习惯,要及时跟进用户的反馈和感受。通过不断调研改进并设计出更符合用户操作习惯的界面,提升用户体验感。

2 凤凰纸扎简介及色彩分析

2.1 凤凰纸扎简介

凤凰纸扎又名彩扎,是流行于湖南省凤凰县一带的民间彩扎技艺,国家级非物质文化遗产之一。凤凰纸扎起源于湖南省湘西土家族苗族自治州凤凰县,具有浓厚的湘西地域特色,汇聚了浓郁的湘西民俗风情。凤凰纸扎最初主要被应用于祭拜、巫术等活动中,现在引入了大量的娱乐内容,成为游艺活动中广泛使用的道具[1]。在不同活动中存在不同种类的纸扎,分类特别清晰明确。

作为传统手工艺非物质文化遗产,凤凰纸扎有着独特的传统工艺制作方法。其制作工艺主要分为四部分,分别是扎骨、裱纸、彩绘和装组。每一个步骤都是由工匠手工制作的。随着制作工艺的不断进步和发展,工匠们制作凤凰纸扎的技术和方法越来越多样,凤凰纸扎的形态也越来越丰富独特[2]。同时,凤凰纸扎的造型多样,有着各种各样的形状和品种。随着时代的变化、多元文化的冲击,造型上也紧随时代潮流大胆创新,造型更加丰富多变。

凤凰纸扎在纹饰方面的创作代表着湘西人民的无限智慧,人们创造出了上百种纹饰,这些纹样是湘西人民对于大自然的崇拜以及对理想生活的追求体现。人们通过艺术化的表现手法,传递一种求吉纳祥、禳凶辟邪的观念,承载着湘西人们对美好生活的愿景。例如云纹、水纹等纹饰,有着祈祷丰收、降水的愿望,体现出了湘西人民对于大自然的依赖和崇拜心理。

2.2 凤凰纸扎色彩分析

凤凰纸扎与湘西民俗活动有关,并且常用在祭祀或节日中彰显喜庆吉祥。因此,它的色彩非常丰富,包括赤、橙、黄、绿、青、蓝、紫等各种颜色,还根据不同的用途调整不同的冷暖对比。比如,游艺型的纸扎强调的是幸福祥和,所以多用大红、明黄等明度极高的颜色来进行装饰,如小狮子头纸扎(图1)。祭祀、丧俗中的纸扎用于庄严肃穆甚至带有神秘恐怖的场景,这些纸扎的颜色就以中性色彩和冷性色彩构成,多为黑色、蓝色等颜色。同时,手艺人还会通过调整色彩的明度、面积大小、纯度,让凤凰纸扎的色彩变得更加丰富多彩,使凤凰纸扎呈现出别具一格的色彩特征。

图1 《小狮头》(图片来源:网络)

这些色调被工匠们赋予了情感,有机地组合在纸扎造型的表面,黑白相间,红绿相映,单纯中显示丰富,对比中见到和谐,使纸扎工艺品更具有鲜明的民族特色和强烈的装饰风格。

3 色彩设计要素分析

3.1 色彩理论阐释

色彩是设计中不可缺少的元素,它是一种视觉形态,比图形和文字更容易给人留下深刻印象。色彩在用户体验的感官体验中占据很大一部分,所带来的视觉影响力和冲击力也是最大的。色彩有三个基本属性,即明度、色相和纯度。根据色相、明度和纯度,颜色又通常分为冷色和暖色。冷色是会给人带来寒冷感觉的颜色,如青色、蓝色;暖色是会给人带来温暖感觉的颜色,如红色、橙色。每一种颜色都有着它所代表的视觉意义和象征意义,所以我们在设计中要合理地运用好每一种颜色。

3.2 色彩设计要素

3.2.1 色相

色相(图2)是色彩的首要特征,是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性,而色相也就是由原色、间色和复色来构成的[3]。最初的基本色相为:红、橙、黄、绿、蓝、紫。基本色相之间相互过渡,形成首尾相接的色相环。APP界面在确定主色调时,应从色相中挑出符合APP特质的颜色,然后再从中搭配选取辅助色,共同组成界面颜色的基调。

图2 色相、明度、纯度色表(图片来源:网络)

3.2.2 明度

明度(图2)可以简单理解为颜色的亮度,不同的颜色具有不同的明度。任何色彩都存在明暗变化[4]。其中黄色明度最高,紫色明度最低,绿、红、蓝、橙的明度相近,为中间明度。我们在进行界面颜色设计的设计时,应避免使用明度过高的颜色和过低的颜色,这两种颜色会使用户在使用时眼睛感到不舒服,进而影响用户体验[5]。但同时,我们要选取一些能适当提亮画面的色彩,给用户带来明快的心理感受和审美体验。

3.2.3 纯度

纯度(图2)是指色彩的鲜艳度,通常是用颜色的深浅来区分纯度的高低。不同的色相明度不同,纯度也不相同。一种颜色纯度越高,颜色便会越鲜艳,就会给人呈现出一种活泼向上的感觉。相反,纯度越低的颜色,呈现出的感觉也会有些低沉肃穆。

在APP界面中的颜色通常会选取纯度较高的颜色与低纯度颜色进行对比,以此来强调重点内容,提高画面的有趣性,增添画面设计感。

4 APP界面色彩设计原则

4.1 整体性原则

APP的界面设计应在布局结构、页面风格、设计语言、设计色彩上都保持一致。具体在色彩设计中,即表现为界面的主色调以及副色调应当在每个层次的页面中都具有一致性,要具有联系性。要确保用户从看到APP的启动图标,到界面内部的某个操作页面,所感受到的色彩是风格相同的、有关联的,不会出现过于突兀的、影响页面搭配的色彩,要确保用户在感官体验上获得美的享受。

例如,网易云音乐APP,从启动图标到页面背景包括icon设计,全都运用了APP的主色红色,满足了整体性的原则,使用户使用起来具有舒适和谐感。

4.2 简洁性原则

APP的界面需要简洁明了,简洁简易的页面能够减少用户对该产品的学习时间。从视觉角度上来说,简洁性的色彩会给予用户一种干净整洁的感觉,不会使界面呈现出一种复杂的感觉。从使用角度上来说,简洁的色彩会给用户带来直观的感受,不会妨碍APP的使用。颜色过多会打扰用户的思绪,打断使用进度。醒目、简洁的色彩设计,可以给用户提供最直观、最准确的视觉效果界面的“简洁性”即“简化”,不是信息传递减少或缺少,而是将复杂信息进行整合和重新组织。但是,简洁并不意味着简化,如果过度简洁的话,会容易造成界面颜色单一,缺乏趣味性。

以抖音APP为例,抖音的音符logo设计是模拟受到电波干扰后,在抖动的视频里截取的其中一帧。APP的logo设计背景选用了黑色,有沉浸式体验用意。在黑色主色调的背景下,彩色logo简洁又生动地呈现出来,给人一种有趣的感觉。

4.3 平衡性原则

平衡性原则,是指色彩在APP界面的布局上要有合理性,所占面积要适度、颜色对比要适度。界面中主色调与辅助色的面积搭配与占比要有一定的节奏性,不能将色彩大面积地堆积在一起,也不能一种颜色运用到底毫无变化,应进行一个合理的规划,使颜色之间搭配和谐、排列有序。同时,要合理地运用互补色、对比色,展现出色彩的设计之美。

例如在闲鱼APP的界面中,除了主色调黄色贯穿于整个APP界面中,它的互补色蓝色也被运用于界面中,用来作为主题banner。这种颜色的搭配与互补的利用,就会使整个页面更加生动有趣。

5 凤凰纸扎APP界面色彩设计策略

5.1 强调主题

用户在使用APP时,色彩所带给用户的感官体验是很重要的,第一眼凭借颜色就可以确定APP的主题。因此在设计前,我们需要根据APP的主题来选取合适的色彩,用色彩来表达内容,强化主题,呈现出与其他APP不一样的界面设计。通过色彩来吸引用户,引导用户进行浏览。例如小红书APP,它的主色调红色十分鲜明的表达出了主题,并与产品名称也结合到了一起,人们看到其第一眼就会被其红色的启动所吸引,其图标颜色与其正能量与美好生活的主题完美吻合。

5.2 引导视觉

在APP的界面设计中,颜色还可以用来划分不同的页面区域。用不同的颜色来分割版面不同的内容,区分内容的主次,使整个页面的布局结构更加清晰、合理。同时,还可以用鲜艳的色彩来突出主要内容,引起用户的注意,刺激用户的感官体验。例如,电商平台的首页:推荐商品的banner、产品分类的图文导航它们的颜色互有联系但却不一样。推荐商品的banner的颜色会比产品分类的图文导航更加鲜艳亮眼,在整幅页面中有着很好的宣传效果,会轻而易举地获得用户的关注。

5.3 引起共鸣

在APP的界面中,能给人们留下第一印象的往往是色彩,不同的颜色会向用户传递出不同的情感,比如:沉闷的黑色,热情的红色。同时,由于用户年龄和性别不同原因,喜欢的颜色也有着一定的差别,比如女生喜欢粉色、白色、天蓝色等,男孩喜欢黑色、绿色等颜色,而儿童喜欢纯净、明亮的颜色。所以在APP界面设计中要多运用能吸引用户、引发用户共鸣的色彩,使用户在使用APP的时候会有愉快、轻松的感觉。

5.4 表达特性

在APP界面设计中,色彩除了强调主题、引导视觉、引发共鸣外,还要表达APP品牌的特性。例如美团APP,黄色的界面会给人一种快捷与充满激情、热情好客的感觉。黄色是激情,代表着温暖,象征着致力于为用户提供更有品质、更有温度的一站式生活,帮助人们走近更美好的生活的品牌理念。所以我们要合理地使用好颜色,在吸引用户注意力的同时,还要体现出APP的特性,符合APP的调性。

结合以上设计策略,在凤凰纸扎APP界面设计中,界面的颜色以从凤凰纸扎中提取的红色、明黄色为主,在明黄色的基础上,引入凤凰纸扎中的冷性色彩搭配使用,合理地调整色彩的纯度、大小以及明度(图3)。红色、明黄色可以明确地表达出凤凰纸扎古老、但又充满着活力的气息,不同纯度的红色和红色可以很好地区分主次,互补冷色可以用来强调重点。通过合理地分析设计后运用到凤凰纸扎APP界面中,将会具有不错的艺术效果。

图3 凤凰纸扎APP界面色彩设计(图片来源:作者设计)

6 总结

色彩具有独特的魅力,是设计中不可或缺的元素,在界面设计中更是占据非常重要的地位。一个优秀的APP的界面,它的色彩运用不能仅从设计师的方面去考虑,还要结合用户的多方位的感受去进行设计,符合用户体验的色彩运用,才称得上是好的色彩设计。

本文以凤凰纸扎为研究载体,对其进行色彩研究与分析,然后基于用户体验的基础上,探讨其APP界面色彩的设计准则,研究其APP界面色彩的设计策略,科学合理地运用色彩。对非遗APP界面的色彩搭配提供一定的参考意义。希望通过本课题能够引起凤凰纸扎在设计中有更深层的思考,让用户去更广泛地传播学习凤凰纸扎技艺,以达到对凤凰纸扎艺术进行保护及传承的目的。

猜你喜欢
色相明度界面设计
《京燕儿》APP界面设计
苏联八色相环由来考述
——兼论八色相环的内涵
中医养生APP界面设计
“共享员工”平台界面设计
基于Coloro色彩体系不同色深公式的颜色深度研究
面向智能手机的UI界面设计
高效液相色谱在食品安全检测中的应用
色相、心相与舞台造型——民国京剧批评中的“扮相”品评
浅谈中学生对色彩的认识与表现
印刷颜色的明度预测评价