正文

vi引導(dǎo)頁(yè)設(shè)計(jì)

發(fā)布時(shí)間：2023-05-01 10:53:49 稿源：創(chuàng)意嶺閱讀： 76

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于vi引導(dǎo)頁(yè)設(shè)計(jì)的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等，官網(wǎng)：https://ai.de1919.com

創(chuàng)意嶺專注品牌設(shè)計(jì)、策劃，為各大上市企業(yè)、個(gè)人提供一站式設(shè)計(jì)、策劃服務(wù)，服務(wù)客戶遍布全國(guó)，咨詢相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

網(wǎng)頁(yè)設(shè)計(jì)中的引導(dǎo)頁(yè)究竟怎樣做
手機(jī)App安裝后首次啟動(dòng)的引導(dǎo)頁(yè)該怎么設(shè)計(jì)為佳

vi引導(dǎo)頁(yè)設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)中的引導(dǎo)頁(yè)究竟怎樣做

　　如何設(shè)計(jì)引導(dǎo)頁(yè)：

　　1.了解引導(dǎo)頁(yè)類型，清洗引導(dǎo)類型

　　前置型引導(dǎo)頁(yè)：?jiǎn)?dòng)應(yīng)用程序后，進(jìn)入主功能前的一系列圖片或者動(dòng)畫效果，停留數(shù)秒后消失。在用戶初次實(shí)用移動(dòng)產(chǎn)品時(shí)，給予一些必要性的幫助，以便用戶快速了解產(chǎn)品類型，功能，具體操作

　　過(guò)程中引導(dǎo)：在用戶使用產(chǎn)品過(guò)程中給出一系列幫助內(nèi)容，主要方式有空白頁(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)等。

　　網(wǎng)頁(yè)設(shè)計(jì)中的引導(dǎo)頁(yè)究竟怎樣做?由于主要講前置型引導(dǎo)，這里插播兩個(gè)例子：

　　A.例如Facebook開(kāi)啟定位的引導(dǎo)，但用戶需要發(fā)送當(dāng)前位置的時(shí)候，應(yīng)用會(huì)彈出圖中的引導(dǎo)形式，告訴用戶開(kāi)啟定位的作用，用戶在這種使用場(chǎng)景下會(huì)很樂(lè)意開(kāi)啟定位，從而提高了開(kāi)啟定位的轉(zhuǎn)換率，又不會(huì)覺(jué)得這個(gè)引導(dǎo)影響了自己的體驗(yàn)。

　　B.比如Google搜索中，在用戶進(jìn)行拖動(dòng)操作的時(shí)候，頂部的狀態(tài)欄變成了一句溫馨的提示，非但不打擾用戶，反而有一定幫助，用戶會(huì)覺(jué)得很貼心。

　　2.認(rèn)識(shí)引導(dǎo)頁(yè)存在問(wèn)題，避免走錯(cuò)方向

　　隨著訪客的審美疲勞，頻繁出現(xiàn)的引導(dǎo)頁(yè)已經(jīng)失去了對(duì)引導(dǎo)頁(yè)的新鮮感和喜愛(ài)感。要么就是過(guò)多展示沒(méi)有實(shí)際功效的內(nèi)容作為噱頭，而且這個(gè)噱頭并沒(méi)有吸引足夠的目光。在很多情況下卻起到了相反的效果。

　　畢竟首頁(yè)作為引流的窗口重要性顯而易見(jiàn)，引導(dǎo)頁(yè)前置需要訪客花時(shí)間等待主頁(yè)面的啟動(dòng)，如果是一個(gè)體積過(guò)大時(shí)間過(guò)長(zhǎng)的引導(dǎo)頁(yè)，或是引導(dǎo)頁(yè)上面的“skip”按鈕不夠明顯，很可能導(dǎo)致部分訪客流失，之前也講到，技術(shù)原因造成的訪問(wèn)延時(shí)，引導(dǎo)頁(yè)能夠起到緩解用戶情緒的作用，如果是引導(dǎo)頁(yè)的不正確使用造成的訪客流失，那就是引導(dǎo)頁(yè)干的壞事。

　　3.把控引導(dǎo)內(nèi)容

　　心理學(xué)上發(fā)現(xiàn)的7±2效應(yīng)，一個(gè)人的短時(shí)記憶至少能回憶出5個(gè)字，最多回憶9個(gè)，即7±2個(gè)。因此展示的文案要控制在9個(gè)字以內(nèi)，超過(guò)后用戶容易遺忘、出現(xiàn)記憶偏差。如果表達(dá)起來(lái)困難，可以輔助一小段文字進(jìn)行解釋或補(bǔ)充。因此在最終文案的確定上，要突出重點(diǎn)，多余的文字盡可能地進(jìn)行刪減。如果文案刪減后字?jǐn)?shù)還是過(guò)多，因考慮對(duì)文字進(jìn)行分層，通過(guò)空格或逗號(hào)或換行的方式進(jìn)行視覺(jué)優(yōu)化。

　　精準(zhǔn)貼切的文案也十分重要，將專業(yè)的術(shù)語(yǔ)轉(zhuǎn)換成用戶聽(tīng)得懂的語(yǔ)言。尤其對(duì)于通過(guò)照片來(lái)表現(xiàn)主題的引導(dǎo)頁(yè)設(shè)計(jì)，文案與照片的吻合度，直接影響到情感傳達(dá)的效果。

　　建議將引導(dǎo)頁(yè)采用純色簡(jiǎn)單直接，盡量和主界面構(gòu)架形式一直，讓用戶有快的感覺(jué)，有些工具型應(yīng)用的引導(dǎo)頁(yè)單屏滾動(dòng)多在0.5秒內(nèi)，眼睛一睜一閉，引導(dǎo)頁(yè)就過(guò)去了。

　　如果應(yīng)用功能主要是在橫屏的情況下完成，建議引導(dǎo)頁(yè)以橫屏方式呈現(xiàn)，以引導(dǎo)用戶提前切換手持設(shè)備姿勢(shì)，快速進(jìn)入到你的應(yīng)用界面中。

　　4.用戶引導(dǎo)規(guī)范，制定符合自己產(chǎn)品特性

　　每個(gè)移動(dòng)應(yīng)用都有一套自己的用戶引導(dǎo)規(guī)范，在制定用戶引導(dǎo)規(guī)范的時(shí)候。

　　用戶引導(dǎo)規(guī)范的指定可以按照不同的形式進(jìn)行指定，一種是從用戶引導(dǎo)的樣式角度出發(fā)，把產(chǎn)品涉及到的各種用戶引導(dǎo)樣式一一羅列出來(lái)，并說(shuō)明每種引導(dǎo)樣式的適用范圍、觸發(fā)機(jī)制以及消除機(jī)制等。這種形式的優(yōu)點(diǎn)是各種引導(dǎo)樣式結(jié)構(gòu)清晰，一目了然。另一種形式是從產(chǎn)品功能的角度出發(fā)，由于產(chǎn)品每個(gè)功能的重要程度和優(yōu)先級(jí)不同，對(duì)應(yīng)的需要突出強(qiáng)調(diào)的程度也不一樣，所以將用戶引導(dǎo)樣式分為強(qiáng)中弱三大類，對(duì)于產(chǎn)品主要功能，優(yōu)先級(jí)很高的采用強(qiáng)引導(dǎo)樣式，對(duì)于次要功能，優(yōu)先級(jí)稍差的采用適中的引導(dǎo)樣式，對(duì)于輔助功能，優(yōu)先級(jí)最低的采用弱的引導(dǎo)樣式。同時(shí)強(qiáng)中弱三大類里面又分別包括幾種引導(dǎo)樣式。這種形式的優(yōu)點(diǎn)是從產(chǎn)品角度出發(fā)，根據(jù)功能的重要程度的優(yōu)先級(jí)選擇對(duì)應(yīng)的引導(dǎo)樣式，方便快捷。

　　5.場(chǎng)景模擬，保證用戶引導(dǎo)的有效性，減少干擾，提升用戶體驗(yàn)

　　用戶在使用產(chǎn)品的時(shí)候都是有一定的使用場(chǎng)景的，根據(jù)用戶的使用場(chǎng)景觸發(fā)響應(yīng)的用戶引導(dǎo)，用戶引導(dǎo)在使用過(guò)程中彈出時(shí)是用戶意想不到的，很有可能打擾了用戶使用的流暢性，因?yàn)檫@是用戶沒(méi)有預(yù)期出現(xiàn)的東西，在一定程度上有驚慌失錯(cuò)感，保證在用戶需要的時(shí)候彈出最符合用戶體驗(yàn)，也是用戶最愿意接受的時(shí)候。這樣的出現(xiàn)既不會(huì)特別突兀，不至于弄的用戶不知所措，又能在響應(yīng)的場(chǎng)景下幫助到用戶。

　　6.避免引導(dǎo)頁(yè)鋪天蓋地的在任何類型的APP上引用

　　(信息類應(yīng)用是一個(gè)內(nèi)容為王的地方，尤其是被信息內(nèi)容充滿的應(yīng)用和注重效率的工具應(yīng)用，比如說(shuō)搜索應(yīng)用，不斷追求信息以一種更快速更詳盡多方式呈現(xiàn)給用戶，所以才會(huì)有rss,基于AJAX技術(shù)的頁(yè)面布局。任何一些阻礙用戶高效獲取信息的細(xì)節(jié)都將導(dǎo)致用戶流失，而引導(dǎo)頁(yè)就是頭號(hào)殺手。

　　7.視覺(jué)聚焦

　　在單個(gè)引導(dǎo)頁(yè)中，信息不宜過(guò)多，只闡述一個(gè)目的，所有元素都圍繞這個(gè)目的進(jìn)行展開(kāi)。視覺(jué)聚焦包括兩部分，一是文案的處理，要注意層次，主標(biāo)題與副標(biāo)題要形成對(duì)比;二是引導(dǎo)頁(yè)中的界面、場(chǎng)景、文案具象化元素，要有一個(gè)視覺(jué)聚焦點(diǎn)，多個(gè)視覺(jué)元素的排布采用中心擴(kuò)散的方式，聚焦點(diǎn)的視覺(jué)面積最大，同時(shí)與擴(kuò)散的元素拉開(kāi)對(duì)比。這樣用戶能清晰地看到核心文案信息與文案對(duì)應(yīng)的視覺(jué)表現(xiàn)元素。同時(shí)結(jié)合視線流動(dòng)的規(guī)律，從上到下，從左到右，從大到小。因此可以根據(jù)這個(gè)視線流的規(guī)律來(lái)進(jìn)行引導(dǎo)頁(yè)的設(shè)計(jì)。

　　9.著建特色，從競(jìng)品中凸顯差異化

　　之前對(duì)于表現(xiàn)方式的歸類已經(jīng)講到了動(dòng)畫及頁(yè)面切換方式，如果增加了頁(yè)面動(dòng)效，利用動(dòng)效，包括放大、縮小、平移、滾動(dòng)、彈跳，表現(xiàn)形式更加多樣化，會(huì)讓引導(dǎo)頁(yè)更有趣，注意力更為集中。

vi引導(dǎo)頁(yè)設(shè)計(jì)