浅谈网页中创建一个古典风格的网站

加勒比奶酪gaga

加勒比奶酪gaga

2016-02-17 01:56

今天图老师小编给大家介绍下浅谈网页中创建一个古典风格的网站,平时喜欢浅谈网页中创建一个古典风格的网站的朋友赶紧收藏起来吧!记得点赞哦~

如何进行古典风格的设计?主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对该话题发表了文章《Web design themes: Create a vintage look and feel》。CSDN对该文进行了编译,内容如下:

你有被要求创建一个具有古典风格的商业网站吗?在我们的小城镇,有一些卖古典商品的小商家,你所在城市或许也有吧。古典在很多商业和组织中是一个很热门的主题。该类型的商业包括二手衣服商店、寄售商店、特色食品商店、工艺精品店、家具城、廉价市场、摄影店等等。

我也注意到,这些商家很多都没有自己的网站。即便有,网站的风格与商家的身份也不相匹配。商家的身份并未融入到Web设计中。本文将展示如何进行古典风格的设计。

过去给我们的启示

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图1

蒸汽朋克(Steampunk)是一种流行于20世纪80年代至90年代初的科幻题裁,以蒸汽时代为背景,将蒸汽的力量无限扩大化,构筑出一个超现实的科技世界。这个时代的精髓可以在小说和电影中发现,比如根据Jules Verne的小说改编的《海底两万里》(20,000 Leagues Under the Sea)电影,它讲述了19世纪一个远洋侦查团队发现了由Nemo船长指挥的未来潜水艇Nautilus。还有《时间机器》(The Time Machine),由H.G. Wells的小说改编而成,它讲述了维多利亚时代的英国人乘坐自己制造的时光机器来到了80万年后的未来。有关古代的题材可以在众多的作品中发现,包括电视、视频游戏、音乐、行为艺术、网络、角色扮演类游戏、文学作品、漫画和连环画小说它们都是创造古典风格网站的灵感来源。

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图2

古老的画报、插图、与图1相似的电影海报、老式广告(包括印刷的、手写的)、老汽车、电视、收音机、老图片尤其是陈旧、积满污垢的颜色和文字等等,也是获得灵感的重要来源。

建筑也是灵验的来源。例如比利时建筑师Victor Horta的作品,1928年的图尔奈美术博物馆(Musée des Beaux-Arts in Tournai)是他的作品之一。(见图2)

古典风格与主题

古典风格与主题按时代或主题进行分类,对流行文化有最大影响的可留存数十年。当今,仍适合采用古典设计的主题包括:

● 广告
● 动物
● 艺术装饰
● 新艺术风格(Art Nouveau)
● 美术工艺时代
● 亚洲古董
● 棒球
● 圣诞节
● 古典文学
● 硬币和邮票
● 收藏品
● 钓鱼
● 足球
● 黄金
● 军队与战争
● 明信片
● 收音机
● 唱片和专辑
● 玩具

等等

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

制图

快速开发古典风格作品,制图有重大作用。现在有大量的免费资源、共享软件、低成本的图形可以使用。

你不必自己设计图形,可以购买一些,再对其进行编辑。Graphic River提供了一些由Sneek Digital公司制作的徽章类图形。其中8 Retro Vintage Badges只需要6美元即可下载可编辑的PSD文件。Graphic River上有超过260组古典徽章可供购买,价格从2美元到8美元不等,同时还包括标签、时间表、Logo图、邮票、贴纸、邮件列表、背景、旅游贴纸、导航元素、复古式Web元素、404页面、框等等。(见图3)

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图3

另一个重要的图形来源是Pinterest网站中的Vintage Graphics板(Vintage Graphics Board)。包含705个Pin(Pin:字面意思是图钉,可以理解为把一张图片(或视频)贴到一个板(Board)上,直白来理解就是收藏一个图片(或视频))。如果图形不能直接使用,你也可以从该网站上获得设计自己作品的灵感。(见图4)

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图4

Squidoo上有一篇很棒的关于图形设计的文章,其中有一系列老式图片和古董剪贴画,包括:复古式广告艺术、旧时代照片、复古式贺卡等等。

字体和字型

确保所选择字体和字型与你的古典设计风格相融合。下面列出了几种适于古典设计的字体。

Summertime:由Sara设计的一款适用于古典设计的字体。见图5。

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

Futura Condensed Medium:最初由Paul Renner于1927年设计。该字体基于1919~1933年代包豪斯设计风格中几何形状的设计理念。见图6。

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图6

Lobster:由Impallari设计。见图7。

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图7

Rockwell:最初由Monotype foundry的内部工作室于1934年设计,为Serif字型,属于Slab Serif类。见图8。

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图8

Chunk Five:是Slab Serif系列的超粗字体,它会让人联想到古时美国西部的木刻画、报纸的大标题。主要用来突出显示,该字体完全适用于现代。见图9。

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图9

Henry Jones在Web Design Ledger 网站上发布了一篇《30 Fonts Perfect for Vintage and Retro Style Design》,列出了更多的字体,从中你可以获得更多的灵感。Flickr网站中的Vintage Typography群组中列出了9400多张图片,自称为古典排版样式的最终来源,包含广告、宣传画、卡片、门票、包装等所有排版物中的所有排版元素,如样式、logo、文字等。截图见图10。

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

图10

具有古典设计风格的Web网站

最后,分享六个古典设计风格的Web网站,希望你可以从中可以获得更多的灵感与机会。

Mom and Popcorn

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

Level Two Design

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

The New York Moon

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

The Cottonseed Oil Tour

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

Island Photo Booth

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

Font Diner

浅谈网页中创建一个古典风格的网站,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

浅谈网页中创建一个古典风格的网站

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈网页中创建一个古典风格的网站

Photoshop制作一个古典风格的白酒酒瓶

PS鼠绘 PS PS效果 PS基础
Photoshop制作一个古典风格的白酒酒瓶

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop制作一个古典风格的白酒酒瓶教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作一个古典风格的白酒酒瓶教程

新古典风格如何搭配 新古典风格装修特点

装修设计 装潢设计 新古典风格 新古典主义风格
新古典风格如何搭配 新古典风格装修特点

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

新古典风格特点

设计创意
新古典风格特点

中式古典风格 醉人的美

中式风格
中式古典风格 醉人的美

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

浅议360手机桌面锁屏设计

浅议360手机桌面锁屏设计

浅谈淘宝平铺图片拍摄与处理

浅谈淘宝平铺图片拍摄与处理
下拉加载更多内容 ↓