logo
当前位置:首 页 > 编程技术 >前端技术 > 查看文章

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

今天小编从 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

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

一个有大大梦想但是没有支撑这梦想的技术的攻城狮,大家就当这个博客是你的技术工具箱吧,我会吧我工作中遇到的问题贴在这,大家需要的记得把我放到收藏夹哦! 百度输入“子傲代码”就可以了

—— 陈子傲

admin
众说纷纭Comments
大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头
小提示:直接粘贴图片到输入框试试
努力发送中...
footer logo
未经许可请勿自行使用、转载、修改、复制、发行、出售、发表或以其它方式利用本网站之内容
Copyright ©ziao design Studio All Rights Reserved.沪ICP备14052271号-3