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

yizhi_shine

yizhi_shine

2016-02-16 20:56

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中绿色调的使用技巧

详细解析网页设计中的韵律线条使用技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中的韵律线条使用技巧

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细解析网页设计中的视频应用技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中的视频应用技巧

详细解析网页设计中负空间的使用案例

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中负空间的使用案例

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

详细解析网页设计中的轮廓框案例技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中的轮廓框案例技巧

详细解析网页设计的构图技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计的构图技巧

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Daryl Feril时尚潮流插画设计欣赏

Daryl Feril时尚潮流插画设计欣赏

79款创意独特的国外名片设计欣赏

79款创意独特的国外名片设计欣赏
下拉加载更多内容 ↓