青岛设计网标志 搜艺招聘
   Guest:  登陆 | 注册 | 网站首页 | 论坛首页 | 我的贴子 | 修改资料 | 留言板 | 会员列表 | 论坛帮助  | 论坛首页  

  论坛首页   WEB网页设计  Web设计主题:创建一个古典风格的网站111111111111

[公告]快到[搜艺招聘网]发布招聘信息 注册简历、发布自己作品! :)  
Web设计主题:创建一个古典风格的网站  
    yoguz

查看yoguz的博客


金钱: 18117
Level: 0
发帖数: 1549
最后登陆: 2017-5-4
注册时间: 2004-12-13



[咽炎吃什么药]每天泡2袋,坚持30天,咽炎好如初
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除

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

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


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


过去给我们的启示


图1


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


图2


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


建筑也是灵验的来源。例如比利时建筑师victor horta的作品,1928年的图尔奈美术博物馆(musée des beaux-arts in tournai)是他的作品之一。(见图2)


古典风格与主题


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


● 广告


● 动物


● 艺术装饰


● 新艺术风格(art nouveau)


● 美术工艺时代


● 亚洲古董


● 棒球


● 圣诞节


● 古典文学


● 硬币和邮票


● 收藏品


● 钓鱼


● 足球


● 黄金


● 军队与战争


● 明信片


● 收音机


● 唱片和专辑


● 玩具


等等


制图


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


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



图3


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



图4


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


字体和字型


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


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




futura condensed medium:最初由paul renner于1927年设计。该字体基于1919~1933年代包豪斯设计风格中几何形状的设计理念。见图6。



图6


lobster:由impallari设计。见图7。



图7


rockwell:最初由monotype foundry的内部工作室于1934年设计,为serif字型,属于slab serif类。见图8。



图8


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



图9


henry jones在web design ledger 网站上发布了一篇《30 fonts perfect for vintage and retro style design》,列出了更多的字体,从中你可以获得更多的灵感。flickr网站中的vintage typography群组中列出了9400多张图片,自称为古典排版样式的最终来源,包含广告、宣传画、卡片、门票、包装等所有排版物中的所有排版元素,如样式、logo、文字等。截图见图10。



图10


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


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


mom and popcorn



level two design



the new york moon



the cottonseed oil tour



island photo booth



font diner




       咽炎茶  橙创意  



2012-10-3 15:11:03
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除
回复:re:Web设计主题:创建一个古典风格的网站
    可可洛

查看可可洛的博客


金钱: 377
Level: 0
发帖数: 20
最后登陆: 2012-10-5
注册时间: 2006-10-4
信息 | 留言 引用 | 回复

哇噻,好久木来啦



2012-10-3 16:31:20
编辑 | 删除
    7     [    ]     8


青岛设计网版权所有
本论坛言论纯属发表者个人意见