在那些令人驚嘆的與自然風景有關的網頁設計這篇文章中，采用了自然元素作為網頁設計的主題。而本期，我們將談談人類文明的璀璨明珠——城市。
以城市作為背景的網頁設計，一般取材摩天大樓以及商務中心，俯瞰城市萬家燈火，種種感受油然而生，這就是設計師想要達到的效果。
或是宏偉壯觀，或是高貴典雅，這便是城市背景圖片所能打造的氛圍。
下面收集了一些這種類型的網頁設計，感觸各不相同。
奢華的城市，專業的拍攝手法，美麗的意大利城市在呼喚著游客。
雄偉壯觀的城市鳥瞰圖巧妙的結合了Logo，標題以及按鈕。
流光溢彩，我們生活的全景，粉色熒光的路具有某種象征性意義。非常纖細的白色字體非常好的中和了背景圖片中緊密的建筑。
色彩繽紛、動態十足的即視感，膨脹的字體和圖標顯得非常突出，再華麗的背景，也只能是背景。
獨一無二的設計，美好歲月的緬懷，這是這個網站帶給我們的感受。字體設計也很獨特。
高處俯瞰的城市全景，現代感立馬就出來了。黑白的內容微件看起來非常的干凈整潔。
簡潔，壯觀，大氣。
很抓眼，除了主頁，內頁也采用了垂直視差滾動設計，都包含了一些非凡的城市建筑圖像。
垂直視差滾動設計，引導用戶的視覺路徑，登陸頁有一個很大的圖像滾動欄，氣勢恢宏的城市圖片一張接著一張。
Official website of Becherovka
神秘而又形象的視覺語言，帶你回到古代的捷克，不過稍微有點傳統。
遇上一個截然相反，新潮的設計風格，年輕的現代城市，晴朗的天空。
這是一個圖片為主的網站，簡單的白色字體便能充分吸引注意。
Future Bristol Low Carbon 2050
很藝術、很有城市情懷。同一座城市兩種不同的發展，圖像很符合"低碳"的主題。
這是一款iOS應用，與照片相關。模糊的效果打造出輕快的城市風格，輪廓簡潔的標題以及滑動的iPhone圖片，很有趣。
電商網站，巧妙的采取了做舊感的現代城市街頭，網格線布局讓整個設計井然有序。
大都會，星光閃爍，深灰色、亮紅色以及白色的三色搭配很地道。
顏色加深的圖像代,每個大城市都有的一幕——上班高峰期的人流。布局緊湊的白色粗字體標語，對比相當纖細的注釋字體，讓整個頁面看起來非常的大氣。
純凈，端莊，留白區域不小。純色的動效背景展現了城市的魅力。
神秘的黑色，村莊中的一條小徑。
城市圖片作為背景，和前景元素諸如"歡迎信息，內容以及微件"搭配的很好。
摩登時尚，圖片滑動。
藍色作為整體設計的核心色，讓人感覺非常值得信賴。藍色的都市夜景，讓人感覺非常商業化。
色彩光然，內容有趣，Metro化風格。
使用視頻作為背景，可以快速的展示座右銘的深層內涵。
美妙的云，飄逸的紙飛機帶你飛到城市的高空，富有現代感的城市中心可以迅速吸引用戶注意。
非常做舊的外觀：深綠色的城市，軍事風格主題。黑色背景和粗野的字體。
結論
以城市映像作為設計的元素或者主題，能夠打造非常好的視覺效果。以及一種世界風的氛圍，如果想讓網站看起來更專業嚴肅，更大氣上檔次，可以試試"城市"這一主題。
原文地址：designmodo.com
優設網翻譯：@MartinRGB
轉摘請注明優設網譯文出處，謝謝各位小編。
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量49萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 730 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓