15個華麗的登陸頁面設計

在過去的幾年裏，精美的登陸頁面見證了設計趨勢實實在在的轉變。不論是iPhone應用、web應用、服務還是實際產品，在登陸頁面設計方面的門檻是節節升高。

我認為在其中很多初創公司發揮了很大作用。在初創公司的世界裏，給用戶留下第一印象的機會僅此一次，所以如何展示產品至關重要。而為了有效競爭，一些比較大的品牌在這一方面也不得不多走點心，而這一競爭就造就了越來越多精美的營銷頁面，這些頁面能夠有效地展示產品、說明產品功能和好處，並鼓動顧客的情懷，讓他們產生比較高的期望。

下面我收集了一些我個人比較喜歡的營銷頁面設計，這些設計我覺得融入了大量的心思和功夫，希望能夠給大家帶來一些靈感。

1) FOREST

Forest是一款能夠幫助用戶以30分鍾為單位集中時間和注意力的工作效率提升應用。其登錄頁看起來比較鬆散，近似極簡主義，但仍然很好地解釋了產品簡單而上檔次的理念。

2) MOTO 360

這是摩托羅拉首次殺入智能手表市場，其Moto 360是公司的旗艦產品，因此一定要以一種創新、有趣地方式展示出來。滾動登錄頁你會看到以動態UI展示的手表裝配過程。其中比較討巧的一個元素，就是手表圖片上顯示的是當前實際的精確時間。

3) INSTAPAPER

Instapaper是比較成功的一款閱讀儲備應用，其特點是應用界面簡單、簡約。其登陸頁面也集產品之大成，雖然有大量的留白空間，但卻展現出了一切必要信息，沒有亂七八糟的東西。

4) RING

Ring是一款門鈴產品，不在互聯網圈子內。其內置的攝像頭可以讓你通過手機看到門前來者，甚至還能檢測到自己房屋周邊的動作情況並向你發送警報。這是個比較新奇的理念，所以可能需要詳加解釋一番，其登陸頁面充分而優雅地展示出了產品的所有好處。

5) GUMROAD

Gumroad可提供網上銷售服務，用戶還可通過其系統收款。其登陸頁面踩中了很多設計最佳實踐方式：有明確的方向指引（大大的“免費設立”按鈕）、用詞巧妙的操作引導、與之合作的大網站的logo，還有用精美插畫繪製的整體流程方式。

6) RDIO

Rdio提供在線音樂服務，其擁有一套製作精良的登錄頁。頁面典雅、簡潔，並采用了大量留白空間和大幅的滿屏圖片，營造出能夠吸引眼球的大膽設計。

7) INTERCOM

Intercom服務可幫助用戶提高向客戶發送電子郵件的效率。其登陸頁采用了相對比較複雜的理念以便大家理解產品工作原理以及好處所在。這個設計中我最喜歡的是對比展示舊有工作方式和Intercome的簡便方法。

8) IPHONE 6

iPhone6的登陸頁面采用了其標誌性地營銷風格——大量留白、巨型方便閱讀的文字和高質量的圖片襯托白色背景。不僅如此，公司還加入了相對比較微妙的動畫效果——向下滾動鼠標時，手機會以視差的形式自己移動。這一切元素共同組成了一套漂亮、容易領會而且具有蘋果風格特色的登錄頁。

9) SHYP

Shyp是一款旨在簡化包裹發運工作的服務。其流程是首先用手機應用拍攝物品照片，準備發運，然後Shyp會負責完成剩下全部工作。考慮到這個想法比較不尋常，所以需要比較複雜的解釋工作來展現出這項服務的簡單和直接，而這也就是登陸頁面的作用了。用戶滾動鼠標時，可以看到分步驟的服務流程，並領會到這一切有多簡單和方便。

10) SQUARESPACE

Squarespace可以幫助不會寫代碼的小企業及個體戶建立網站。其登陸頁面采用了巨幅的背景圖片，動態展示產品。這一類崇尚簡約的登陸頁面如果安置妥當可以起到很好的作用，而Squarespace則做到了美觀、簡約和好用這三點。

11) DISQUS

Disqus可通過嵌入代碼幫助網站所有方在網站任意位置添加評論功能。Disqus一直崇尚創意、巧妙並且設計精巧的登錄頁，而其最新的登錄頁版本又加入了一個新元素：個性化。其將主頁的標題部分打造成了一個不同尋常、有趣且好玩的評論幻燈片，給整體設計精美的頁面帶來了另一絲魅力。

12) CAMPAIGN MONITOR

打造簡單雅致的登陸頁面看似簡單做起來難，但是Campaign Monitor出手不凡。這是我印象中最簡單但最漂亮的頁面。其同樣踏中了最正確的節奏：有力的標題、撰寫得當的介紹語準確說明軟件的好處、顯眼的操作引導以及一片正在使用其軟件的知名公司名稱。

13) HUMAN

Human是一款能夠跟蹤健身水平、卡路裏攝入等的iPhone應用。其推廣產品的登陸頁面在一定程度上采納了蘋果的設計風格，使用了大型的文字、大量留白和巨大粗獷的圖片。其簡約的設計一筆到位，沒有廢話，而且看起來也很不錯。

14) CIRCLE

Circle是一項比較新穎的服務，其可輔助你使用比特幣買東西。公司登陸頁面有幾個方面做得非常好，比如在多個位置放置注冊表單，而不是單獨跳出頁面。另外，其還采用了幾個其他設計訣竅。鼠標滾動時，其背景圖片上采用了比較聰明的視差效果，但大型的圖片並不會原地不動，而是會縮小到遠景，營造出不同尋常的運動感。

15) DYSON 360 EYE

Dyson正式揭開了其機器人吸塵器Dyson 360 Eye的面紗。其登陸頁面采用絕妙而不同尋常的方式展現了其不同尋常的產品。頁面在顯眼位置展示了成品，鼠標滾動采用了有趣的動畫效果展示每個零部件，以便用戶仔細查看吸塵器內部構造。而最後就組成了這一信息滿滿而又十分有趣的產品展示登陸頁面。

原文地址：webdesignerdepot