网页设计 & 灵感 » 30个复古经典风格的网页设计作品

30个复古经典风格的网页设计作品

发表于: 网页设计 & 灵感. 评论
Sponsor

老式、复古、古典风格的就真的是古老吗?非也,使用这种风格的网站才是「现代感」更强的网站,视觉效果也非常有趣,用这种比较少人用的复古风格作为主题,可以让用户有种想继续看下去的欲望,本身对内容没兴趣的用户也想去「玩一下」。

今天小编从 line25 里整理了30个以老式、复古风格为主题的网页设计作品,设计师们可以进去参考下,当没有灵感的时候,可以尝试一下这些 Retor style,挑战一下自己。

Trainrobber

当进去首页第一眼的感觉就像看 4D 电影一样,设计师不仅仅是使用了复古元素,还通过视差技术,让画面看起来像 4D 一样的 FEEL,大家可以进去体验哦,挺好玩的。

浏览网站

Chamberlain’s Leather Milk

这网站的图片风格处理很到位,作为网页设计师,图片处理能力也需要学一下,后期设计达人网也会增加这类的教程文章。

浏览网站

Vintage Hope

一个慈善公益性的网站,网页大胆的使用黄绿色调子,风格统一。

浏览网站

Tom, Dick & Harry Creative Co.

风格式页面设计,使用了较多的几何图形符号组成

浏览网站

Barleysgville

一个餐饮美食类网站,较多的使用了木纹理元素,果然与食品网站很搭调。设计不仅为了好看,还要合理才是好设计。

浏览网站

Cascade Brewery Co.

啤酒网站使用复古风格,确实有意思,这样可以突出酒的历史悠久……

浏览网站

Trellis Farm & Garden

文字及一些设计元素使用了脏痕、污渍纹理,从而就能达到复古的效果。

浏览网站

Matt Hovland

浏览网站

Austin Beerworks

一个啤酒厂的网站,看来酒行业,真的很适合使用复古风……我们看这网站时,可以学习下这个文字的效果,应该不会太难。

浏览网站

Moonshine Grill

达人喜欢这网站的字体设计,不仅文字好看,文字的组合也相当到位,这样文字即能表达,又能作为图像 BANNER 展示,但这需要考验设计师的文字制作能力了,建议同学们多看我们的字体设计栏目。

浏览网站

Three penny editor

一个古老打印机……这想法……

浏览网站

City-dog

浏览网站

Shiner

浏览网站

Collette Dinnigan

当我第一次打开网站后,看到这么可爱的水彩手绘插图,不禁会看多几点,然后尝试晃着鼠标去点图案,这果然是个很好的视觉引导。

为了让网站整体有复古的感觉,页面大部分设计元素都使用了手工绘制的效果,比如横线也是。当然文本就不用手绘字体,请同学们记住,在使用多段文本的情况下,应该以阅读体验优先于视觉效果。

浏览网站

All star lanes

浏览网站

Dna Darwin

浏览网站

Bay Street Biergarten

浏览网站

MirroolCreek

网站字体大部是加粗的粗字体,这确实是复古的一大特征。

浏览网站

Website design for Tallahassee

米黄色,在很多复古网站上出现,如果找不到好的色调,米黄必选,

浏览网站

Macaroni Bros

浏览网站

Farmer’s Market Kitchen

可以看看这组作品的复古图案,这种图文组合的图案,就能有一种复古的气息。

浏览网站

Austin Eastciders

浏览网站

American Scraps

浏览网站

Le tipi

虽然网站排版中规中矩,但能有一个美丽的 Banner,却能让网站增色不少。

浏览网站

复古风 WordPress

想做一个复古的网站吗?下面的一些以复古风为主 WordPress 主题,可以让你快速搭建一个老式风格的网站哦。

PN

浏览网站

Hipster

浏览网站

Modern Vintage

浏览网站

Argenta

浏览网站

Retro

浏览网站

Retro Portfolio

浏览网站

看了这些优秀作品,可以学习有很多和古老、复古的表现手法,日后要设计这类的网站,都可以从这篇文章的案例中借鉴。

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }