精选国外精巧为妙的渐变类网页设计欣赏(2)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:陈子木

关键词

Pho

精选国外精巧为妙的渐变类网页设计欣赏,PS教程,思缘教程网

蓝紫色渐变似乎非常为设计师所青睐,这个网站采用了相似的设计。低饱和度的色彩和鲜艳的文字构成明显的对比,视觉效果挺不错的。

Impossible Bureau

精选国外精巧为妙的渐变类网页设计欣赏,PS教程,思缘教程网

Impossible Bureau 使用了极为鲜艳的色彩来构建这个过渡色彩的对比。而这个页面最酷的地方在于,页面其他的元素都加载完成之后,,过渡色彩就逐渐变的不那么晃眼了。

Customeed

精选国外精巧为妙的渐变类网页设计欣赏,PS教程,思缘教程网

Customeed 的整体设计给人感觉非常舒服,页面的背景渐变色使用的绿色,这样的渐变色使用并不多见,相比之下,更多的网站设计师会选择蓝色、紫色和红色。

Webflow

精选国外精巧为妙的渐变类网页设计欣赏,PS教程,思缘教程网

相比于其他的网站,Webflow并未将渐变用作主要的设计,黑色背景使用了lowpoly效果,视觉上并不单调,作为注册/登录的表单背景,由紫到蓝的渐变背景条和整个大背景形成了对比,效果不错。

Product to Profit

精选国外精巧为妙的渐变类网页设计欣赏,PS教程,思缘教程网

这个页面的着陆页使用了微妙的渐变色,采用的也是色彩和背景图叠加的手法。这在做法最大的特色是让整个页面氛围更令人舒适。

Table Hero

精选国外精巧为妙的渐变类网页设计欣赏,PS教程,思缘教程网

如果你不仔细看,可能会觉得这个页面的背景是纯色的,实际上只是它的色彩变化梯度并不太明显而已。有意思的是,这在设计配合着1px宽的细线构成的字体和图标,使得背景更有质感。

GoGoRo

精选国外精巧为妙的渐变类网页设计欣赏,PS教程,思缘教程网

这个页面使用了典型的极简设计,白色的背景上一辆摩托车的侧面特写配合一个硕大的“GO”,文字很简单且单薄,但是设计师将渐变色彩叠加到文字之后,使得整个页面鲜亮起来了。

 收藏