14個特別走心的網(wǎng)站著陸頁設(shè)計

2016-10-14    分類: 網(wǎng)站建設(shè)

在過去的幾年里,精美的登陸頁面見證了設(shè)計趨勢實實在在的轉(zhuǎn)變。不論是iPhone應(yīng)用、Web應(yīng)用、服務(wù)還是實際產(chǎn)品,在登陸頁面設(shè)計方面的門檻是節(jié)節(jié)升高。

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

下面我收集了一些我個人比較喜歡的營銷頁面設(shè)計,這些設(shè)計我覺得融入了大量的心思和功夫,希望能夠給大家?guī)硪恍╈`感。

1)FOREST

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

2)MOTO 360

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

3)Instapaper

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

4)Ring

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

5)Gumroad

Gumroad可提供網(wǎng)上銷售服務(wù),用戶還可通過其系統(tǒng)收款。其登陸頁面踩中了很多設(shè)計好實踐方式:有明確的方向指引(大大的“免費設(shè)立”按鈕)、用詞巧妙的操作引導(dǎo)、與之合作的大網(wǎng)站的logo,還有用精美插畫繪制的整體流程方式。

6)RDIO

Rdio提供在線音樂服務(wù),其擁有一套制作精良的登陸頁。頁面典雅、簡潔,并采用了大量留白空間和大幅的滿屏圖片,營造出能夠吸引眼球的大膽設(shè)計。

7) Intercom

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

8) iPhone 6

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

9)Shyp

Shyp是一款旨在簡化包裹發(fā)運工作的服務(wù)。其流程是首先用手機應(yīng)用拍攝物品照片,準備發(fā)運,然后Shyp會負責完成剩下全部工作??紤]到這個想法比較不尋常,所以需要比較復(fù)雜的解釋工作來展現(xiàn)出這項服務(wù)的簡單和直接,而這也就是登陸頁面的作用了。用戶滾動鼠標時,可以看到分步驟的服務(wù)流程,并領(lǐng)會到這一切有多簡單和方便。

10) DISQUS

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

11) CAMPAIGN MONITOR

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

12) Human

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

13) CIRCLE

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

14) DYSON 360 EYE

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

當前標題:14個特別走心的網(wǎng)站著陸頁設(shè)計
文章地址:http://www.bm7419.com/news/50195.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、Google、動態(tài)網(wǎng)站、營銷型網(wǎng)站建設(shè)企業(yè)網(wǎng)站制作、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司