网页设计配色应用实例剖析:橙色系讲解

橙色具有轻快、欢欣、收获、温馨、时尚的效果,是快乐、喜悦、能量的色彩。

在整个色谱里,橙色具有兴奋度,是最耀眼的色彩。给人以华贵而温暖,兴奋而热烈的感觉,也是令人振奋的颜色。具有健康、富有活力、勇敢自由等象征意义,能给人有庄严、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色,也是容易造成视觉疲劳的颜色。

在网页颜色里,橙色适用于视觉要求较高的时尚网站,属于注目、芳香的颜色,也常被用于味觉较高的食品网站,是容易引起食欲的颜色。

下面我们根据橙色系不同属性邻近色、同类色、对比色的搭配做不同的举例分析。

橙色   

→ 橙色网页例图:http:// www.wastelink.co.uk

橙色网页例图

橙色系分析:

主色调橙色HSB数值的H表示色相,显示的是30度,而30度正是橙色显示特征最标准的颜色——正橙色。饱和度和亮度同时达到最高值,因此整个页面的视觉刺激是极其耀眼强烈的。

这里选取了三种面积相当又是整个页面使用得最少的颜色为点睛色,使页面生动的同时又运用于导航位置,从而达到突出主题的效果。从HSB数值上看它们的明度纯度相对较低,与明度纯度较高的背景正橙色形成鲜明的对比。

通过范围较大的背景白色、前景图片灰白色和小细节前景白色文字制造出明快气氛的同时,又呼应统一于整个页面。

辅助色在这里是橙色与白色的过渡色。

结论:

饱和度与纯度很高特性明显的颜色,在达到视觉冲击力的同时,可适当采用少许对比色调和缓和于视觉,从而削弱视觉的疲劳度。

深橙红色系

→ 深橙红色网页例图:http:// www.matisserestaurant.ca

深橙红色网页例图

时间: 2024-10-07 20:55:32

网页设计配色应用实例剖析:橙色系讲解的相关文章

网页设计配色应用实例剖析:黑色系

黑色是暗色,是纯度.色相.明度最低的非彩色.象征着力量,有时感觉沉默.虚空,有时感觉庄严肃穆,有时又意味着不吉祥和罪恶.自古以来,世界各族都公认黑色代表死亡.悲哀黑色具有能吸收光线的特性,别有一种变幻无常的感觉. 黑色能和许多色彩构成良好的对比调和关系,运用范围很广. 黑色给人深沉.神秘.寂静.悲哀.压抑的感受. 黑色是最有力的搭配色. 黑色也常用来表示英俊的男人. 下面我们根据黑色系搭配不同的颜色所表现出的特性做不同的举例分析. → 黑色网页例图:http://www.chanel.com 黑

网页设计配色应用实例剖析:紫色系

紫色是一种在自然界中比较少见的颜色.象征着女性化,代表着高贵和奢华.优雅与魅力,也象征着神秘与庄重.神圣和浪漫.另一方面又有孤独等意味.紫色在西方宗教世界中是一种代表尊贵的颜色,大主教身穿的教袍便采用了紫色. 紫色的明度在有彩色的色度中是最低的.紫色的低明度给人一种沉闷.神秘的感觉.在紫色中红的成份较多时,显得华丽和谐.紫色中加入少量的黑,沉重.伤感.恐怖.庄严的感觉.紫色中加入白,变得优雅.娇气,并充满女性的魅力. 紫色通常用于以女性为对象或以艺术作品介绍为主的站点,但很多大公司的站点中也喜欢

网页设计配色应用实例剖析:红色系讲解

红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色.红色容易引起人的注意,也容易使人兴奋.激动.紧张.冲动.还是一种容易造成人视觉疲劳的颜色. 在众多颜色里,红色是最鲜明生动的.最热烈的颜色.因此红色也是代表热情的情感之色.鲜明红色极容易吸引人们的目光. 红色在不同的明度.纯度的状态(粉红.鲜红.深红)里,给人表达的情感是不一样的. 在网页颜色的应用机率中,根据网页主题内容的需求,纯粹使用红色为主色调的网站相对较少,多用于辅助色.点睛色,达到陪衬.醒目的效果.通常都配以其他颜色调和. 红

网页设计配色应用实例:红色系剖析

  在网页颜色的应用机率中,根据网页主题内容的需求,纯粹使用红色为主色调的网站相对较少,多用于辅助色.点睛色,达到陪衬.醒目的效果.通常都配以其他颜色调和.本文对网页设计配色应用实例 进行了具体阐述供阅读. 红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色.红色容易引起人的注意,也容易使人兴奋.激动.紧张.冲动.还是一种容易造成人视觉疲劳的颜色. 在众多颜色里,红色是最鲜明生动的.最热烈的颜色.因此红色也是代表热情的情感之色.鲜明红色极容易吸引人们的目光. 红色在不同的明度.纯度的状态

带你展望2015年的网页设计配色趋势

  一.Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,这种风格尤其适合一些比较鲜嫩柔和的颜色,扁平化网页设计在2014年中的流行让柔和色彩的用途变得越来越广泛.这样的色彩基调将在2015年得到进一步的延续,马卡龙色系也许会常常出现在网页设计中. 二.偏灰的冷色系粉彩 偏灰的冷色系色彩是一种看起来比较百搭的颜色,但是实际上,要将这类颜色使用的恰如其分却并不是一件容易的事情.这类色彩表现的比较中性,所以搭配任何颜色都不会显得突兀,但也不算出挑,而要让色彩之间真正融合,应该

网页设计配色技巧宝典

  网页设计配色技巧宝典:        互联网发展到如今这样的程度,在许多方面要求都大大的提高了,不管是信息的质量度,网页设计的美观度,都进入一个高端的阶段.特别是网页配色技巧也越来越多,网页从单色系到五彩缤纷系,人们的审美也在不断提高.在彩票网站程序站点的页面设计中,网站的色彩选择一般是根据网站的主题来确定的,随着经验的积累,发现现在网页的配色又回到单一色彩的设计了. 网页的配色有非常大的技巧,颜色的组合不是随意的,通常是将一种或者几种相近的颜色放在一起.开始这些颜色的组合我也不是用的很灵活

网页设计配色应用——色调

前面我们介绍了常用的电脑色彩模式RGB.HSB,以及色彩的三大属性,还有常用配色的基本概念和相关实例剖析.今天开始我们介绍应用部分,本节介绍调色. 网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调.也可以理解为色彩状态.色彩给人的感觉与氛围,是影响配色视觉效果的决定因素. 为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,我们把视觉角色主次位置分为如下几个概念,以便在网页设计配色时更容易操纵主动权. ■ 主色调 页面色

网页设计配色剖析之绿色

  每个人都有自己最喜欢的颜色,在工作以及生活中,当购买产品或进行艺术创作的时候,他们会选择自己喜欢的颜色.对于设计师来说也是同理.设计师偏好在设计中重复使用他们最喜欢的色系.虽然命题是无限的,但是他们还是喜欢遵循自己的审美感觉. 推广成功.运营优秀的网站,往往让用户感觉到页面和谐感强.视觉效果符合本能审美.元素具有图像象征且与产品服务紧密联系,这归功于网页设计. 绿色的定义 绿,是一种颜色,绿色处于光谱中间,波长较短,大约为500-570nm.在减色法中,绿色不是主色,但是可以由黄色和蓝色.或

怎么都不会错的6条网页设计配色原则

  身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且"错不了"的指导方针,你可以按照这些原则把握最基本的色彩规律.现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色方案.相反,他们是一个起点,是你如何生存在网页设计领域色彩方向的安全指南. 一.需要配色的是你的画布,而不是你的图片 一个在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置.你的配色方