欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > 网页设计色彩搭配实例:绿色配色技巧

网页设计色彩搭配实例:绿色配色技巧

发布时间: 2017-02-04 09:36

绿色代表清新、希望、安全、平静、舒适。象征生命、青春、和平、安详、新鲜等。绿色的用途极为广阔,在农业、文教、餐饮等领域,使用绿色都不会令人感到俗气;

绿色是在网页设计中被广泛运用的颜色,本身就带着一种与生俱来的平静感。绿色是很特别的颜色,它既不是冷色,也不是暖色,属于居中的颜色。代表清新,希望。代表安全、平静、舒适之感。

绿色的象征意义:

在大自然中,除了天空和江河、海洋,绿色所占的面积最大。绿色植物几乎到处可见,它象征生命、青春、和平、安详、新鲜等。

颜色添加到网站的价值中,而充满活力的色彩给人一种活泼的效果,较深的颜色会更加神秘的东西。颜色传递和对网站的设计也是世界的强烈影响,每一个色彩都有它自己的意义。宁静的感觉可以很容易的感受时,用户被暴露的颜色绿色。而颜色通常是与自然相关的,绿色是现实中的中性色。你可以看看周围的大自然,发现很多东西是绿色的,这样的颜色意味着成长和发展。

成功的设计知道如何用色彩去传达意义。网页设计师应该像对待图形和布局一样认真对色彩其中蕴藏的象征意义。绿色在心理学上具有冲击力,因此被应用于广告、机构标识和电子媒体中。想要在网络上创收的工业制造商通常会发现,官方主页上使用绿色效果很棒。很多设计师认为,当按钮和选项采用绿色时,能够吸引更多的点击或操作,具有很强的行为召唤力。

绿色最适应人眼的注视,有消除疲劳、调节情绪的功能。黄绿色带给人们春天的气息,颇受儿童及年轻人的欢迎。蓝绿、深绿色是海洋、森林的色彩,有着深远、稳重、沉着、睿智等含义。含灰的绿色,如土绿、橄榄绿、咸菜绿、墨绿等色彩,给人以成熟、老练的感觉。

视觉感受器具有一些特性与限制,大多数人对于光的频谱中间部分最为敏感,比如绿色。绿色是一种合成色,有多种用途,能够清晰的传达设计师的意图。绿色让食物看起来自然、清新、生态环保。在工业环境下,如果设备被涂上绿色,会让人感觉安全,同时也能促进生产。这种环保的感觉让人们感到洁净并不会危害到个人健康。

绿色令人放松。当一想到绿色,大多数人会想到户外和植物。因此具有平静心态的功效。绿色能够最大化可读性,降低视觉疲劳发生的几率,这在网页设计中非常关键。还能够激发用户的视觉兴趣。

网页设计色彩搭配实例:绿色配色技巧

绿色对人具有显著的心理冲击作用,在很多文化中非常流行。绿色使人宽心,经常在医疗设施上看到绿色。绿色降低血压,缓解神经紧张,放松大脑,启发创造,但也抑制胃口。绿色的视觉负担很小,以绿色为背景的图像看起来更有深度。绿色虽然能够帮助人们走出焦虑和沮丧的情绪。但是如果使用过度,就让用户有种极度、仇恨、占有的负面情绪!

网页设计色彩搭配实例:绿色配色技巧

视觉传达:

绿色的信息表现为新鲜而健康的色彩,代表春天万物复苏的旺盛生命力,是平和、宽容、自然、生命、环境、青春、安全之色。它本身具有一定的与自然、健康相关的感觉,所以也经常用于与自然、健康相关的站点。总体来说,绿色安全可靠,值得信任。

绿色的用途极为广阔,在农业、文教、餐饮等领域,使用绿色都不会令人感到俗气;

适用行业 :适用广泛,如绿色食品、邮政业务、环保行业,以及通行安全标志等。

以下是海淘科技为大家汇总的比较有代表性的包含绿色成分的网页设计,供大家参考学习。

1.该网站案例很好的证明了绿色独具的引导和提示作用。网站导航的主色对用户的视觉会有很大的影响,亮丽的颜色可能会刺眼;暗淡的颜色有可能太沉闷,因此,温和的深绿色是网站导航色彩的选择之一。

网页设计色彩搭配实例:绿色配色技巧

2.Sprout的网站没有没使用大片的绿色,只是在灰度较高的背景上加了一些绿色的装饰来做点缀。但这些元素并不只是美观而已,同时也在无形中指引着我们,反差明显的绿色和黑灰色让用户能轻而易举的分辨出信息重点。

网页设计色彩搭配实例:绿色配色技巧

3.这个案例中所用到的绿是一个争议不断的颜色,绿色?黄色?大家可能有不一样的观点,在这里暂时称它为柠檬绿。这类相对不够鲜明准确的颜色在网页设计的使用上也应该格外注意,避免与其冲突的颜色,使用单一化的色彩设计,让页面上的内容尽可能的看起来简单清楚和活力。

网页设计色彩搭配实例:绿色配色技巧

4.青绿色是绿色系中最具亲和力的颜色,为用户带来一种莫名的洁净和安全感。由于青绿色属于比较亮眼的色彩,因此,该色在使用时应该尤其注意亮度的调节,避免用户在短时间内就产生视觉疲劳。

网页设计色彩搭配实例:绿色配色技巧

5.这个案例中的绿色属于较浅的橄榄绿,整体使用了微渐变的效果。色彩的运用让整体显得安宁大方,顺其自然的获得一种视觉愉悦感。

网页设计色彩搭配实例:绿色配色技巧

6.在模糊背景上使用亮绿色按钮是在原有的基础上加重了网页的行为召唤力。每一处色彩所在都在暗示,并且指引用户点击和查看。

网页设计色彩搭配实例:绿色配色技巧

7.蓝绿色与大地色系之间的搭配更能令人感受到自然的气息。褐色部分使用了纹理背景设计,让画面氛围产生即视的生活感。

绿色,代表着生机和希望。我们可以在保证视觉舒适的同时追求自然,让色彩丰富我们的生活。

网页设计色彩搭配实例:绿色配色技巧

8.绿色也是一个很酷的辅色,它通常伴有的概念情感是:宁静,放松,安全,乐观,和谐,清新,自然,环境,健康,重建,青年,生育,好运气。

网页设计色彩搭配实例:绿色配色技巧

绿色和其它互补色搭配效果良好。互补色的定义:凡两种颜色相结合产生白色或灰色,则称其中一种颜色为另一种颜色的互补色。三组基本互补色:红色与绿色互补,蓝色与橙色互补,紫色与黄色互补。了解了这些,就能有效的组织网页中的色彩搭配,深色与浅色的搭配一般不会差。另外值得一提的是,要避免在网页中使用多种色彩。最好开始设计时做做实验,调调明暗度,可以用互补色开始实验。现在,我们来看看绿色的配色方案。


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: 在线的组织,用户可以分享自己的绿色主题。

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

以上就是《网页设计色彩搭配实例:绿色配色技巧》,更多精彩内容,点击《2017中国风新年视觉app界面设计》,了解更多。


相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4