pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

Web設計主題:教你創建一個古典風格的網站

如何進行古典風格的設計?主要針對酒店行業和聯邦政府進行Web開發的Ryan Boudreaux針對該話題發表了文章《Web design themes: Create a vintage look and feel》。CSDN對該文進行了編譯,內容如下:

你有被要求創建一個具有古典風格的商業網站嗎?在我們的小城鎮,有一些賣古典商品的小商家,你所在城市或許也有吧。古典在很多商業和組織中是一個很熱門的主題。該類型的商業包括二手衣服商店、寄售商店、特色食品商店、工藝精品店、家具城、廉價市場、攝影店等等。

我也注意到,這些商家很多都沒有自己的網站。即便有,網站的風格與商家的身份也不相匹配。商家的身份并未融入到Web設計中。本文將展示如何進行古典風格的設計。

過去給我們的啟示

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。

圖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

原文鏈接:Web design themes: Create a vintage look and feel

編譯鏈接:CSDN

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 今日热点_实时热点_奇闻异事_趣闻趣事_灵异事件 - 奇闻事件 | 安平县鑫川金属丝网制品有限公司,声屏障,高速声屏障,百叶孔声屏障,大弧形声屏障,凹凸穿孔声屏障,铁路声屏障,顶部弧形声屏障,玻璃钢吸音板 | 北京四合院出租,北京四合院出售,北京平房买卖 - 顺益兴四合院 | 流变仪-热分析联用仪-热膨胀仪厂家-耐驰科学仪器商贸 | 最新电影-好看的电视剧大全-朝夕电影网 | 铸钢件厂家-铸钢齿轮-减速机厂家-淄博凯振机械有限公司 | 聚氨酯催化剂K15,延迟催化剂SA-1,叔胺延迟催化剂,DBU,二甲基哌嗪,催化剂TMR-2,-聚氨酯催化剂生产厂家 | 辐射仪|辐射检测仪|辐射巡测仪|个人剂量报警仪|表面污染检测仪|辐射报警仪|辐射防护网 | 顺景erp系统_erp软件_erp软件系统_企业erp管理系统-广东顺景软件科技有限公司 | 油液红外光谱仪-油液监测系统-燃油嗅探仪-上海冉超光电科技有限公司 | 杭州中央空调维修_冷却塔/新风机柜/热水器/锅炉除垢清洗_除垢剂_风机盘管_冷凝器清洗-杭州亿诺能源有限公司 | 网带通过式抛丸机,,网带式打砂机,吊钩式,抛丸机,中山抛丸机生产厂家,江门抛丸机,佛山吊钩式,东莞抛丸机,中山市泰达自动化设备有限公司 | 气力输送设备_料封泵_仓泵_散装机_气化板_压力释放阀-河南锐驰机械设备有限公司 | 吉林污水处理公司,长春工业污水处理设备,净水设备-长春易洁环保科技有限公司 | 临朐空调移机_空调维修「空调回收」临朐二手空调 | 生物除臭剂-除味剂-植物-污水除臭剂厂家-携葵环保有限公司 | AR开发公司_AR增强现实_AR工业_AR巡检|上海集英科技 | Win10系统下载_32位/64位系统/专业版/纯净版下载 | 中宏网-今日新闻-财经新闻 | 标准光源箱|对色灯箱|色差仪|光泽度仪|涂层测厚仪_HRC大品牌生产厂家 | 威廉希尔WilliamHill·足球(中国)体育官方网站 | 电脑知识|软件|系统|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网 | 并离网逆变器_高频UPS电源定制_户用储能光伏逆变器厂家-深圳市索克新能源 | 特材真空腔体_哈氏合金/镍基合金/纯镍腔体-无锡国德机械制造有限公司 | IWIS链条代理-ALPS耦合透镜-硅烷预处理剂-上海顶楚电子有限公司 lcd条形屏-液晶长条屏-户外广告屏-条形智能显示屏-深圳市条形智能电子有限公司 | 塑钢课桌椅、学生课桌椅、课桌椅厂家-学仕教育设备首页 | 高低温万能试验机_拉力试验机_拉伸试验机-馥勒仪器科技(上海)有限公司 | 协议书_协议合同格式模板范本大全 | 温室大棚建设|水肥一体化|物联网系统 | 山东氧化铁红,山东铁红-淄博科瑞化工有限公司 | 比亚迪叉车-比亚迪电动叉车堆垛车托盘车仓储叉车价格多少钱报价 磁力去毛刺机_去毛刺磁力抛光机_磁力光饰机_磁力滚抛机_精密金属零件去毛刺机厂家-冠古科技 | 重庆私家花园设计-别墅花园-庭院-景观设计-重庆彩木园林建设有限公司 | 旗杆生产厂家_不锈钢锥形旗杆价格_铝合金电动旗杆-上海锥升金属科技有限公司 | 电镀标牌_电铸标牌_金属标贴_不锈钢标牌厂家_深圳市宝利丰精密科技有限公司 | 西子馋火锅鸡加盟-太原市龙城酉鼎餐饮管理有限公司 | 分光色差仪,测色仪,反透射灯箱,爱色丽分光光度仪,美能达色差仪维修_苏州欣美和仪器有限公司 | SDG吸附剂,SDG酸气吸附剂,干式酸性气体吸收剂生产厂家,超过20年生产使用经验。 - 富莱尔环保设备公司(原名天津市武清县环保设备厂) | 登车桥动力单元-非标液压泵站-非标液压系统-深圳市三好科技有限公司 | 锡膏喷印机-全自动涂覆机厂家-全自动点胶机-视觉点胶机-深圳市博明智控科技有限公司 | 拉曼光谱仪_便携式|激光|显微共焦拉曼光谱仪-北京卓立汉光仪器有限公司 | 合肥活动房_安徽活动板房_集成打包箱房厂家-安徽玉强钢结构集成房屋有限公司 |