自然風(fēng)景大圖背景的網(wǎng)頁設(shè)計(jì)
春暖花開的季節(jié)里,也許很多人已經(jīng)謀劃了豐富多彩的出游計(jì)劃。就在飽覽春光之余,你是否也想過拿那些放在電腦里,一年也懶得再打開看過一次的風(fēng)景圖再重新利用起來作為設(shè)計(jì)的素材呢?
在我看來,風(fēng)景圖是最易覓得的圖片。很多人覺得美則美矣但很難與品牌形象關(guān)聯(lián)起來,就像糖水片一樣,讓人覺得溫情脈脈但總是缺點(diǎn)powerful的東西。如果你還像我曾經(jīng)這樣幼稚妄想的話,現(xiàn)在是時(shí)候改變一下了。當(dāng)然,藍(lán)天白云是真的被炒了很多次的家常便飯,除了肚餓時(shí),要做得好吃到哭泣也相當(dāng)不容易,但是,我們?nèi)匀灰獙?duì)生活懷有遇見意外驚喜的神秘期待。
下面這以自然風(fēng)景大圖為背景的網(wǎng)頁設(shè)計(jì),看看他們是怎樣利用自然風(fēng)光來演繹自己的品牌?什么樣的組織機(jī)構(gòu)會(huì)用上這類設(shè)計(jì)?
marktplatznatur
春光明媚搭配人物場景,一個(gè)精油護(hù)膚品的品牌,讓物質(zhì)與精神生活聯(lián)系了起來。
uni-sapon
同樣是日用品的官網(wǎng),采用了濃密樹蔭的意向,在背景圖上疊以文字。主色與圖片色撞色搭配,顯得生機(jī)勃勃。
hogeveluwe
一個(gè)國外公園的官方網(wǎng)站,首頁采用了公園里一群少年出游公園的場景。對(duì)于很多以風(fēng)景名勝為主題的網(wǎng)站,可以考慮采用這類加以現(xiàn)實(shí)人物的生活照為大圖的背景,這也許比單單使用風(fēng)景圖來得更有感染力。
hotelesencia
一個(gè)酒店的網(wǎng)站,首頁使用的是手繪式的風(fēng)景圖片,這是個(gè)很特殊的例子。采用手繪風(fēng)格的時(shí)候,讓人感覺更溫暖。
baskgilimeno
同樣以景區(qū)作為主題的網(wǎng)站,以風(fēng)景為背景搭配文字介紹,這已經(jīng)是一經(jīng)典配置。當(dāng)然,對(duì)風(fēng)景的角度選取要盡量標(biāo)新立異,比如這個(gè)案例里選用高空鳥瞰的角度,和清澈海灘的海浪作為背景。
oneabode
一個(gè)專業(yè)提供花園景觀設(shè)計(jì)的服務(wù)機(jī)構(gòu),運(yùn)用了花草作為背景,背景圖展現(xiàn)一種由遠(yuǎn)及近的動(dòng)態(tài)效果,讓人身臨其境。文字等其他元素保持簡潔清爽,突出信息和品牌特點(diǎn)。
flyjetedge
一個(gè)提供私家飛行定制服務(wù)的機(jī)構(gòu),選用的在飛機(jī)上鳥瞰到風(fēng)光的視角作為網(wǎng)站的大圖背景,為用戶帶來真實(shí)的感官體驗(yàn)。
webarts
為企業(yè)提供品牌創(chuàng)意設(shè)計(jì)的服務(wù)機(jī)構(gòu)也可以選用這類更加新穎的視角作為網(wǎng)站的大圖背景,讓一群員工在森林里聚會(huì),這本身傳遞出了一種訊號(hào),這個(gè)訊號(hào)是想告訴用戶他們的團(tuán)隊(duì)的工作狀態(tài)。
childrens2012
美國一個(gè)州的政府機(jī)構(gòu),為兒童提供醫(yī)療保健的社會(huì)服務(wù)。網(wǎng)站的首頁選用一個(gè)在青草地上仰臥的小女孩的側(cè)臉,寓意豐富,場景感染力很強(qiáng)。
mainequarterly
以緬因州的人文和自然風(fēng)情為主題的網(wǎng)站,吸引游客,更多是推廣自己的品牌理念。采用自然風(fēng)景主題,相應(yīng)將色系調(diào)至暗淡,主要在于突出文字。
anotherescape
這是我比較喜歡的一個(gè)網(wǎng)站,網(wǎng)站本身也是一個(gè)閱讀雜志,將生活用一種有趣的方式記錄下來,分享給大家。選用的風(fēng)景照,志在形成一種對(duì)“逃離”和“叛逆”的向往。
mc3
雖然是開發(fā)網(wǎng)站和APP的所謂“網(wǎng)絡(luò)科技公司”,但他們也大膽地使用了和科技看上去毫無關(guān)聯(lián)的群山和天空的圖片作為網(wǎng)頁的大圖背景,而又加上線條作為背景,和一個(gè)動(dòng)畫的仿佛正在轉(zhuǎn)動(dòng)的儀表盤一樣的LOGO設(shè)計(jì),為網(wǎng)站增加了部分科技感。
lula
手工飾品設(shè)計(jì)的網(wǎng)站,和時(shí)尚似乎有著某種聯(lián)系。將模特放置于明媚風(fēng)光里,作為幻燈片展示,而不是直接使用產(chǎn)品。這樣傳遞的信息似乎更多,也更加平易近人。
milescalder
樂隊(duì)的網(wǎng)站選用一張安靜的風(fēng)景圖作為首頁,在此展示音樂的精神。
agrivault
一個(gè)以售賣企業(yè)內(nèi)部系統(tǒng)軟件的公司,他們選用一片鄉(xiāng)間小路作為背景大圖,搭配了相稱的文字。
frank bow
攝影師運(yùn)用風(fēng)景圖作為網(wǎng)站的大圖背景真的再貼切不過,而對(duì)風(fēng)景圖也大有玄機(jī)。這里選用了山間云霧,經(jīng)過調(diào)色,美得窒息。
本文地址:http://m.likemindfilms.com/tutorial/de2714.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏