- 相关推荐
色彩在手机界面设计中的运用
在日常学习、工作生活中,许多人都写过论文吧,论文是指进行各个学术领域的研究和描述学术研究成果的文章。你写论文时总是无从下笔?下面是小编帮大家整理的色彩在手机界面设计中的运用,希望对大家有所帮助!
色彩在手机界面设计中的运用1
随着通讯时代和信息时代的到来,新一轮通讯工具设计也层出不穷,手机作为大多数人联系与通讯的工具几乎覆盖了所有人群,不管是老年人,青年人,男人,女人几乎都有一部属于自己的手机,每款手机都有自己独特的界面设计,人们选择购买手机时,给人最深刻的第一印象是手机的外观形象与手机的界面色彩,如今世界各国在手机的硬件层面不断突破,技术方面也相对成熟,当下人们更青睐于手机界面的视觉效果,而色彩是手机界面效果最直观的表现形式,它无时无刻的影响消费者的注意力,不同的色彩给人的心理感受是不一样的,只有合理的利用色彩才可以做出成功的手机界面。
世界是色彩斑斓的,人们从色彩中体会自己真实的感受,手机界面的色彩一样能够给人带来激情。在手机界面设计中,色彩起着至关重要的作用,色彩是随处可见的,文件夹、浏览器、图标、文字,它几乎无处不在。不同的消费者对色彩的喜好和敏感度是不相同的,色彩决定着设计的成败,设计师们巧妙的运用色彩设计给人产生一种心理错觉,从消费者角度出发,抓住消费者的心理需求,从而满足不同的消费人群。因此色彩是手机界面设计需要考虑的首要因素。
一、手机界面中的色彩的认知
1.色彩三种模式
当我们看见一个东西时就能识别出它的颜色,我们的眼睛能够识别颜色,例如:红、橙、黄、绿、青、蓝、紫,这些都是色彩名称,人的第一种反应看见他们就可以认出它的颜色,色相在英文名中用Hue表示,所以它的简写是H。当我们识别颜色时,同样的红玫瑰,有的花朵颜色红的鲜艳有的不够鲜艳,因为在色相一致的情况下色彩存在第二个属性叫做色彩的饱和度也叫色彩的纯度,在英文中它的缩写是S,如果仔细观察在色相和纯度一致的情况下,色彩还会有明暗的变化,这是色彩的第三种属性,我们称之为明度,在英文缩写中我们称之为B,一个颜色正是因为有了色相,饱和度,明度,这个颜色才被丰富起来,HSB它只是一种颜色选择的模式而存在,方便我们直观认识色彩,它并不是计算机色彩模式,而是颜色表现模式,真正对图像进行数据计算的是RGB和CMYK。
手机界面中很多图标都包括红、绿、蓝三种颜色,这三种颜色是最容易识别的,分别以它们英文开头大写字母R、G、B缩写来表示,这是光的三原色,是发光色(图1),所有发光物体都是通过这种方式来显示,例如:显示器,投影仪,电视、手机屏幕都是发光体,这些光色都是通过RGB显示的,每一种颜色模式都会对应一种媒介,HSB对应的媒介是人的眼睛,而RGB对应的媒介是光色即发光物体,也就是不通过别的光线照射,直接通过空气传播就可以到你的眼睛里面。RGB三色相交,中间相交部分得出另一种模式CMYK,我们的手机界面是显示在屏幕上,因此我们最常用的是RGB模式,这种模式最常用在显示器上。
CMYK模式主要是在印刷中需要用到,CMYK指的是色的三原色,也指印刷三原色,(图2)分别是青、品红、黄,理论上我们通过CMY的配比是可以得到黑色,但是在实际工艺中我们是达不到非常之纯的油墨,因为它会有杂质,只要有杂质它就不会充分的融合交融在一起,所以它不可能得到真正意义上的黑颜色,CMY是得不出真正的黑颜色的,因此加入了一种黑色油墨方便印刷,BLACK,已经被RGB所使用,我们用 K来表示黑色,我们印刷时是通过油墨印刷,这三种颜色通过油墨不同浓淡和配比可以得出更多丰富的颜色,CMYK是光反射到纸张上产生了一定的吸收和漫反射之后再回到人们的眼睛里,在手机界面设计中CMYK模式不适合使用,它适合用来制作印刷设计品,RGB模式相对CMYK模式更适合使用,它是手机界面设计的重中之重。
图2
2.色彩的分类
色彩分为无彩类和有彩类两种,在色彩中,白色、黑色、以及由黑白两色相融而成的各种深浅不同的灰色称为无彩类。它们不包括在可见光谱中,不能称为色彩,但从视觉上来讲,它们有完整的色彩性质,应包括在色彩体系中。过去传统的手机还没进入智能化时代,那时手机界面都是黑白灰三种色彩,属于无彩类界面。
随着技术的改进,手机界面步入彩色化,各种美观的界面层出不穷,与无彩类对应的有彩类是指红、橙、黄、绿、青、蓝、紫等基本颜色,这些基本颜色之间不同量的配比会产生无数种颜色,无彩色和基本色混合所产生的颜色都属于有彩类。随着信息时代和商业化时代的到来,有彩类的.界面必将成为未来趋势的主打界面。
二、色彩在手机界面中的影响
1.不同年龄影响
色彩主题设计已经逐渐成为手机界面创造过程中不可或缺的基因,色彩影响着人们的视觉注意力更大程度的激发用户购买的欲望,在手机界面设计时,界面的色彩需要针对不同年龄的用户,不同的年龄对于色彩的选择和喜好是不同的,在研究中发现色彩偏好基本上很难达成一致的结论。
对于儿童而言,在幼儿时期,小朋友认识的字有限,五彩斑斓的颜色更能吸引它们的注意力,丰富多样的颜色使它们的性格更加自信开朗,为它们的视觉发育提供一定的推动力。儿童手机的界面色彩选择要紧扣儿童的心理,采用一些能突出儿童喜好的颜色。
青年人洋溢着青春活力的气息,它们更加注重个性和时尚,以它们为主题的手机界面用色偏向于亮色系列,比如橙色,橙色是仅次于红色波长光波的暖调色彩,它使人感到欢快活泼、兴奋不安,具有启发人积极向上的作用。
随着信息时代的到来,老年人与在外工作的子女沟通加剧,手机在老年市场也十分活跃,老年人是一个特殊的群体,通常情况下,它们倾向于安逸平静的色彩,平静的色彩不会造成紧张的心理情绪,有利于它们的身心健康,在选择产品时它们不喜欢过于激烈浓度较高的色彩界面,选择使人感到平和舒服的色彩更符合老年人的审美。
2.不同性别的影响
男人通常比较爱运动,执着,自信,个性沉稳,比女人更加理智,在选择界面时偏向冷色系,酷一点的界面,在色彩上往往使用了比较理性的色彩,比如蓝色,黑色,来显示男性的高格调气质。
女人通常比较感性、浪漫,粉色系列往往受到很多女士的欢迎,各大手机界面不断以粉色作为攻势,粉色是一个有着大自然温和而柔美的颜色,粉色系列的界面没有红色的张狂,没有白色的内敛,它有着朴素迷离的委婉,娇滴滴的柔情,隐隐绰绰的爱恋,粉色的界面相比其他颜色更能吸引女性。
3.不同性格的影响
色彩是情感的语言,色彩对人的心理和生理影响很大,性格不同的人对色彩的偏好各不相同,一个人所偏好的颜色常常可以判断其性格,根据调查,喜欢红色的人:性格耿直,喜欢张扬,以自我为中心,反应敏锐,感情多变。喜欢橙色的人:坦率,热情,性格开朗,自控能力较弱。喜欢黄色的人:勤奋进取,责任心强,善于同别人相处,办事有条理。喜欢蓝色的人:内向,孤僻,沉默,不求名利。
4.不同区域文化的影响
在不同的国家,不同的地区,人们对色彩感知,往往受到风俗习惯和文化的影响,食物的构成方式也有所差异。但在同一区域,色彩的风格和表现形式会存在很多共性,就整体而言西方国家偏好于色彩明度比较低纯度较低,趋于理性的手机界面设计。
三、色彩在手机界面中遵循的法则
1.色彩统一法则
在一个界面中,画面的色彩千变万化,使用色彩塑造手机界面设计时,必须按照色彩的配置原则使用色彩,如果整个手机界面的色彩呈现毫无规律、多种颜色杂乱叠加时,那么这样的界面无法使人产生美感。从而,需要有某种能够统筹全局的东西,使画面在变化与统一中有机的保持整体与和谐的关系,才能是消费者获得艺术的美感享受。
(1)色彩与界面风格统一
色彩与风格统一是界面设计成功的基本条件,色彩的选择与界面的风格相冲突,不仅使人视觉上感觉不协调,还会破坏界面中信息的传播,甚至会起到消极作用。色彩的形式要服从风格的内容需要,才能取得理想的效果。
(2)色彩与审美需求的统一
色彩与审美需求统一需要人们在生活中不断的视觉经验积累,与人们的日常生活体验密不可分,比如,芒果是黄色的,感观上是甜的,如果把它换成青色,就会觉得酸涩了,这样难免令人产生不舒服的感觉,让人觉得乏味,没有生机活力。因此色彩应该给人舒适、怡人的视觉体验,界面的色彩与审美需求是相互补充、相互影响的,统一是界面和谐的基本前提。
2.色彩的节奏法则
节奏一词来源于音乐、舞蹈,节奏不仅限于声音层面,在艺术中可通过视觉来表现,色彩上的节奏是通过色相、明度、纯度的渐变、反复、动态等形式把各种变化因素加以组织,构成前后连贯的有序整体。
(1)色彩的渐变节奏
色彩的渐变节奏是通过色相、明度、纯度以及形状、面积等因素进行等比级数的渐变或等差级数的渐变,从而产生鲜明有力、规则条理的韵律感与节奏感。
(2)色彩反复节奏
色彩的反复节奏通过某一色彩组合的规律性重复,从而产生秩序、条理、连续的节奏与韵律,是一种规律变化的秩序美。
(3)色彩的动态节奏
色彩的动态节奏通过强烈的明暗与色相对比,通过不对称的布局、重心偏移等方法,使界面产生动感的韵律。
3.色彩的呼应法则
呼应是与对比相联系的,差别大的色块容易失去色彩平衡,这时,必须要考虑到色与色之间的呼应关系,从而取得视觉平衡。在呼应中根据构图需要,以点、线、面的形式来进行疏密、虚实、大小的丰富变化,才能使画面产生和谐、统一的美。
四、色彩在未来手机界面中的展望与发展
经济的飞速发展,可以说中国国内手机市场已十分成熟,手机竞争也进入到了一定层次,作为“视觉之首要素”的色彩扮演着不可估量的重要角色,享誉欧洲的瑞士艺术家、理论家、教育家约翰内斯.伊顿曾在他的色彩艺术中写道:不论造型艺术如何发展,色彩永远是首当其冲的造型要素。所以如果我们能在手机界面设计中恰当运用色彩,就能使其形态和功能特点更加明显,突出产品特性。未来的手机界面设计中,色彩占有主导因素,色彩设计的发展贯穿于手机界面的各个阶段,人们对界面的色彩要求也越来越高,在这种背景下,有必要加强对色彩各方面的研究,为建立合理的界面打下良好的基础,积极寻找解决的方法,才能创造出合理的界面设计。
色彩在手机界面设计中的运用2
随着电子科技的不断进步和更新,人们在生活中对手机APP的要求也随之提高。在手机APP种类日益丰富的趋势下,APP的色彩设计得以发展,因此APP界面设计也逐渐成为设计艺术的一部分。APP界面的色彩设计不仅可以突出主题,表达出APP的整体风格,还可以使APP界面有层次感,使内容主体更加鲜明。
色彩设计也有吸引用户,向用户传递情感而产生共鸣,传递独特的品牌特性的作用。本文试将色彩在APP界面设计的重要作用做了以下几点分析。
二、突出主题色彩在APP界面设计中有突出主题,使APP界面形成整体页面风格的作用。
APP界面中不同的内容需要由不同的色彩来体现,不同的色彩往往会使功能、种类各不相同的APP界面产生不同的风格特点。在确定APP界面的颜色时会首先考虑到APP的主题,根据主题使界面中的内容与色彩相结合,从而形成特有的`页面风格。
以网易云音乐APP为例,网易云音乐作为一款音乐类软件,其受众人群为追求个性与音乐品质的年轻群体,这些人中包括歌手,音乐制造人,狂热的音乐艺术爱好者和一些普通听众。
与此同时,网易云音乐注重以音乐为兴趣点社交功能,从歌曲评价,到歌单、云村的社区功能使更多人不同的人交流各自的想法,使用户感到温暖。所以网易云音乐的标志性红色在个性化和人性化的设计风格中得到了很好地体现。
三、引导视觉色彩在APP界面设计中有划分区域、引导用户视觉的作用。
APP界面的主要任务是向用户传递可用信息,在视觉设计中经常使用不同色彩划分视觉区域,这种方法在APP界面中同样适用。利用色彩在对版面内容进行布局和划分使版面清晰合理的同时,也可以使用明亮颜色的色块突出主要内容,吸引用户。
以淘宝APP的首页为例,状态栏和导航栏使用色块进行划分,双十一活动与促销活动信息使用不同色块进行划分,与背景颜色相比色彩更加明亮,打破了单一排版的视觉疲劳感。
其中,双十一活动信息的商品使用饱和度更高的颜色作为背景色,在页面中起到突出效果。在支付宝和中国建设银行的APP首页中,同样使用相同色系进行配色,但通过颜色的变化来突出活动的内容。在支付宝APP的首页中通过更加引人注目的橙色和红色来突出“瓜分20亿红包”的活动内容。
而在中国建设银行APP中使用深蓝色来突出“非居民金融账户涉税信息尽职调查”的重要信息。这些都使用户集中视线,更加容易注意活动信息,还使颜色与整体色调进行呼应,保持了整体页面的协调感和统一感。
四、引发用户共鸣色彩在APP界面设计中有吸引用户、引发用户共鸣的作用。
在应用市场中,APP应用的数量极为庞大且种类丰富。要使APP脱颖而出,那么用户的第一体验感就极为重要。在用户首次下载使用APP时,色彩往往会给用户留下重要的第一印象。首先,不同的色相可以向使用者传递不同的情感,如蓝色的寒冷、红色的热情。其次,由于用户的年龄、性别等原因,不同的人对色彩的感受是不同的,比如女性大多喜欢粉色、蓝色、紫色等,而男性大多接受饱和度较低颜色,如深蓝、墨绿等,儿童大多喜欢高纯度的明亮颜色。在APP界面的色彩带来的直观感受与用户的审美产生统一时,用户往往会感觉到色彩带来的愉悦感。
五、传达品牌特性色彩在APP界面设计中有向大众传递品牌信息和品牌风格的作用。
色彩不仅在物质上使万物绚丽多彩,而且也具有丰富的象征意义。不同的颜色会具有不同的象征意义,这样导致人们对色彩产生不同的道德感与价值感以及心理感受。在种类繁多的APP中,不同的类型的APP都有自身的色彩意义。
360为主营安全相关的互联网公司,旗下产品有360安全卫士、360搜索等。绿色大多向人们传递出传递安全、健康的视觉意义。公司将绿色为公司的主要颜色成功向用户传递出软件的安全性与可靠性,将公司的绿色形象深入人心。网易作为中国知名的互联网企业,旨在通过互联网技术的发展,在人们的生活中搭建信息交流和共享的平台。
网易使用红色作为公司的主要颜色,红色大多代表积极与乐观,同时红色在传统文化中大多表示吉祥与热闹,这些色彩意义与网易公司注重人与人之间的交流与凝聚力的观念十分相似,网易将红色与自身结合起来,使公司的观念与形象深入人心。
色彩在手机界面设计中的运用3
辅助认知
良好的色彩搭配可以帮助用户进行信息导引以及简化部分操作, 如可以通过同一色彩下不同的明暗度来表示标签页的打开状态或隐 藏状态,从而帮助用户减少认知失误的概率。同时,运用人们默认 的某些颜色模式来起到信息提醒的作用,如灰色的按钮代表不可点 击,绿色的按钮代表可继续操作,红色的弹框代表出现错误等,用 户甚至不用仔细阅读文字提示便可以根据既有经验做出正确的操作, 可以有效降低认知负担。
调动情感
前文已对色彩的情感功能做出了相对具体的`阐述,而这也是其 价值的所在。品牌或开发者可以选用某种特定色彩来作为企业的代 表色,与广大用户建立情感联系,当用户熟悉了该色后便可在第一 时间调动对品牌的认同感,从而吸引用户进入 App,比如快餐巨头 肯德基的 App,其鲜艳热烈的红色成为了它鲜明的品牌标志,用户 即使视线快速扫过,也很容易联想到它美味的食品,从而诱使用户 点开 App 查看有无新品上市,隐形中增加了产品销量。
提升美感
色彩向来便是艺术的表现手法之一,设计师通过高超巧妙的色 彩搭配可以很大程度上增强 App 的艺术性和美观性,从而提升 App 整体的审美价值。如爆款国产中国风游戏《江南百景图》便因其古 典高雅的国画配色和考究的画作细节而受到众多游戏玩家的赞誉, 极具中国古典美的色彩运用是其成功的重要因素。
色彩在手机界面设计中的运用4
手机界面设计如何配色?
配色是每一种手机软件在手机界面设计当中的一个重要内容,因为大家的每一个软件其实打开的时候都有一个基础的色调,比如有一些是冷色系,有一些是冷色系,有一些比较成熟稳重,还有一些一打开就比较活泼艳丽,这都是因为每种软件的风格以及类型是不同的,所以在进行手机界面设计的时候,应当根据手机APP的形式以及内容来进行色彩的选择和搭配,这样才能够符合用户的体验。
配色有什么重要性
之所以手机界面设计当中配色这一个内容如此重要,是因为每一种颜色都有它自己的语言。比如开发儿童学习以及儿童智能APP的话,就不适宜使用一些冷色调以及灰暗的色调,而应该选用一些明亮的颜色,比如红,黄,蓝这种比较符合儿童心理的颜色。同时在配色的时候还应该考虑手机软件的整体页面布局,在整体的页面上可以使用颜色渐变或者是颜色交叉不同的'色彩调配,这样配置出来的布局才能让访客者满意。
每一种不同的配色,它所展现出来的视觉观感都是不一样的,如果大家想了解不同类型的产品案例,可以到faceui的网站上面来了解一下不同行业的手机APP界面有什么特点。
色彩在手机界面设计中的运用5
1、借鉴色彩心理学
在设计App界面是时候,第一我们必须知道我们针对的客户人群是哪些人,或是哪些年龄阶段的人群。站在消费者角度,色彩能够在理解和决策阶段起到一定的影响作用:
黄色:吸引注意力的购物窗口;
红色:刺激心血的紧迫感,常出现在清仓场景;
蓝色:多用于银行和商业机构里,强调安全;
绿色:让人联想到富裕和轻松,缓解压力(支付宝的信用卡还款按钮选择了绿色作为主色调,能够理解原因了吧);
橙色:呼叫意味浓厚,用于创建下订、购买、出售的行动;
粉色:服务于女性和年轻女孩的浪漫色调;
黑色:强大而沉稳,是奢侈品的最佳匹配;
紫色:给人舒缓&平静的感受,常被美容及抗衰老产品使用。
举个例子,淘宝的网站和App就是以橙色为主色调,刺激了人们的购买欲。还有的App使用了两种或更多色彩的搭配,比如中兴通讯最近出的一款叫做《手机汇》的App,从Logo到界面,都是以黑色为主色调,搭配以黄色。黑色严谨庄重,黄色靓丽,吸引人眼球。
2、追求主题一致性
一款手机App应用首先是通过界面将整体性格传递给用户,体现了界面上风格营造的氛围,属于产品的一种性格。视觉设计的姿态决定了用户对产品的观点、兴趣,乃至后面的使用情况。App界面的视觉设计制作可以帮助产品的感性部分找到更多的共性,或者规避一些用户的可能抵触点。
主题是对App提供一致性色调的方法。样式指定了表面的亮度、阴影的层次和字体元素的适当不透明度。为了提高应用的一致性,色彩和主题最好能够对应起来。比如《手机汇》是一本提供数码资讯和潮流科技的高端手机杂志,上面也说了,黑色强大而沉稳,与手机汇的科技感、高端质感不谋而合。
3、使用色彩渐变设计
iOS从7开始,采用了色彩新鲜的渐变效果,老实说,每个设计师都应该掌握这种最简单的'装饰技巧。而且渐变效果千变万化,好的渐变效果能够成就一款设计,而糟糕的渐变效果会毁了一款设计。渐变效果的好坏取决于“色彩调整”以及“整个主题的搭配度”。除此之外,渐变效果还可以根据“流行色”来进行适度的调配。现在流行使用黑色渐变,再加上白色的字体,线条简练的图标,整个界面将变得非常极简且高雅。
4、采用扁平化设计
扁平化设计本质上只是设计美学中的一种,与仿古、高光及金属质感等视觉效果相同。它的特点在于,采用单色极简的抽象矩形色块,光滑,现在感十足,简单直接地将信息和事物的工作方式展示出来,减少了用户认知障碍。《手机汇》的登录见面,就采用了扁平化设计,界面和交互简约,信息显得更直观。
5、总结
App界面设计不是有多复杂才给力,或者说有多炫才靠谱,一个简约而又不平凡的高效界面才是一个灰常赞的界面设计。
【色彩在手机界面设计中的运用】相关文章:
浅论软件界面设计中的色彩运用03-05
浅谈色彩在包装设计中的运用及规律03-28
探析影视动画场景设计中主观色彩的运用03-19
浅论影视动画场景设计中主观色彩的运用03-27
动画电影中色彩元素的运用11-30
浅析建筑室内设计中色彩元素的创新运用03-18
传统纹样在现代设计中的运用分析03-01
美术艺术造型色彩中美术设计的运用论文11-07
论动画场景设计中的色彩应用12-03