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

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

專題網站推薦：
《漲姿勢！21個典雅精致的博物館網站》
《高端大氣！20個豪華汽車、摩托車網頁設計作品欣賞》
《拒絕保守！緊跟潮流的政府機構類網頁設計欣賞》

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

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

Luxaqua Design

第一個網站就非常給力了！這是一個基于垂直滾動的網站，通過滾動鼠標滾輪引領我們潛入海洋深處。每個部分又有獨立的滾動畫面，整個設計是由照片輔助實現的，非常磅礴。

Whale Translator

設計師利用各種奇妙的海底世界快照來支持網站主題，頁面干凈整潔，寧靜深遠。

Leidgens piscines

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

Whaternet

這是一家一流的數字機構，卻非常低調地展示著自己的創造力。著陸頁充滿了驚人的攝影手法，不僅展示了團隊成員，也增強了團隊口號。

Me-had

公司通過首頁完美的照片處理給人展示了自己充滿創意的概念產品。其中的牛仔褲結構起著重要的作用。

Siput Scuba

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

The John Dory

這是一個不錯的海產品餐廳。網站本身就說明了這一點。設計特點是擁有一個愉快的視頻背景和適當的氣氛。手繪圖形與博客風格的布局給網站帶來了恰到好處的外觀。

Media Whale

這是另一個典型的示例。該網站通過全幅面的插圖風格呼應了網站的主題。

In Charted Waters

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

LoveHideaway

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

Innomedio

擁有整潔的結構，通過平靜的海面背景喚起莊重的感覺。

NH Bunkering

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

Raindrop Race

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

Michelle Lana

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

Appdock

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

Econyl

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

Defend Seashepherd

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

Evaco Group

這是一家專門銷售海域附近房產的房地產公司。壯觀的海景絕對是為了激發客戶趕緊行動的！

結語

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

原文地址：designmodo
優設網翻譯：@sheisjane

本文由優設網uisdc.com原創翻譯，轉摘請注明優設網譯文出處，謝謝各位小編。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量65萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：