在網(wǎng)頁設(shè)計中自然圖案的展示是很常見的一個手法。設(shè)計師通常喜歡用各種景觀照片、風(fēng)景插圖或者鄉(xiāng)村風(fēng)格的視頻來增加網(wǎng)站自身的自然度。現(xiàn)在我們把思緒聚焦在航海主題上。海洋并不缺乏強大的情緒，相反它能夠激發(fā)一系列積極的感受，在網(wǎng)站設(shè)計中見證這樣一個駭俗的場景足以讓我們感受到它戲劇性的效果，在心中刻下明顯的印記。

　　展示海洋有多種不同的方式。它可以是一個簡單的海景，一幅神秘的海底世界，水里有個潛水員，或者是一些帶有幻覺的照片處理，或者是驚人的海洋生物展現(xiàn)。每種方式都可以添加一些標(biāo)新立異的設(shè)計，這樣子會起到有趣而特殊的體驗效果。

　　至于海景的功能使用，它們當(dāng)然可以各領(lǐng)風(fēng)騷。例如水下風(fēng)景可以客氣地吸引用戶通過線下滾動的模式來探索網(wǎng)站，為他們提供視覺路徑;而普通的海洋照片可以作為非語言支持的信號，或者網(wǎng)站的標(biāo)志。一切都源于一些常用的概念。

　　So~來看看我們這里搜集的實例吧。

　　Luxaqua Design

　　第一個網(wǎng)站就非常給力了!這是一個基于垂直滾動的網(wǎng)站，通過滾動鼠標(biāo)滾輪引領(lǐng)我們潛入海洋深處。每個部分又有獨立的滾動畫面，整個設(shè)計是由照片輔助實現(xiàn)的，非常磅礴。

　　Whale Translator

　　設(shè)計師利用各種奇妙的海底世界快照來支持網(wǎng)站主題，頁面干凈整潔，寧靜深遠(yuǎn)。

　　Leidgens piscines

　　因為該網(wǎng)站致力于銷售游泳池、按摩浴缸和桑拿，所以對于設(shè)計師使用圖片和視頻來填充網(wǎng)站沒有什么驚奇可言。固有的藍(lán)色背景非常有效地支撐起整潔優(yōu)雅的白色字體。

　　Whaternet

　　這是一家一流的數(shù)字機(jī)構(gòu)，卻非常低調(diào)地展示著自己的創(chuàng)造力。著陸頁充滿了驚人的攝影手法，不僅展示了團(tuán)隊成員，也增強了團(tuán)隊口號。

　　Me-had

　　公司通過首頁完美的照片處理給人展示了自己充滿創(chuàng)意的概念產(chǎn)品。其中的牛仔褲結(jié)構(gòu)起著重要的作用。

　　Siput Scuba

　　網(wǎng)站屬于2個潛水教練所有，生動的圖形展示了其技能和潛力。他們邀你去深入了解海底世界，同時也了解他們。

　　The John Dory

　　這是一個不錯的海產(chǎn)品餐廳。網(wǎng)站本身就說明了這一點。設(shè)計特點是擁有一個愉快的視頻背景和適當(dāng)?shù)臍夥铡Ｊ掷L圖形與博客風(fēng)格的布局給網(wǎng)站帶來了恰到好處的外觀。

　　Media Whale

　　這是另一個典型的示例。該網(wǎng)站通過全幅面的插圖風(fēng)格呼應(yīng)了網(wǎng)站的主題。

　　In Charted Waters

　　伴隨一張神奇的、古老的航海插圖，網(wǎng)站整體給出了一個冒險的氛圍。

　　LoveHideaway

　　據(jù)稱是一個交友網(wǎng)站,通過有趣的異國風(fēng)情達(dá)到吸引用戶交友的目的。看起來似乎很棒，不過我點擊鏈接時居然直接跳到百度首頁，桑不起。。。要不你點擊試一試?

　　Innomedio

　　擁有整潔的結(jié)構(gòu)，通過平靜的海面背景喚起莊重的感覺。

　　NH Bunkering

　　網(wǎng)站通過視覺故事指導(dǎo)你走完一些部分。這個主題并不是偶然出現(xiàn)在此處的，因為公司本身是從事海洋和河流倉儲的業(yè)務(wù)的，背景看起來很合適該公司。

　　Raindrop Race

　　該網(wǎng)站給游客提供了一個小游戲，目的是宣傳安格魯人家里的改進(jìn)。右邊的圖片則是展示在推廣產(chǎn)品的過程中未來可能發(fā)生的事情。

　　Michelle Lana

　　這是一個十分有才華和創(chuàng)造力的插畫家。通過該網(wǎng)站我們可以見證她的技巧。毫不猶豫地，她讓我們沉浸在她的插圖世界里。

　　Appdock

　　航海主題也用來強調(diào)網(wǎng)站本身的標(biāo)志。干凈而光滑的海景圖很好地匹配了網(wǎng)站本身的語境。同時也很好地說明了在各種各樣的商品中如何找到必要的應(yīng)用。

　　Econyl

　　運用數(shù)字和事實讓游客在深入了解網(wǎng)站之前首先熟悉一個大概。冷靜而微妙的水下背景為這一目的帶來良好的效果。

　　Defend Seashepherd

　　該公司致力于海洋和海洋活動。首頁的視頻背景很好地展示了這一點。

　　Evaco Group

　　這是一家專門銷售海域附近房產(chǎn)的房地產(chǎn)公司。壯觀的海景絕對是為了激發(fā)客戶趕緊行動的!

　　結(jié)語

　　雖然水下插圖和航海主題通常用于一些特定的網(wǎng)站項目中(特別是與海洋相關(guān)的主題活動)，但是有一些例子還是蠻值得參考借鑒的。領(lǐng)會其中真正的意義，它們的好處已經(jīng)和活動本身無關(guān)。