有趣的网页设计（20个复古风格的网站设计）

本文目录

• 20个复古风格的网站设计
• 印证渐变复兴的20个网站

20个复古风格的网站设计

小编：不管在什么时代，复古风格一直在流行着。网页设计师们将复古元素添加到网站设计中，且没有让它们看起来又老又无聊，这些古典和现代图形相结合的结果竟是如此惊人！而今天要推荐的这一组网站设计完美的执行了复古风格，时代感的纹理，柔和的颜色和个性化的排版。你可以从这组设计中找到灵感，添加复古元素到你的设计中！

这个乡村风格的作品似乎是直接从过去来的，在这种情况下的牛仔时间。这个网站加载了复古的美好，从排版到伟大的摄影。

这个网站使用了可爱的复古字体，精彩的动态和合适的用户习惯。使它脱颖而出，让网站的设计成为真正的独一无二。

这是一个非常简单的网站设计，有漂亮的排版选择。它成功地融合了手写字体与更多的复古风格的排版。

这个复古风格网站在字体上选择了，大胆的无衬线字体搭配复古质感的字体添加了它的复古氛围！

这是一个可爱的网站设计，用一个手工的感觉。它使用手绘图像和可爱的字体营造出了蓬勃发展和充满活力的复古感觉。

这个网站的设计采用黑白照片，旧的纸张纹理和老式的色调，以重建一个复古的氛围。

棕褐色滤镜使该网站看起来陈年而复古。它有一个完美的字体选择，以及一个互补的色调。

该网站使用老照片作为背景。字体是现代的，但添加了一个老式的纹理，从而提高整个设计的复古氛围。

这是一个很棒的字体设计，优美而复古的连字。该网站还使用了大的，黑暗的纹理，使文本脱颖而出。

单色色调有助于提升该网站设计的复古风格。它也有一些复古的灵感的网页元素。

棕褐色的效果，颗粒状背景，复古字体，这个网站的设计拥有这一切！看看整个网站，让自己受到启发！

该网站的设计采用了一块定制的刻字，它是动态的，最喜欢的复古脚本，并有一个充满活力，有趣的样子。

该网站的设计选择了一种复古的感觉，采用圆润的边角，有限的色调和简单的插图。它看起来令人惊叹！

这个网站有一个古老的学校，有优雅的感觉。虽然它使用了很多复古的元素，但它看起来仍然是当代和现代的。

简单，友好的插图是古董表的组成部分，这个网站很好地使用了它们。它也使用了大的，大胆而复古的版式。点击这里查看详情！

这个网站使用一组复古的排版和复古的颜色。它结合了美丽的摄影和微妙的复古元素。点击这里查看详情！

这个网站有着令人尖叫的复古！从排版到插图和摄影，这样的网站。它看起来太神奇了！

这个网站的设计有一个单调的调色板，自定义类型和古怪的插图。它有一个伟大的复古风格，你会感兴趣的。

从字体到插图，甚至网站的布局，所有这些网站的设计元素，都有助于创造一个复古的氛围。

这个品牌使用了一个引人注目的白色和复古风格的类型，以创造一个优雅的标签。整个网站看起来复古，但和现代的设计在同一时期！

：line25

译文作者：学UI网翻译社-YIie

印证渐变复兴的20个网站

扁平化设计的时代正在终结，或许不会一蹴而就，却的确在逐渐衰亡。最有力的证明就是这种崭新的渐变潮流正在兴起。相比在web 2.0时代见到的那种渐变，它们更加细致微妙。
       坦白说吧，渐变再度盛行了！下面列出了20个主打渐变形式的崭新网页设计。其中有些非常微妙，另一些则极度鲜艳；不论哪种，渐变都是一种为你设计添彩的有趣手法。
VO2 Group
VO2新网站的欢迎页面采用了非常规的设计，大量不同元素层层叠加。树洞般的设计造就了这个网站！很有意思，与众不同。背景元素之一——三角形——呈现了轻微的渐变。就此而言，它为三角形元素增添了视觉吸引力。
Melanie F – Look Book
Melanie的look book采用的布局方式，在时尚类网站中愈发流行，其中文字置于图片之上，两者却不粘连。在本例中，介绍文字呈现在网站页头的矩形上方。矩形中填充了绿色与紫色的渐变，很显然，它有助于吸引视线。
Adoratorio
这家设计机构以特别的方式运用渐变，将它用在了文字区域上。独具一格，相当酷炫。这种方法确实能巧妙地将文字风格化，非常管用。
Qards
甚至我们Designmodo Qard的着陆页也展现了多种渐变。大多页面都被分割成小块，背景填充了不同的渐变色。截图中的页面用的是橙色，其他页面则用了由浅到深的蓝色或绿色渐变。渐变的背景为网站设计增添一种独特的格调。
Symodd
Symodd的首屏，或者说介绍部分，主打由橙色到粉色的全屏渐变背景。这种渐变相对细微，因为这两种色调差异不大，赏心悦目。
Inc
Inc也在首屏区域使用了渐变。但是稍微有点不同，他们将蓝紫色渐变叠加在照片上。此处的渐变也没有太强烈，蓝色与紫色是非常接近的色调，将它置于照片之上效果很好。
Pho
又是一个蓝紫色渐变。它是这个案例集中相对柔和的一款，不过所选的两种颜色相当华丽——它们饱和度低，但对比强烈，看起来令人非常愉悦！
Impossible Bureau
Impossible Bureau的页面采用了非常鲜明、反差强烈的渐变色！很酷的是，每当页面加载完成，其他元素在上方出现，页面的浓烈与戏剧性并没有被冲淡。
Customeed
Customeed选择极度罕见的绿色渐变。出于某些原因，蓝色、紫色、粉色渐变非常盛行。但是绿色渐变也没有问题，它看起来令人愉快，与Customeed的网站配合良好。
Webflow
Webflow并没有大篇幅展示渐变——至少不像本文中其他网站那样。他们在网站首页用了一小片粉、紫、蓝的渐变点缀。这种激动人心的渐变在各处小范围运用，营造了很棒的格调。
Product to Profit
着陆页的渐变色很淡——略微有水洗的感觉。无论如何，它看起来的确很棒，因为并没有刻意突出。淡蓝淡紫色的渐变叠在照片上，效果很好。唤起这个网站一种友好的氛围。
Table Hero
Table Hero的主页遍布友好的小花样，说小花样是指各处的点缀。在1像素宽的按钮边框上，或是极细的标题文字上透出一丝渐变。这种方法很有意思，在设计中融入渐变来增添深度和多样性，却不会让渐变走火入魔。
GoGoRo
GoGoRo的焦点区域采用了极简设计，但绝对够抓眼球。除了巨大的文字“go”、小摩托的照片和少量小字，别无他物。文字本身很细，但由于字号够大，使它表现出一定的厚度。网站的设计师将欢快的蓝绿渐变作为文字的颜色。
Segment
Segment用了深色设计，通常整个区域都采用深灰色背景。但是为了给它添彩——或者说点亮它——他们用了很多明亮的霓虹绿色来提亮设计。某些区域的绿色渐变颇具吸引力，使整个设计引人注目。
Mapbox
进入Mapbox的主页，你会看到一个非常棒的首屏。轮播图中有些采用了微妙的渐变背景，为整个设计增加了纵深感和清晰度。
Gradients, motherfucker.
不知道你是否还记得这个网站，Visual Idiot在2012年发布的。不过随着屏幕滚动，你会发现它的渐变真是切中要害。这个网站相当简单，而且非常滑稽。展现了一系列难以置信的渐变，取自彩虹的颜色，例如粉色、蓝色、绿色、橙色。
Pitney Bowes
又是个大胆的案例。这个网站的设计相当平滑，白色文字在紫色为主体的渐变上显得鲜亮。文字看上去的确很棒。这个渐变其实是均匀线性的，但是得益于上面的蓝色圆形纹理，这种视错觉让它显得有点圆润。很酷，对不对？
Stripe
Stripe近期更新了他们的网站，他们也用了渐变！有些首屏轮播图用了非常漂亮的渐变，你在截图中看到的就是其中第一张。由深色的海军蓝过渡到绿色的渐变，色彩丰富，作为暗色调背景非常好。
One John St
这是Brooklyn DUMBO一个公寓群的着陆页。这个网站令人惊奇的地方，是渐变色会在一天中随着时间改变深度。这个设计非常有趣。
Wake
最后一个案例展现了最流行的蓝紫色渐变，这种配色正如日中天。Wake的网站遍布这种渐变色，因为这是他们应用品牌色一部分。
结论
可以看出，渐变是一项有趣的设计决策。它们造就了这种欢快、激动人心的设计。总体来说，渐变并不差——从来都没有差过——只是我们对太极端的渐变感到厌烦。尽管这些案例中有部分对比很强烈，也有一些呈现了它柔和的一面。希望这一系列能在你未来的设计中激发你的灵感。
作者：Paula Borowska
文章转自：可乐橙