老式、复古、古典风格的就真的是古老吗?非也,使用这种风格的网站才是「现代感」更强的网站,视觉效果也非常有趣,用这种比较少人用的复古风格作为主题,可以让用户有种想继续看下去的欲望,本身对内容没兴趣的用户也想去「玩一下」。
今天小编从 line25 里整理了30个以老式、复古风格为主题的网页设计作品,设计师们可以进去参考下,当没有灵感的时候,可以尝试一下这些 Retor style,挑战一下自己。
Trainrobber
当进去首页第一眼的感觉就像看 4D 电影一样,设计师不仅仅是使用了复古元素,还通过视差技术,让画面看起来像 4D 一样的 FEEL,大家可以进去体验哦,挺好玩的。
浏览网站
http://www.trainrobber.com/
Chamberlain’s Leather Milk
这网站的图片风格处理很到位,作为网页设计师,图片处理能力也需要学一下,后期设计达人网也会增加这类的教程文章。
浏览网站
http://leathermilk.com/
Vintage Hope
一个慈善公益性的网站,网页大胆的使用黄绿色调子,风格统一。
浏览网站
http://vintagehope.co.uk/
Tom, Dick & Harry Creative Co.
风格式页面设计,使用了较多的几何图形符号组成
浏览网站
http://www.tdhcreative.com/
Barleysgville
一个餐饮美食类网站,较多的使用了木纹理元素,果然与食品网站很搭调。设计不仅为了好看,还要合理才是好设计。
浏览网站
http://www.barleysgville.com/
Cascade Brewery Co.
啤酒网站使用复古风格,确实有意思,这样可以突出酒的历史悠久……
浏览网站
http://www.cascadebreweryco.com.au/
Trellis Farm & Garden
文字及一些设计元素使用了脏痕、污渍纹理,从而就能达到复古的效果。
浏览网站
http://www.trellisfarm.com/
Matt Hovland
浏览网站
http://thislandishovland.com/
Austin Beerworks
一个啤酒厂的网站,看来酒行业,真的很适合使用复古风……我们看这网站时,可以学习下这个文字的效果,应该不会太难。
浏览网站
http://austinbeerworks.com/
Moonshine Grill
达人喜欢这网站的字体设计,不仅文字好看,文字的组合也相当到位,这样文字即能表达,又能作为图像 BANNER 展示,但这需要考验设计师的文字制作能力了,建议同学们多看我们的字体设计栏目。
浏览网站
http://moonshinegrill.com/
Three penny editor
一个古老打印机……这想法……
浏览网站
http://threepennyeditor.com/
City-dog
浏览网站
http://www.city-dog.co.uk/
Shiner
浏览网站
http://www.shiner.com/
Collette Dinnigan
当我第一次打开网站后,看到这么可爱的水彩手绘插图,不禁会看多几点,然后尝试晃着鼠标去点图案,这果然是个很好的视觉引导。
为了让网站整体有复古的感觉,页面大部分设计元素都使用了手工绘制的效果,比如横线也是。当然文本就不用手绘字体,请同学们记住,在使用多段文本的情况下,应该以阅读体验优先于视觉效果。
浏览网站
http://collettedinnigan.com/
All star lanes
浏览网站
http://www.allstarlanes.co.uk/
Dna Darwin
浏览网站
http://www.dnadarwin.org/
Bay Street Biergarten
浏览网站
http://baystreetbiergarten.com/
MirroolCreek
网站字体大部是加粗的粗字体,这确实是复古的一大特征。
浏览网站
http://mirroolcreek.com.au/
Website design for Tallahassee
米黄色,在很多复古网站上出现,如果找不到好的色调,米黄必选,
浏览网站
http://www.homebrewden.com/
Macaroni Bros
浏览网站
http://www.macaronibros.com/
Farmer’s Market Kitchen
可以看看这组作品的复古图案,这种图文组合的图案,就能有一种复古的气息。
浏览网站
https://www.behance.net/gallery/Farmers-Market-Kitchen/11274719
Austin Eastciders
浏览网站
http://www.austineastciders.com/
American Scraps
浏览网站
http://americanscraps.com/
Le tipi
虽然网站排版中规中矩,但能有一个美丽的 Banner,却能让网站增色不少。
浏览网站
http://www.le-tipi.com/
复古风 WordPress
想做一个复古的网站吗?下面的一些以复古风为主 WordPress 主题,可以让你快速搭建一个老式风格的网站哦。
PN
浏览网站
https://themeforest.net/item/pn-portfolio-agency-wordpress-theme/11811769?ref=shejidaren
Hipster
浏览网站
https://themeforest.net/item/hipster-retro-responsive-wordpress-theme/3867290?ref=shejidaren
Modern Vintage
浏览网站
https://themeforest.net/item/modern-vintage-one-page-wordpress-theme/8375110?ref=shejidaren
Argenta
浏览网站
https://themeforest.net/item/argenta-multipurpose-wordpress-theme/19081383?ref=shejidaren
Retro
浏览网站
https://themeforest.net/item/retro-vintage-wordpress-theme/5075763?ref=shejidaren
Retro Portfolio
浏览网站
https://themeforest.net/item/retro-portfolio-one-page-vintage-wordpress-theme/1708109?ref=shejidaren
看了这些优秀作品,可以学习有很多和古老、复古的表现手法,日后要设计这类的网站,都可以从这篇文章的案例中借鉴。