网页设计配色剖析之绿色

   每个人都有自己最喜欢的颜色,在工作以及生活中,当购买产品或进行艺术创作的时候,他们会选择自己喜欢的颜色。对于设计师来说也是同理。设计师偏好在设计中重复使用他们最喜欢的色系。虽然命题是无限的,但是他们还是喜欢遵循自己的审美感觉。


  推广成功、运营优秀的网站,往往让用户感觉到页面和谐感强、视觉效果符合本能审美、元素具有图像象征且与产品服务紧密联系,这归功于网页设计。

  绿色的定义

  绿,是一种颜色,绿色处于光谱中间,波长较短,大约为500~570nm。在减色法中,绿色不是主色,但是可以由黄色和蓝色、或者黄色和青色创造出来的。绿色是加法三原色之一。

  Green


  网页设计中的绿色

  绿色在网页设计中效果极佳,因而被广泛的应用。可能是因为绿色是自然中最多的颜色,绿色能够唤起一种人类对于自然的本能意识。高手能够行之有效的将绿色和其它颜色有机结合,奏出一曲色彩、色调、明暗完美互补的视觉三重奏,让人兴趣满满。

  而材质的加入也能改变颜色的效果,比如,粗糙的材质表面让颜色看起来更深,平滑的表面让颜色看起来更浅。

  正如色彩理论专家J.L.Morton说的那样:

  成功的设计知道如何用色彩去传达意义。网页设计师应该像对待图形和布局一样认真对色彩其中蕴藏的象征意义。

  绿色在心理学上具有冲击力,因此被应用于广告、机构标识和电子媒体中。想要在网络上创收的工业制造商通常会发现,官方主页上使用绿色效果很棒。

  很多设计师认为,当按钮和选项采用绿色时,能够吸引更多的点击或操作,具有很强的行为召唤力

  行为召唤

  WedoXHTML用绿色突出了重要的信息,同时绿色的字体也易于阅读。

  Wedoxhtml


  Pagelime使用绿色,作为一种行为召唤的暗示

  Pagelime


  为何选择绿色?

  视觉感受器具有一些特性与限制,大多数人对于光的频谱中间部分最为敏感,比如绿色。

  绿色是一种合成色,有多种用途,能够清晰的传达设计师的意图。绿色让食物看起来自然、清新、生态环保。在工业环境下,如果设备被涂上绿色,会让人感觉安全,同时也能促进生产。这种环保的感觉让人们感到洁净并不会危害到个人健康。

  绿色令人放松。当一想到绿色,大多数人会想到户外和植物。因此具有平静心态的功效。

  绿色能够最大化可读性,降低视觉疲劳发生的几率,这在网页设计中非常关键。还能够激发用户的视觉兴趣。

  绿色的作用

  绿色对人具有显著的心理冲击作用,在很多文化中非常流行。绿色使人宽心,经常在医疗设施上看到绿色。绿色降低血压,缓解神经紧张,放松大脑,启发创造,但也抑制胃口。绿色的视觉负担很小,以绿色为背景的图像看起来更有深度。

  绿色虽然能够帮助人们走出焦虑和沮丧的情绪。但是如果使用过度,就让用户有种极度、仇恨、占有的负面情绪!

  网页设计中不同种类的绿色

  绿色对于绿色食品、保健、有机产品来说是很好的推广工具。但是要按需而定,要合理的使用。

  DARK GREEN(深绿色)

  通常与金钱和野心联系在一起。对于公司来说很不错。能够给用户一种强力、有名望、踏实的感觉。

  Heineken


  BRIGHT GREEN(亮绿色)

  象征着自然中的生机与活力。

  Yodaa


  CELADON(青瓷绿)

  在中国、朝鲜、日本经常使用的绿色,后来传播到其他国家,一种难以描述的优雅感。

  Qilady


  YELLOW-GREEN/LIME GREEN(黄绿/柠檬绿)

  因为会让人联想到反胃呕吐时的病态,要谨慎使用。对于与食物不相干的网站和保健品网站来说,是很理想的颜色。

  Pado


  OLIVIA GREEN(橄榄绿)

  非常的愉悦视觉,安宁大方,适合公众场合。但是也有一点军事色彩。

  Mocapoke


  BLUE GREENS(青绿色)

  最容易让人接受的绿色,对男女都有吸引力。

  Amitkhera


  绿色与其他颜色的搭配

  绿色和其它互补色搭配效果良好。互补色的定义:凡两种颜色相结合产生白色或灰色,则称其中一种颜色为另一种颜色的互补色。三组基本互补色:红色与绿色互补,蓝色与橙色互补,紫色与黄色互补。

  了解了这些,就能有效的组织网页中的色彩搭配,深色与浅色的搭配一般不会差。另外值得一提的是,要避免在网页中使用多种色彩。最好开始设计时做做实验,调调明暗度,可以用互补色开始实验。现在,我们来看看绿色的配色方案。

  绿色与蓝色的搭配

  自然的呼唤感,新鲜而又清澈。象征着新生事物的萌芽。

  Narhir


  The Forbidden Corner


  绿色与褐色,棕褐色或米黄色的搭配

  这种组合,有机感强,让人感觉自然循环生生不息,也适合产品包装设计

  Mailchimp


  Juandiego Velasco


  绿色与黄色与黑色/白色的搭配

  三种颜色的结合(绿黄黑、绿黑白)让页面具有户外运动感

  Evacare


  Bugworldexperience


  绿色与紫色/红色的搭配

  对比强烈,生动并扣人心弦。

  Designheartsme


  Naturestable


  绿色与橙色/黄色的搭配

  柠檬绿与橙色/黄色的搭配,营造了一种如同水果的新鲜感,让人感觉非常的健康环保。

  Web Banner Ad Design


  Blymp


  网页设计中应用绿色的案例:机构篇

  广泛应用,作用明显。

  Nutrifield


  Gbados Energy Solutions


  Compograss


  Blossoms Village


  Aquaadria


  Rcleaners


  Daguia


  Geo Vision


  Green Globe Ideas


  Ecoservice


  Gbb


  Greenanysite


  Hrasti


  E Schneider Garten


  Rbc


  Sleepydog


  Biofoolish


  Cobahair


  Shopify


  Sprintbio


  Liptongreenmint


  Organic Supermarket


  Reallywildtravel


  Oypro


  Outdooritalia


  Terrasse Concept


  网页设计中应用绿色的案例:机构篇

  Anna Pawelczyk


  Quadrifolia


  Tyler Web Design


  Snailbird


  Anandakm


  Artist in design


  Inspirationbit


  Ladysign


  Paulicio


  网页设计中绿色的应用案例:独立设计师篇

  Cgalvin


  Pestovo Golf


  Sageblue


  Somoslaperalimonera


  Studio7designs


  Viget


  Blogfullbliss


  Ztradycja w nowoczesnosc


  Growmedia


  绿色调色工具

  Colourlovers: 有一些非常棒的绿色

  Colorcombos: 便捷高效

  Colorscheme: 在线的组织,用户可以分享自己的绿色主题。

  保护环境

  保护环境人人有责,必须要注意到对环境的保护,资源的合理利用,让自然的循环更加和谐有机。

时间: 2024-08-27 02:05:46

网页设计配色剖析之绿色的相关文章

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

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

网页设计配色技巧宝典

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

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

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

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

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

网页设计配色精彩十例

配色|设计|网页|网页设计 颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘.但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配.除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用.所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平.一.网页颜色原理和象征意义 我们所有网页上颜色,在HTML下看到的是以颜色英文单词或者十六进制的表

网页设计配色基础:RGB与HSB

在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法. 这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用.因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余. 为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式. ■ RGB RGB是表示红色绿色蓝色又称为三原色光,英文为R(Red).G(Green).B(Blue),在电脑中,RGB的所谓"多少"就是指亮度,并使用整数来表示. 通常情况下,

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

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

网页设计色彩剖析之瞩目红

  在网页设计中,色彩不仅用来造成视觉冲击力,而且还传递强有力的情感,几乎不需要任何文字,我们总能从网页的色彩中强烈感受到作者意图营造的氛围. 那么,该怎样在网页设计中得心应手地运用色彩呢?优设给童鞋们翻译了一系列关于网页设计中色彩运用的文章,希望对大家有一点帮助. 点击浏览更多色彩.配色相关的优秀文章 当我们还是孩童时,我们已经能意识到红色的东西会吸引我们的注意力了,没错,这就是红色的特点,接下来我们会从3方面详解红色,并且推荐一些出色地运用红色的案例,开始咯! 什么是红色? 红色相近于橘黄色

Agave一款有用网页设计配色方案小工具

Agave 是个有用的小工具,尤其对于网页设计人员而言,它能用来比较和尝试配色方案. Have you ever been re-finishing a room in your home and found yourself asking "What color would go well with this"? Or been working on a new website and not been able to find colors that go well with ea