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