迎客入門(mén)，該大方熱情還是謙卑有序？是張燈結(jié)彩還是樸素平常？對(duì)于引導(dǎo)頁(yè)來(lái)說(shuō)，這都得看產(chǎn)品的調(diào)性。今天分享一篇好文，針對(duì)不同類(lèi)型的軟件，提出切實(shí)可行的具體建議，是引導(dǎo)頁(yè)設(shè)計(jì)不可多得的好教程，趕緊來(lái)學(xué)習(xí)吧！

當(dāng)你第一次打開(kāi)一款應(yīng)用的時(shí)候常常會(huì)看到精美的引導(dǎo)頁(yè)設(shè)計(jì)，它們?cè)谀阄词褂卯a(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn)，第一次印象的好壞會(huì)極大地影響到后續(xù)的產(chǎn)品使用體驗(yàn)。因此各個(gè)公司都在努力將這幾個(gè)頁(yè)面設(shè)計(jì)好，從一開(kāi)始就引人入勝。那接下來(lái)我跟大家一起來(lái)探討關(guān)于引導(dǎo)頁(yè)的設(shè)計(jì)。

一、 目的區(qū)分

根據(jù)引導(dǎo)頁(yè)的目的、出發(fā)點(diǎn)不同，可以將其分為功能介紹類(lèi)、使用說(shuō)明類(lèi)、推廣類(lèi)、問(wèn)題解決類(lèi)，一般引導(dǎo)頁(yè)不會(huì)超過(guò)5頁(yè)。

1. 功能介紹類(lèi)

功能介紹類(lèi)引導(dǎo)頁(yè)主要是對(duì)產(chǎn)品的主要功能進(jìn)行展示，讓用戶(hù)對(duì)產(chǎn)品主功能有一個(gè)大致的了解。采用的形式大多以文字配合界面、插圖的方式來(lái)展現(xiàn)。

以易信為例，采用文字與水彩插圖結(jié)合的方式，文字分為2個(gè)層次，大標(biāo)題與小標(biāo)題，大標(biāo)題是對(duì)主功能的概括，小文字是對(duì)其功能模塊的詳細(xì)描述或進(jìn)一步補(bǔ)充說(shuō)明。

2. 使用說(shuō)明類(lèi)

使用說(shuō)明類(lèi)引導(dǎo)頁(yè)是對(duì)用戶(hù)在使用產(chǎn)品過(guò)程中可能會(huì)遇到的困難、不清楚的操作、誤解的操作行為進(jìn)行提前告知。這類(lèi)引導(dǎo)頁(yè)大多采用箭頭、圓圈進(jìn)行標(biāo)識(shí)，以手繪風(fēng)格為主。以蝦米音樂(lè)的引導(dǎo)頁(yè)為例，對(duì)于較難發(fā)現(xiàn)的播放隊(duì)列、歌詞的操作方式進(jìn)行的箭頭引導(dǎo)來(lái)說(shuō)明。

3. 推廣類(lèi)

推廣類(lèi)引導(dǎo)頁(yè)除了有一些產(chǎn)品功能的介紹外，更多是想傳達(dá)產(chǎn)品的態(tài)度，讓用戶(hù)更明白這個(gè)產(chǎn)品的情懷，并考慮與整個(gè)產(chǎn)品風(fēng)格、公司形象相一致。這一類(lèi)的引導(dǎo)頁(yè)如果做的不夠吸引人，用戶(hù)只會(huì)不耐煩地想快速劃過(guò)。而制作精良、有趣的引導(dǎo)頁(yè)，用戶(hù)會(huì)駐足觀賞。

以淘寶旅行為例，淘寶旅行通過(guò)清新、生活化場(chǎng)景的插圖營(yíng)造產(chǎn)品是一款樂(lè)享生活、跟著感覺(jué)走的出行應(yīng)用，在你出行前就幫你計(jì)劃好所有的行程安排，只要一個(gè)行李箱，說(shuō)走就走，與產(chǎn)品的理念相契合。而另外一款應(yīng)用，選用恬靜、安逸的照片配以簡(jiǎn)潔的文字來(lái)渲染產(chǎn)品的基調(diào)。

4. 問(wèn)題解決類(lèi)

問(wèn)題解決類(lèi)通過(guò)描述在實(shí)際生活中會(huì)遇到的問(wèn)題，直擊痛點(diǎn)，通過(guò)最后的解決方案讓用戶(hù)產(chǎn)生情感上的聯(lián)系，讓用戶(hù)對(duì)產(chǎn)品產(chǎn)生好感，增加產(chǎn)品粘度。例如QQ瀏覽器的引導(dǎo)頁(yè)設(shè)計(jì)，通過(guò)形象的插圖直接明了地說(shuō)明了QQ瀏覽器解決了其他瀏覽器所遇到的問(wèn)題（搜不到小說(shuō)、看小說(shuō)花錢(qián)、小說(shuō)更新需要等）。

二、表現(xiàn)方式

1. 文字與界面組合

這是最常見(jiàn)的引導(dǎo)頁(yè)面，簡(jiǎn)短的文字+該功能的界面，主要是運(yùn)用在功能介紹類(lèi)與使用說(shuō)明類(lèi)引導(dǎo)頁(yè)。這種方式能較為直接地傳達(dá)產(chǎn)品的主要功能，缺點(diǎn)在與過(guò)于模式化，顯得千篇一律。

2. 文字與插圖組合

文字與插圖的組合方式也是目前常見(jiàn)的形式之一。插圖多具象，以使用場(chǎng)景、照片為主，來(lái)表現(xiàn)文字內(nèi)容。

3. 動(dòng)態(tài)效果與音樂(lè)

除了靜態(tài)頁(yè)面外，開(kāi)始流行具有動(dòng)態(tài)效果的頁(yè)面。在單個(gè)頁(yè)面采用動(dòng)畫(huà)的形式，考慮好各個(gè)組件的先后快慢，打破原有的沉寂，讓頁(yè)面動(dòng)起來(lái)。同時(shí)結(jié)合動(dòng)效可以考慮頁(yè)面間切換的方式，將默認(rèn)的左右滑動(dòng)改為上下滑動(dòng)或過(guò)幾秒自動(dòng)切換到下一頁(yè)。在瀏覽引導(dǎo)頁(yè)的時(shí)候，可以試著加入一些與動(dòng)效節(jié)奏相符合的音樂(lè)，會(huì)是一種更加新穎的方式。