童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

浅谈网页设计中的色彩理论

7月27日 九阙忬投稿
  无可争议的是,色彩是任何设计领域中最重要的一方面。
  设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点。
  一、颜色术语
  你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩。
  色轮的主要组成
  所有的色彩能在一个色轮中呈现。在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色。
  三原色分别是红色,蓝色和黄色。这些色彩是基础色,他们组成了色轮上的所有其他颜色。
  把原色混合在一起,你就能得到辅助色,它们是橙色、绿色和紫色。
  二、颜色的关系
  描述颜色有大量的术语,了解这些术语将有助于我们讨论的色彩和色彩的情感含义。
  互补色是互补互调的色彩,它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色和黄色、以及红色和绿色。
  邻色是色轮上相毗邻的色彩,所以当邻色一起用时,可以是很好的搭配,但不会有明显的对比。
  第三颜色是由中间色组成的,例如黄绿色和蓝绿色,即由一个原色和一个辅助色混合组成。
  三、基于情感的色彩群体
  一些色彩群体是和情感联系在一起的,比如温暖、冷静和中立的情感。
  暖色能让人感觉到温暖,例如红色、黄色和橙色。
  冷色让人联想到凉爽和寒冷,例如蓝色,绿色和紫色。
  中性色,顾名思义,并不创造怎样的情感。像灰色和棕色就是中性色。
  了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义和特定情感,并彰显优势。
  四、设计中颜色的类型
  这里有两种不同的颜色系统,两者的运用取决于你设计什么。
  RGB是这个色彩系统中三个基本色“红、绿、蓝”的英文缩写,这三种基本色是光的三原色。RGB运用在电视电脑屏幕和任何类型的屏幕上。
  CMYK是“青色、洋红、黄色、黑色”的英文缩写,这些颜色是颜料的原色,CMYK被运用于印刷。
  网页上的设计是建立在RGB色彩系统上的。
  五、明智地选择色彩、传达意义
  色彩理论是运用颜色背后的意义给用户带来感官体验的实践所得。这种实践经验再加上一些知识和想法可以运用到网页的设计中去。
  人们往往不会同意一些特定色彩的含义以及设计师们应该用哪些颜色来加强特定的情感。但无需争论的是,客户对颜色是有情感的反应的。
  当为你的设计品选择颜色时要慎重,不要无目的地使用颜色。你所选择的颜色要适合你的目标受众、能表达客户希望你传达的信息,能符合你对用户在你的网站所获得的整体感受的期望。
  暖色能带来阳光明媚的情绪,用在希望带来幸福快乐感觉的网站上是明智的。举一个例子,在2009年全球经济不太好的时候,黄色变成了网页设计中非常流行的色彩,因为公司希望顾客在他们网站上有到阳光和舒适的感受。
  冷色最好是用在想要表达出专业或整洁感觉的网站上,以呈现出一个冷静的企业形象。冷色表达出权威、明确和信任的感觉。例如,冷静的蓝色用在许多银行的网站上,比如大通银行。冷色运用在以乐观为主题的网站上是不明智的,因为用户会得到错误的印象。
  六、颜色对于用户的意义
  大多数颜色能表达积极或消极的情绪,这取决于它是怎样被运用的,以及周围其他的颜色,还有网站本身的内涵。
  以下是一些流行色彩的普遍意义。
  红色
  红色象征着火和力量,还与激情和重要性联系在一起。它还有助于激发能量和提起兴趣。
  红色的负面内涵是愤怒、危急和生气,紧急情况下,和愤怒,这也源于红色本身里的热情和进取。
  橙色
  橙色是色轮上红、黄两个邻色的组合色。橙色象征着幸福,快乐和阳光。这是一个欢快的色彩,唤起孩子般的生机。
  橙色没有红色那么积极,但是它也有一部分这样的特质,刺激着心理活动。但它也象征着愚昧和欺骗。
  黄色
  明亮的黄色是一种幸福的颜色,代表着积极黄色特质:喜悦,智慧,光明,能量,乐观,和幸福。
  一个昏暗的黄色则带来负面的感受:警告,批评,懒惰,和嫉妒。
  绿色
  绿色象征着自然,并且有一种治愈性的特质。它可以用来象征成长与和谐。绿色让人感到安全。医院经常使用绿色。
  另一方面,绿色的是金钱的象征,表达着贪婪或嫉妒。它也可以被用来象征缺乏经验或初学者需要成长(“没有经验的绿色”)。
  蓝色
  蓝色是一个和平、平静的颜色,散发着稳定和专业性,因此它普遍运用于企业网站。蓝也可以象征着信任和可靠性。
  一个冷调的阴影能带来蓝色消极的一面,象征着抑郁,冷漠和被动。
  紫色
  紫色是皇室和有教养的颜色,代表着财富和奢侈品。它也赋予了灵性的感觉,并鼓舞创造力。
  较浅的紫色可以散发出一种神奇的感觉。它能很好地提升创造力和表达女性特质。
  较深的紫色可以呈现出沮丧和悲伤的情绪。
  黑色
  虽然黑色是不是色轮的一部分,它仍然可以被用来暗示感觉和意义。它往往是与权力,优雅,精致,和深度联系在一起。据说在面试时穿黑色服装可以表现出应聘者是一个有力量的个体,网站也是同样的道理。
  黑色也可以被看作是负面的,因为它与死亡,神秘和未知联系在一起。这是悲伤、悼念和悲哀的颜色,因此在运用时必须明智选择。
  白色
  白色,也不是色轮的一部分,象征纯洁和天真。它还传达着干净和安全。
  相反,白色还可以被认为是寒冷和遥远的象征,代表着冬天的严酷和痛苦的特质。
  七、大公司的网站中颜色运用的例子
  我们来看看一些大公司的网站,来知晓他们是怎么运用颜色的,以及那些颜色对于他们的用户来说意味着什么。
  耐克
  耐克常常更新他们的网站,但通常还是黑色和灰色的色调,它通常是暗。黑色显示着他们产品中的力量,留给大家他们向爱运动的顾客出售优质产品的印象。
  白宫
  白宫的网站主要是白色和浅灰色,再加上一些蓝色和红色作强调色。白色象征着希望和自由,显露出平安和纯洁的价值。红色和蓝色当然是美国的代表色,红色代表着热情和能量,蓝色则代表着稳定与和平。
  亚马逊
  亚马逊的网站大多是白色的,白色有着最佳的对比度和可读性。它还显露出整洁性,让用户能自由地浏览网站。以橙色和蓝色的强调色则让用户能感到安定、兴奋,也让他们期望找到最满意的采购。
  Verizon公司
  红色是Verizon的企业品牌主色调,也是贯穿整个网站的颜色。红色有助于刺激用户的兴奋性,展示出一个出售让人兴奋和快速更新的产品的公司形象。白色背景的运用与亚马逊类似,通过一个整洁有序的界面来帮助用户阅读这个网站。
  百思买
  百思买的网站的色调是深蓝色,显露出他们在电子市场中的稳定和实力。顾客在百思买上的大量采购使得他们需要安全感与平和感。黄色散发的快乐气氛让他们在采购时感觉到兴奋与趣味。
  嘉信理
  嘉信理财是一家投资公司,在不稳定的市场环境下他们需要让消费者在他们的网站上感受到平和。他们使用柔和的深蓝色调来实现这一点,并建立起一种平静、祥和的气氛。中性的棕色则是另一种帮助协调偏激的用户感受的企业色彩。橙色作为强调色,能让用户在买股票时产生兴奋感,同时也为网站带来了幸福感。
  道奇
  道奇的网站大多是黑色系,能让网站上的图片凸显出来。他们使用一种鲜艳的红色作为强调色。黑色给网站带来力量感,在一种精致与阳刚的氛围下展示他们的产品。黑色是一种不错的颜色,它能使产品看起来珍贵、有价值。红色则表达出激情和兴奋,是希望能让消费者认为他们是从一个值得信任、质量有保障的公司购买到的车辆。
  全食食品公司
  全食食品企业品牌的主色调和他们的网站色调一样,是绿色。全食食品以较高的价格售卖健康的有机食品。网页设计中的绿色很好的展示了他们所珍视的健康与纯净的概念,以及他们亲近自然的产品。他们也用了很配绿色的淡黄色作为强调色,为网站增添了趣味性。
  八、颜色在网站中的运用
  不需要描述性的文字,颜色就能赋予网站以意义。无论你是否打算为他们加上某种意义,颜色本身就有许多特定的印象。用户浏览网页时,颜色帮助转移用户的视线,指引用户怎么去浏览一个页面。在许多企业的网站中可以看出,颜色表达了情感和价值观,向用户展示着他们的公司是怎样的、他们所售卖的产品是怎样的。
  仔细挑选补色能让你更好地运用颜色,一旦选定后你想要表达的意义也就显示出来了。
  配对色的运用能改变一个网站的意义。给以柔和的蓝色为色调的、表达出平静网站配上明亮的橙色,就能让它变成让人更多感受到兴奋和趣味的网站。
  也许你的客户认为你所设计的网站深灰色过多、太过严肃,加上柔和的蓝色能让你的网站有平静、平和的基调。
  九、与色彩运用相关的资源
  许多网站讨论过色彩理论和设计中的色彩使用。可以运用以下这些有用的资源来寻找色彩搭配和为你的网站设计注入更多的意义。
  《20个对设计师非常有用的在线配色工具》
  参考文献
  色彩理论维基百科
  颜色的含义ColorWheelPro
  颜色品牌:颜色背后的含义EveryJoe
  颜色:含义,象征性和心理Squidoo
  颜色方案的设计者3
  本文来自:http:blog。jobbole。com8597
  英文原文:http:sixrevisions。comwebdesignalookintocolortheoryinwebdesign
投诉 评论 转载

可读性:优化文本长度Readability:theOptimalLineLengthBaymard。com版权所有作者:ChristianHolst译者序:直接捞干的来了!……巧用“核心数据像素”打造出彩的用户界面设计导读:更新一个网页界面,对其进行重新设计和包装可以有很多种不同的方案。作者RianvanderMerwe认为在重新包装过程中,要首先肯定网页的用户需求、展望市场的总体趋势,战略……浅谈网页设计中的色彩理论无可争议的是,色彩是任何设计领域中最重要的一方面。设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具,所有设……为什么网站项目只需测试5个用户人们总是认为,用户测试是一个复杂且代价昂贵的事情。一个网站设计项目需要一个庞大的预算和长长的时间表。其实,可用性测试并非如大多数人认为的是浪费资源的事情。在你可承受的测试成本范……从网站到移动客户端应用如果你一直以来从事着相对传统的交互、视觉等方面的Web设计工作,而如今开始打算扩展视野、提升技能、随“机”应变,做一名移动互联网的弄潮儿那么本文很适合你阅读。相关领域中的几位牛……如何开始第一场可用性测试相信每个产品设计者都希望自己能够打造出非常棒,贴合用户的产品,而可用性测试是对产品提升作用非常好的工具,可以为产品提供很多非常有价值的内容,让你可以恰当的在产品与用户之间找到一……Affordance(可供性)和设计iOS键盘为什么iOS的键盘如此出色,其他系统的虚拟键盘虽然在尺寸上基本超过iOS键盘,而它们的视觉体验还是操作体验相比之下显得像一团渣,为什么?在比较分析之前,先……走出移动互联网的迷宫:网站移动化的方法策略眼下,移动互联网正扮演着越来越重要的角色,无论开发者还是普通用户,几乎所有人都在谈论它。传统互联网用户所习惯的那些访问内容、使用服务的交互方式正在被智能手机、平板电脑等设备迅猛……浅析手机WebApp的交互设计HTML5为提高手机网页的体验提供了诸多的可能性,交互效果越来越接近原生App,故而成为WebApp,有望将APP功能引向浏览器,让移动平台的竞争由系统平台转向了浏览器之间。……线框原型(线框图)的本质及实践应用概述家里小猫生病,从周二开始一直折腾到现在,仍在治疗与观察中。几年来经历过几次这样的状况,虽然每次都会恢复健康平安,但一旦再次置身这样的过程里,怎样也无法停止焦虑与担心。除了尽心尽……分解预订流程之“别墅型”前段时间针对一些热门的预订类网站进行了研究,感觉大多数预订流程都离不开这3个基本类型,我把他们叫成“别墅型”,“管道型”,“菜场型”别墅型:所有的产品都在自己家的预订流程……手机网页也FashionHTML5交互亮点解析白底黑字,只有链接是蓝色的;段落隔行只能用十个“”来默默的表现;图片都小小的,没有边框没有细节,每逢图片旁边都戳着三个小小的字写着:“看大图”,而在用户心里这三个字基本约等于“……
四象限分析法百度竞价推广转化效果分析利器0预算0粉丝,公众号如何做到单篇阅读1000,增粉200我花三个月看了200G网赚教程,领悟了你的网赚为什么不赚钱!爆料:许多老网站的站点LOGO停止显示SEO优化标题如何做才能更好的优化网站初创公司不知从何入手SEO?公司常用的快速排名的方法有那些?如今seo网站优化趋势SEO解密:网站迟迟没有排名的七大因素SEO入门教程技术学习分享框架今日头条SEO算法原理大揭密在网站中这样引进无法直接衡量的目标
武汉游记必须申请行政复议范围内的事项吗?灭火器使用保养知识产后服用减肥胶囊的副作用期末考试复习方法华为撑起的高端市场,小米OV们谁能接住?热传聚热点网 8。27正能量早安心语图片句子以驰骋的热血,燃起必胜的雄心幼儿园儿歌12首温和补水的洗面奶推荐做好基础护理的关键盗窃罪没有直接证据能定罪吗?新人试用期转正工作总结比特币等币购买出售指南

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界