移動(dòng)端引導(dǎo)設(shè)計(jì)技巧1：前置的引導(dǎo)頁(yè)

引導(dǎo)是帶領(lǐng)用戶更快速更愉悅地達(dá)到目標(biāo)的過(guò)程，能在用戶使用產(chǎn)品遇到障礙之前給予及時(shí)的幫助。在移動(dòng)互聯(lián)網(wǎng)的產(chǎn)品的設(shè)計(jì)中，新手引導(dǎo)的設(shè)計(jì)則是在用戶初次使用該移動(dòng)產(chǎn)品時(shí)，給予的一些必須性的幫助以使得用戶能快速愉悅地了解這個(gè)產(chǎn)品的功能與具體操作方式。為了完成不同的引導(dǎo)內(nèi)容和引導(dǎo)的目標(biāo)，移動(dòng)端的引導(dǎo)設(shè)計(jì)會(huì)根據(jù)需求進(jìn)行不同的多樣化處理。根據(jù)引導(dǎo)出現(xiàn)的時(shí)機(jī)，可以分為前置型的引導(dǎo)與過(guò)程中的引導(dǎo)。

　　前置型的引導(dǎo)：在用戶還沒(méi)有正式開(kāi)始使用這個(gè)產(chǎn)品時(shí)給出的一系列幫助內(nèi)容。主要的設(shè)計(jì)方式為引導(dǎo)頁(yè)的設(shè)計(jì)。過(guò)程中的引導(dǎo)：在用戶使用產(chǎn)品的過(guò)程中給出的一系列幫助內(nèi)容。主要的設(shè)計(jì)方式有空白頁(yè)的內(nèi)容引導(dǎo)，loading等等待狀態(tài)中的引導(dǎo)，拆分包袱的逐步引導(dǎo)，巧設(shè)默認(rèn)值的功能引導(dǎo)，tips引導(dǎo)，浮點(diǎn)引導(dǎo)，遮罩聚焦式引導(dǎo)，觸發(fā)式引導(dǎo)，任務(wù)演練式引導(dǎo)等。 互聯(lián)網(wǎng)的一些事

　　由于篇幅所限，本篇博文主要針對(duì)前置型引導(dǎo)的引導(dǎo)頁(yè)的設(shè)計(jì)詳細(xì)論述，而對(duì)于過(guò)程中的引導(dǎo)會(huì)在后續(xù)博文中奉上。

　　引導(dǎo)頁(yè)的設(shè)計(jì)探究

　　引導(dǎo)頁(yè)作為前置型引導(dǎo)，必然具備前置型引導(dǎo)的特征。用戶是在使用前看到引導(dǎo)頁(yè)的內(nèi)容，此時(shí)用戶對(duì)這個(gè)產(chǎn)品的了解并不多，對(duì)于如產(chǎn)品的功能/頁(yè)面布局/具體使用等還沒(méi)有建立起完整的認(rèn)知。所以引導(dǎo)頁(yè)更適合闡述產(chǎn)品的概況內(nèi)容(如具有產(chǎn)品的概念，產(chǎn)品的核心功能，具有競(jìng)爭(zhēng)力的功能點(diǎn)或用戶痛點(diǎn)，以及會(huì)影響到初次使用的操作方式的內(nèi)容)，建立起用戶對(duì)產(chǎn)品的大致認(rèn)知;而不太適用于闡述過(guò)于細(xì)節(jié)的產(chǎn)品內(nèi)容，因?yàn)榇藭r(shí)用戶還無(wú)法進(jìn)行相應(yīng)的信息匹配，細(xì)節(jié)內(nèi)容會(huì)不容易理解。

　　雖然引導(dǎo)頁(yè)有上述的限制，但是由于它具備的很多優(yōu)點(diǎn)，讓它作為一種非常常見(jiàn)的方式來(lái)使用。

　　具體的優(yōu)點(diǎn)：1)篇幅設(shè)置可自由設(shè)定，在一定范圍內(nèi)可多可少;2)全屏或幾乎全屏的信息呈現(xiàn)的方式，使得信息的可承載量多;3)內(nèi)容的編排自由，設(shè)計(jì)師可以自由發(fā)揮。

　　所以引導(dǎo)頁(yè)是一種在設(shè)計(jì)上較靈活自由的方式。但是在實(shí)際的使用中，我們還是常常會(huì)發(fā)現(xiàn)設(shè)計(jì)的效果并不容易達(dá)不到預(yù)期。用戶常常不會(huì)仔細(xì)瀏覽這些引導(dǎo)的信息，對(duì)于引導(dǎo)的內(nèi)容信息的接收程度會(huì)打折扣，很難全部吸收;還有不少情況下用戶會(huì)跳過(guò)引導(dǎo)，忽略引導(dǎo)想提供的幫助信息。那么，如何做能讓我們?cè)O(shè)計(jì)的引導(dǎo)才能引起用戶的興趣，讓他們花費(fèi)一點(diǎn)精力去吸收引導(dǎo)的內(nèi)容信息，這需要一些技巧。 yixieshi.com

　　最核心的技巧有5點(diǎn)：精簡(jiǎn)與合理使用  &  細(xì)致編排  &  有效的注意力  &  構(gòu)建特色。

　　精簡(jiǎn)與合理使用 yixieshi.com

　　在引導(dǎo)頁(yè)設(shè)計(jì)的泛濫時(shí)代，絕大多數(shù)的APP在首次使用中都會(huì)設(shè)計(jì)幾頁(yè)引導(dǎo)內(nèi)容。

　　設(shè)計(jì)師需要把控引導(dǎo)的內(nèi)容。只做必要的引導(dǎo)頁(yè)內(nèi)容。沒(méi)必要的引導(dǎo)內(nèi)容會(huì)增加信息的冗余性，沖淡真正需要用戶關(guān)注的信息的注意力與精力。 yixieshi.com

　　在設(shè)計(jì)之前，我們要對(duì)用戶初次使用該APP時(shí)的心理與使用行為進(jìn)行分析，并不是所有情況都適合使用引導(dǎo)頁(yè)的，要對(duì)不適合的情況say no。 互聯(lián)網(wǎng)的一些事

　　適合與否的依據(jù)主要是在真實(shí)的使用場(chǎng)景中，用戶是希望能對(duì)這個(gè)產(chǎn)品有個(gè)大致的了解，還是希望快速啟動(dòng)產(chǎn)品立即使用，在使用的過(guò)程中再慢慢學(xué)習(xí)。如果用戶是希望快速啟動(dòng)產(chǎn)品使用中出現(xiàn)過(guò)于的引導(dǎo)會(huì)引起用戶的方案。 yixieshi.com

　　具體較適用的情況：

　　1.對(duì)于一個(gè)新概念的新產(chǎn)品，用戶需要對(duì)這些新的概念或內(nèi)容有所理解才能更好的使用產(chǎn)品。(下圖為Vida的引導(dǎo)截圖)

　　2.競(jìng)爭(zhēng)力的或有吸引力的內(nèi)容點(diǎn)的介紹。(下圖為支付寶和糯米團(tuán)購(gòu)的引導(dǎo)截圖) 互聯(lián)網(wǎng)的一些事

　　細(xì)致編排

　　當(dāng)確定了引導(dǎo)的內(nèi)容后，我們需要對(duì)引導(dǎo)的內(nèi)容進(jìn)行細(xì)致的編排。具體的編排可以分為平鋪直敘述和講故事的方式。平鋪直敘是將一個(gè)一個(gè)內(nèi)容點(diǎn)羅列，之間沒(méi)有建立什么聯(lián)系。而講故事是將內(nèi)容串聯(lián)起來(lái)變成一個(gè)整體的故事。 yixieshi.com

　　1.講故事的方式，使引導(dǎo)具有情景性

　　講建立與用戶使用情景匹配的場(chǎng)景，讓用戶能建立一種熟悉的感受，能讓用戶對(duì)引導(dǎo)的功能點(diǎn)感同身受。互聯(lián)網(wǎng)的一些事

　　串聯(lián)的故事一般而言都是多頁(yè)的形式。一步拋出一個(gè)需告知的點(diǎn)，循序漸進(jìn)的解說(shuō)。故事可以只圍繞一個(gè)功能點(diǎn)來(lái)敘述，也可以將多個(gè)功能點(diǎn)串聯(lián)起來(lái)變成一個(gè)故事。形成一個(gè)完整的故事。

　　由于每次一個(gè)告知點(diǎn)，多會(huì)采用聚焦的設(shè)計(jì)手法，把視覺(jué)注意力吸引到每個(gè)告知點(diǎn)上。

　　講故事的主要目的是希望構(gòu)建用戶與產(chǎn)品之間的聯(lián)系。讓用戶感覺(jué)到產(chǎn)品與自己是有關(guān)系的，現(xiàn)在所說(shuō)的內(nèi)容是與我相關(guān)的，我需要花費(fèi)精力來(lái)關(guān)注一下。如果完全建立不起關(guān)聯(lián)，很容易讓用戶忽略。

　　微信4.0的引導(dǎo)就是一個(gè)編故事建立關(guān)系的好例子。在微信在推出4.0版本的時(shí)候，新增加了類(lèi)似Path和Instagram一樣的相冊(cè)功能，并且可以把相冊(cè)分享到朋友圈。這個(gè)功能的加入拓展了之間僅是溝通聊天工具的產(chǎn)品定義。在4.0版本的新功能引導(dǎo)中，它非常成功的講訴了一個(gè)關(guān)于相冊(cè)功能的故事，并且在設(shè)計(jì)內(nèi)容時(shí)非常注意建立聯(lián)系。在故事闡述中它一直強(qiáng)調(diào)用戶可以怎么樣，讓用戶能明確感覺(jué)到與自己的關(guān)系。

　　2.講故事的主要手法——故事可以是以情動(dòng)人，痛點(diǎn)渲染，角色榜樣類(lèi)比等方式

　　A. 動(dòng)之以情 yixieshi.com

　　營(yíng)造出具有濃烈感情色彩的場(chǎng)景，喚起用戶心底的情緒，讓用戶產(chǎn)生對(duì)產(chǎn)品的共鳴。當(dāng)產(chǎn)品附加了感情的元素，產(chǎn)品就會(huì)讓用戶形成一種情感上的聯(lián)系，用戶對(duì)產(chǎn)品的好感也會(huì)增加。

　　打感情牌的手法比較適用于具有社交性的產(chǎn)品引導(dǎo)。

　　在設(shè)計(jì)中不論是背景圖片還是文案都致力于感情氣氛的營(yíng)造。(下圖為人人網(wǎng)的引導(dǎo)截圖)

　　B. 痛點(diǎn)渲染

　　建立一個(gè)用戶在實(shí)際生活中會(huì)遇到的類(lèi)似的不便的場(chǎng)景，讓用戶能感受到共鳴，喚起用戶對(duì)所述功能的需要感。然后給出該產(chǎn)品能給出的解決方案，可以讓用戶感覺(jué)。

　　戳痛點(diǎn)的手法比較適用于實(shí)用的工具性的功能引導(dǎo)。在設(shè)計(jì)中文案：可采用痛點(diǎn)式文案，或者是非常具有顫動(dòng)性的文案。 互聯(lián)網(wǎng)的一些事

　　C. 角色榜樣類(lèi)比

　　通過(guò)建立用戶熟悉的人物角色，來(lái)描述其他人會(huì)用這個(gè)產(chǎn)品來(lái)做什么，這種方式可以拓寬對(duì)產(chǎn)品功能使用的場(chǎng)景與多種其他可能性。啟發(fā)用戶對(duì)這個(gè)產(chǎn)品的想象。建立的熟悉的人物形象會(huì)讓描述變得具體而形象，會(huì)從而引發(fā)當(dāng)前使用的用戶形成一種類(lèi)比的心理。

　　這種方式適用于對(duì)產(chǎn)品整體功能的介紹，對(duì)于新老產(chǎn)品的功能介紹都適用: 1)老產(chǎn)品用此方法可以啟發(fā)用戶拓寬對(duì)既有功能使用的其他的可能性，拓寬使用場(chǎng)景。2)新產(chǎn)品用此方法可以讓用戶對(duì)這個(gè)產(chǎn)品的整體功能有更多的認(rèn)識(shí)。

　　設(shè)計(jì)要點(diǎn)：1)用戶角色渲染得讓人覺(jué)得可信，能讓人很容易聯(lián)想到自己也會(huì)遇到類(lèi)似情況。2)文案：可采用比較具有親和力，質(zhì)樸的文案。

　　(下圖為印象筆記的引導(dǎo)截圖) 互聯(lián)網(wǎng)的一些事

　　D. 范例吸引

　　將引導(dǎo)的內(nèi)容融入真實(shí)的界面中，通過(guò)合理選擇呈現(xiàn)的內(nèi)容來(lái)讓用戶可以通過(guò)界面上的信息來(lái)感知產(chǎn)品所具有的功能。這種引導(dǎo)形式可以很好的在第一時(shí)間向用戶展示產(chǎn)品形態(tài)，建立用戶的興趣;范例能讓用戶預(yù)知在使用產(chǎn)品時(shí)界面會(huì)是什么樣子，能讓用戶對(duì)實(shí)際界面有充分的了解，并且能讓用戶看到產(chǎn)品完整的功能與形態(tài)。但是這種方式是一種注重界面呈現(xiàn)，用視覺(jué)效果去吸引用戶的方式，所以對(duì)產(chǎn)品本身有一定的要求。

　　適用條件：1)界面本身的設(shè)計(jì)需具有一定的創(chuàng)新性/美觀性/吸引力，這樣融入到真實(shí)界面中的引導(dǎo)才能具有吸引力。2)產(chǎn)品本身若需要通過(guò)用戶的經(jīng)營(yíng)才能慢慢達(dá)到一個(gè)完整的形態(tài)，那么這種真實(shí)界面的范例的方式能勾引用戶增加對(duì)產(chǎn)品的使用的興趣，并且能讓用戶對(duì)產(chǎn)品功能理解得比較充分與完善。 互聯(lián)網(wǎng)的一些事

　　設(shè)計(jì)要點(diǎn)：1)引導(dǎo)中要呈現(xiàn)的內(nèi)容需仔細(xì)挑選，能把產(chǎn)品的典型功能與特征充分展示。2)文案最好是比較親切的。

　　(下圖為Path的引導(dǎo)截圖)

　　E.平鋪直敘的方式

　　如果內(nèi)容點(diǎn)無(wú)法串聯(lián)，只能一一羅列，那么在設(shè)計(jì)中我們可以——

　　1.對(duì)每個(gè)內(nèi)容建立場(chǎng)景。

　　2.放置具有吸引人的或具有競(jìng)爭(zhēng)力的內(nèi)容。

　　3.根據(jù)記憶的效果的原則合理排序。將最需要用戶關(guān)注的內(nèi)容放在最前面。(記憶的效果：最前面的內(nèi)容記憶效果>最后面的內(nèi)容記憶效果>中間部分的內(nèi)容的記憶效果) yixieshi.com

　　4.精簡(jiǎn)引導(dǎo)的內(nèi)容。不要放置太多的引導(dǎo)頁(yè)。

　　5.對(duì)于每頁(yè)的設(shè)計(jì)可以參考下面的有效的注意力里的設(shè)計(jì)技巧。 yixieshi.com

　　有效的注意力

　　注意力是記憶力的基礎(chǔ)，記憶力是注意力的結(jié)果。沒(méi)有良好的注意力就沒(méi)有良好的記憶力，良好的記憶力是建立在良好的注意力基礎(chǔ)上的。

　　我們所設(shè)計(jì)的引導(dǎo)頁(yè)也需要能吸引用戶的注意力，讓用戶能夠花費(fèi)精力來(lái)閱讀我們想告知他們的信息，以達(dá)到一種有效的注意力。具體可以怎么做呢? yixieshi.com

　　我們可以從不同的內(nèi)容與設(shè)計(jì)方式上提高效果，以下一一闡述。

　　1.聚焦 yixieshi.com

　　界面中不要有過(guò)多的視覺(jué)焦點(diǎn)，容易分散用戶的注意力，導(dǎo)致用戶不知道該看那里。

　　當(dāng)界面中的信息聚焦在某一點(diǎn)上時(shí)，用戶能快速準(zhǔn)確定位到需要閱讀的信息內(nèi)容上，達(dá)到消化信息的目的。

　　聚焦的設(shè)計(jì)手法有很多種，如通過(guò)光影的方式，將亮光的部分打在最需要用戶關(guān)注的信息上;虛化背景的方式，突出前面的信息內(nèi)容;放大鏡方式，將需要用戶關(guān)注的部分作為放大突出。當(dāng)然除了所舉案例中的常見(jiàn)手法，還可以運(yùn)用其他的方式來(lái)聚焦，只要可以達(dá)到效果即可。 yixieshi.com

　　信息的聚焦需要設(shè)計(jì)師對(duì)信息的內(nèi)容進(jìn)行取舍，盡量剔除不需要的內(nèi)容。

　　若精簡(jiǎn)后依然內(nèi)容較多，那么可以通過(guò)拉開(kāi)信息的層次來(lái)使得信息可以聚焦。在設(shè)計(jì)中盡量將內(nèi)容整體化，形成幾個(gè)大塊的信息，不要過(guò)于瑣碎?，嵥榈膬?nèi)容不利于信息的獲取。由于用戶對(duì)信息的認(rèn)知是有整體到細(xì)節(jié)，用戶在閱讀內(nèi)容的時(shí)候，更習(xí)慣先將內(nèi)容先抽象成一個(gè)整體，然后再仔細(xì)閱讀整體中的細(xì)節(jié)內(nèi)容。所以我們的設(shè)計(jì)的過(guò)程中需要讓用戶能夠很快地抽象出整體的信息。

　　圖例為反例。案例中的設(shè)計(jì)讓頁(yè)面中形成了過(guò)于多的發(fā)散點(diǎn)，用戶的閱讀時(shí)難以梳理成整塊的信息，增加了信息獲取的難度。

　　2.優(yōu)化圖片所傳達(dá)的信息

　　人類(lèi)對(duì)于圖片信息的閱讀能力是遠(yuǎn)大于對(duì)于文字信息的理解的。圖片可以更加直觀地讓用戶感知到所要傳遞的信息。

　　在不同的圖片中，人們對(duì)人臉，美女，笑容，具有動(dòng)感的照片更容易引起用戶的注意。

　　同樣為美膚的功能引導(dǎo)，左側(cè)的設(shè)計(jì)不需要借助文字就可以讓用戶理解可以美膚，而右側(cè)的設(shè)計(jì)若只看圖是無(wú)法理解的。左側(cè)的引導(dǎo)設(shè)計(jì)比右側(cè)的引導(dǎo)設(shè)計(jì)更加直觀好記憶。

　　3.除了靜態(tài)的視覺(jué)畫(huà)面，我們還可以增加用戶對(duì)于引導(dǎo)內(nèi)容的注意力。

　　現(xiàn)在的引導(dǎo)頁(yè)的設(shè)計(jì)多為靜態(tài)的視覺(jué)頁(yè)面。人類(lèi)對(duì)于動(dòng)態(tài)內(nèi)容的注意力> 對(duì)于靜態(tài)內(nèi)容的注意力。所以除了靜態(tài)圖片的方式，我們完全可以通過(guò)適當(dāng)增加動(dòng)態(tài)內(nèi)容來(lái)吸引用戶的注意力。

　　圖例為QQ水印相機(jī)和Flava的引導(dǎo)頁(yè)。

　　QQ水印相機(jī)的引導(dǎo)頁(yè)就是使用動(dòng)態(tài)注意力，的每頁(yè)用一個(gè)圖釘釘著一副照片，而照片會(huì)已圖釘為圓心輕微地左右擺動(dòng)。Flava同樣，中間的圖片的部分都是動(dòng)態(tài)的演示。這2個(gè)設(shè)計(jì)都非常容易讓用戶對(duì)動(dòng)態(tài)部分的內(nèi)容引起注意，從而閱讀相關(guān)的內(nèi)容。

　　當(dāng)然在動(dòng)態(tài)內(nèi)容中，我們也要注意視覺(jué)焦點(diǎn)的問(wèn)題，不能讓界面中的動(dòng)態(tài)焦點(diǎn)太多。一般1個(gè)動(dòng)態(tài)焦點(diǎn)會(huì)比較好。 yixieshi.com

　　當(dāng)然除了已有的這些案例，我們也可以思考，除了動(dòng)態(tài)的內(nèi)容，我們是否可以激發(fā)其他的感官來(lái)吸引用戶的注意力。比如可以通過(guò)增加一些音效。目前還沒(méi)有找到這樣的案例，但是個(gè)人感覺(jué)也是可以嘗試的。

　　4.改變屏與屏之間切換的交互方式

　　現(xiàn)在的引導(dǎo)頁(yè)的切屏交互方式基本都為左右滑動(dòng)，我們也可以通過(guò)改變既有的交互方式增加用戶的注意力。畢竟用戶對(duì)新的東西的好奇心還是有的。但是不要盲目的為了改變而改變。交互的方式應(yīng)該要與設(shè)計(jì)的內(nèi)容相匹配。改變的交互方式要簡(jiǎn)單易學(xué)，在界面的設(shè)計(jì)中要有使用的隱喻線索，讓這種新的交互方式變得自然而容易，否則會(huì)引起用戶的反感。

　　圖例為feedly的引導(dǎo)頁(yè)。改變了常用的左右滑動(dòng)的方式，使用了向上滑動(dòng)的方式。每張引導(dǎo)頁(yè)想一張卡片，閱讀過(guò)的引導(dǎo)頁(yè)向上滑動(dòng)即被滑出屏幕。界面視覺(jué)對(duì)于新的交互方式有明確的引導(dǎo)，不會(huì)增加操作的難度，會(huì)讓用戶感覺(jué)到是一家具有創(chuàng)新性的公司。

　　5.能有效傳達(dá)的文案

　　A. 字?jǐn)?shù)的控制

　　從心理學(xué)的角度，人類(lèi)對(duì)于文案在短時(shí)間內(nèi)能記憶住的字符不超過(guò)9個(gè)。(這個(gè)是人類(lèi)記憶的特性，人類(lèi)對(duì)于內(nèi)容的短時(shí)記憶的容量有限，一般為7 ± 2項(xiàng)目，一般為7 ± 2，即5 ~ 9個(gè)項(xiàng)目，這也就是平常我們所說(shuō)的記憶廣度。)超過(guò)9個(gè)字符，用戶是很難記憶的且容易受到干擾而發(fā)生遺忘。文案的設(shè)計(jì)上應(yīng)該是挑重點(diǎn)的說(shuō)，無(wú)意義的不必要的冗余文字應(yīng)果斷剔除。

　　如果精簡(jiǎn)后依然超出極限字符數(shù)，那么可以對(duì)文案內(nèi)容分層次。

　　通過(guò)排版的方式，突出需要用戶記憶的字符，弱化其他字符。一般而言突出的字符為2-7個(gè)是比較容易記憶的。

　　通過(guò)斷句的方式，將長(zhǎng)的文案變?yōu)槎痰淖訂卧@樣可以擴(kuò)大短時(shí)記憶的容量。斷句可以通過(guò)打標(biāo)點(diǎn)，留空格，斷行的方式來(lái)實(shí)現(xiàn)。

　　(這個(gè)也是運(yùn)用人類(lèi)記憶的特性，如果超過(guò)短時(shí)記憶的容量或插入其他活動(dòng)，短時(shí)記憶容易受到干擾而發(fā)生遺忘。為擴(kuò)大短時(shí)記憶的容量，可采用組塊的方法，即將小的記憶單位組合成大的單位來(lái)記憶，這時(shí)較大的記憶單位就叫做塊。)

　　B. 文案的內(nèi)容與行文風(fēng)格

　　文案的內(nèi)容可以融入時(shí)下熱點(diǎn)或話題，行文風(fēng)格上也可以具有時(shí)代的特征。讓用戶能感受到產(chǎn)品能緊跟時(shí)代，貼近當(dāng)前的社會(huì)生活，比一般的文案容易引起用戶的注意度。

　　構(gòu)建特色 yixieshi.com

　　很多的引導(dǎo)頁(yè)在設(shè)計(jì)上同質(zhì)化問(wèn)題嚴(yán)重，極度相似的設(shè)計(jì)手法、設(shè)計(jì)風(fēng)格、排版風(fēng)格、相似的文案內(nèi)容、讓用戶很難記憶或引起關(guān)注。構(gòu)建產(chǎn)品引導(dǎo)頁(yè)的特色是區(qū)別于其他產(chǎn)品的好方式，特色可以讓引導(dǎo)頁(yè)脫穎而出。 互聯(lián)網(wǎng)的一些事

　　那么如何構(gòu)建特色呢?

　　1.從設(shè)計(jì)方式上進(jìn)行特色構(gòu)建

　　我們可以從引導(dǎo)頁(yè)面內(nèi)容的不同組成元素來(lái)尋找特色的構(gòu)建點(diǎn)。 yixieshi.com

　　背景圖片的攝影角度或風(fēng)格/后期處理/色調(diào);版式編排的設(shè)計(jì)風(fēng)格/版式布局/配色方案;文案的行文風(fēng)格;多屏切換方式也可以考慮 互聯(lián)網(wǎng)的一些事

　　構(gòu)建特色并不需要對(duì)所有內(nèi)容的元素都進(jìn)行，即使只在一個(gè)內(nèi)容點(diǎn)上進(jìn)行特色構(gòu)建也是可以的，但是需要做到的是這個(gè)點(diǎn)上的特色要非常明顯，用戶容易感知到。

　　2.系列化引導(dǎo)設(shè)計(jì)的特色構(gòu)建

　　對(duì)于一些不斷更新迭代的產(chǎn)品，往往在重要版本升級(jí)的時(shí)候都會(huì)給出必要的新的引導(dǎo)的內(nèi)容。所以我們除了從單次引導(dǎo)內(nèi)容思考進(jìn)行特色構(gòu)建以外，我們還可以把眼光拉遠(yuǎn)一些，從一個(gè)系列化引導(dǎo)設(shè)計(jì)的角度去構(gòu)建特色。系列化的引導(dǎo)需要從一開(kāi)始進(jìn)行單次引導(dǎo)時(shí)就加以思考，為系列化構(gòu)思一個(gè)主題。下圖中的新浪微博的引導(dǎo)頁(yè)的設(shè)計(jì)就是一種系列化引導(dǎo)設(shè)計(jì)的特色構(gòu)建。它選用季節(jié)為主題，根據(jù)所處的季節(jié)的特征進(jìn)行內(nèi)容的運(yùn)營(yíng)。這種方式可以讓用戶對(duì)多次引導(dǎo)的內(nèi)容感覺(jué)到一種新的整體化的特色，貼近當(dāng)前生活的方式也讓產(chǎn)品感覺(jué)具有時(shí)新性，易于接受。

　　最后

　　當(dāng)然，引導(dǎo)并不是解決設(shè)計(jì)問(wèn)題的方法，引導(dǎo)只能作為一種點(diǎn)到為止的輔助方式。

　　文章中所總結(jié)的5個(gè)要點(diǎn)是我在實(shí)際的工作中的一些設(shè)計(jì)感悟與整理，其中必有一些較為主觀和不足的地方，歡迎大家拍磚與交流。本次主要整理了一下前置引導(dǎo)的一些設(shè)計(jì)技巧，后續(xù)我還會(huì)繼續(xù)整理出過(guò)程中的引導(dǎo)的設(shè)計(jì)技巧的內(nèi)容。感謝大家的關(guān)注。