• Hello!欢迎来到网页设计学!
当前位置: 首页 > 设计理论 > 色彩理论 > 色彩渐变在网页设计中的应用

色彩渐变在网页设计中的应用

.................................................................................................................................................................

最近网页设计中色彩渐变的应用越来越流行,因为这样不仅视觉效果比较好而且用css3很容易实现,特别是对于那些以图片为主的网站来说。除了单纯的使用渐变色之外也可以通过改变不透明度应用在图像之上,在这篇文章中,我们收集了几个非常优秀的使用渐变的网站,有一些是色彩鲜艳的,也有些是简洁干净的。

Stripe

这个网站是企业管理在线支付的一个网站,他们在首页使用了4个幻灯片。使用渐变更加具有视觉吸引力,并且每个幻灯片显示都会配合不同的角度不同颜色的渐变。
1-Stripe

Braintree Payment Solutions

这是另一个用于管理在线支付的网站,背景是用简单的橘黄色到黄色的渐变,在渐变色之上有否懂得线条,使背景看起来不会很单调。

2-BraintreePaymentSolutions

Bolt

这个页面特别简洁,把色彩渐变与几何元素结合起来,特别有时尚的feel。

3-Bolt

W3

这个网站常干净简洁,背景使用了一个简单的蓝色渐变。

6-W3

Sixpence

这是一个电子商务网站,所有的背景渐变看起来都是比较脏的颜色,与商品形成鲜明的对比。

7-Sixpence

Duolingo

访客可以在这个网站上免费学习6种语言,该网站使用了蓝色的的夜空渐变与带有光晕的地球,是非常干净、清晰的设计。给人的感觉特别静谧,特别有学习的气氛。

8-Duolingo

Case-Mate

黑灰色渐变,高大上的感觉,特别符合主题。

10-Case-Mate

BokicaBo

这是一个时装设计师组合的网站,单色渐变配合纹理效果,很有质感。

11-BokicaBo

markmeup

这个网站提供把PSD转换为XHTML和CSS的服务,他们所使用的背景是从浅一点的蓝色渐变到深蓝色,以突出上面的幻灯片。

12-markmeup

Skyline Design

这个网站是在图片上使用绿色的渐变,并改为透明的。

13-Skyline-Design

Celilcan

这是土耳其的一个网页设计公司的网站的,首页有一个幻灯片,且每张幻灯片使用不同颜色的渐变。他们不仅使用方格纸的纹理还添加了杂色质感。

15-Celilcan

Lab19 Digital

这是一个Web设计和开发机构,在图片上使用蓝色到橙色的渐变。有种光效的feel。

17-Lab19Digital

Infinitus

这个网站使用的是橙红色渐变,与当前流行的多边形背景相结合。

18-Infinitus

通过对上面所有网站中渐变的研究,我们制作了以下几组渐变色,可以用在你的设计中哦。

Gradients

本文链接:色彩渐变在网页设计中的应用

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

2 Responses to 色彩渐变在网页设计中的应用

  1. […] 色彩渐变在网页设计中的应用 […]

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流