详细解析网页设计中绿色调的使用技巧

2016-02-16 20:56 17 1 收藏

下面这个详细解析网页设计中绿色调的使用技巧教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - 平面设计 】

清新、安定、环保,在这三个关键词的遐想画面中一定有绿色。

绿色是一个在网页设计中被广泛运用的颜色,本身就带着一种与生俱来的平静感。绿色在心理学上被认为会产生一定的视觉冲击力,因此,能在网站主页上用绿色元素去突出信息重点是一个不错的选择。

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

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

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

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

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

3.Sampex的网站以深绿色为主。深绿色在绿色系中是一种比较正式的颜色,可以在公司的官方网站设计中考虑使用。当亮度和深浅调到让用户有视觉舒适感的时候,同时也会伴随着大气、踏实的心理感受。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

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

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

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

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

6.VERDI的网站页面运用了色块拼接的效果,从白到灰再到绿色。白色和灰色都是中性色,所以页面中的绿色很自然的成了最抢眼的一部分,这样的搭配方式也让画面更富有运动感。

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

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

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

9.两种不同的绿色之间的相融合也能产生奇妙的视觉感官反应,让用户的视线能有很连贯的过渡,整个页面不会显得突兀。

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

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

详细解析网页设计中绿色调的使用技巧,PS教程,图老师教程网

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

来源:https://www.tulaoshi.com/n/20160216/1574213.html

延伸阅读
手绘元素通常是用在纸上的,但是它们被越来越多的用在网站设计上面,这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入,对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格,使其表现形式具有原创性,给设计带来了多元化,人性化的特征。 我们先来看一些网络中的案例: 节庆主题插画 GOOGLE每一次节日...
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。 从色彩研究的方向来看,色彩分为色调、饱和度、明度三方...
在来腾讯的一年里,接触过许多项目里的字体设计,也因此在设计过程中形成了自己的一套字体设计方法。借此机会与大家分享设计心得,不足处欢迎顶帖回复。废话少说,直奔主题。 如何实现字体变形 如何实现字体变形?我想是刚接触字体设计的设计师们最关注的问题。在这里我只想分享一个观点,每个人的创意和实现方式各有不同。我在这儿介绍的...
来自网易四十大盗的一篇经典文章,现在很多同学设计网页木有思路和灵感,保证你看完本文一定受益匪浅。工作中,网页设计师经常会遇见这些状况:时间短又要出彩、大气又要有气氛、风格不明确很难把握、栏目又多页面又长,突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 一、旋转法 将页...
关于Banner的设计,相信已经有很多人都看过这方面经验的分享了,我来公司也做过了一些Banner的设计,那在这其中通过不断的学习、实践积累了自己的一些小小经验和方法,下面给大家浅浅的分享下我总结的Banner设计经验。如有错误,尽管拍砖,小女子虚心请教学习。 Banner设计其实是我们接触互联网工作后,最常见一种工作。那么Banner到底...

经验教程

112

收藏

19
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部