引導頁就該這樣設計！細數(shù)那些精彩紛呈的引導頁面

隨著蘋果ios8的發(fā)布，可以看到App store貨架上，眾多主流App迫不及待地向人們展示產(chǎn)品視頻預覽，接下去會是被設計師、市場宣傳相繼關注的焦點，產(chǎn)品宣傳的下一輪引爆點。作為能在App store上先發(fā)觸達地形成前期推廣的視頻預覽，又會否影響到App安裝完畢后的引導頁呈現(xiàn)?我們不得而知。鑒于兩者形式的展現(xiàn)，間隔于安裝App前后，多少會規(guī)避重復性。不管怎樣，趁著手機App和扁平風熱潮，一起來細數(shù)歸納下對手機引導頁的所見所想。 早期我們會見到比較多成熟的PC軟件或者網(wǎng)頁產(chǎn)品的產(chǎn)品安裝包或新特性指引頁。近幾年在移動端平臺上興起了各種門類，形式精彩紛呈的引導頁。

功能決定屬性

　　引導頁在視覺表現(xiàn)上呈現(xiàn)繁多，歸納起來可以從以下幾個功能來分類：

1 新特性新功能

　　最常見的屬這類，當一個產(chǎn)品持續(xù)穩(wěn)定迭代，每推出一些新功能，便跟隨版本包裝發(fā)布。

2 推廣運營

　　包含類似市場專題推廣、情感化內(nèi)容運營兩類。前者多為電商投資收益等產(chǎn)品，后者類似內(nèi)容的片段剪輯，比如輕博客Lofter，引導頁隨機呈現(xiàn)博客用戶的心路歷程;或是”食色”，一壺茶、一段心情志，感受人生五味，預覽的同時還能加以喜愛分享。

3 品牌展現(xiàn)

　　整體鋪開去展現(xiàn)產(chǎn)品的核心亮點和品牌思想，這一類應用產(chǎn)品基調(diào)偏功能長期穩(wěn)定、內(nèi)容維護居多，甚至內(nèi)嵌視頻打包品牌概念和軟件界面功能展示。

　　Yummly開屏傳達給用戶，這里可以瀏覽收集食譜和清單，溫暖色調(diào)直擊內(nèi)心，盡情享受美食烹飪。

4 說明指引

　　多適用于操作較復雜的工具類應用，當用戶首次打開App，會進入半透明黑屏蒙版模式，開啟新手指引環(huán)節(jié)。這種方式一定程度上也存在弊端，用戶會厭惡一上來就強制被教育。因此也有不少App換作白底，稍作輕量去展示教程。除了前面提到的傳統(tǒng)說明教程，還存在另外兩種改良方式：一種是在用戶觸發(fā)功能行為的時候跟隨出現(xiàn)指引，匹配合適的場景模式，強化臨場感。另一種，弱化初始化引導，固定收攏在界面的一角，讓用戶自主去觸發(fā)。

　　500px，典型的全屏蒙版引導，避免去采用細節(jié)的界面說明，可在實際應用中出現(xiàn)操作引導。

　　也有類似Sketches Help, 將產(chǎn)品的核心功能以手勢的方式簡要呈現(xiàn)。

　　Oggl 引導頁由繁至簡，如今的版本更多介紹放在次一層級。

　　Cycloramic 是比較特殊的一類表現(xiàn)方式，通過前期的短小視頻，讓你對產(chǎn)品有直觀的大致印象并產(chǎn)生好奇，再轉換到界面說明頁，使過程顯得更為自然不突兀。

E 信息定位

　　目前多見的應用，在情感品牌化的層面設計引導頁，也有不乏一些直擊重點的App，把了解用戶信息作為首要任務。

　　Elevate Brain Training是一款借用游戲提高大腦的應用，引導頁拋出提問定制你的訓練目標，針對理解力、注意力、處事能力等不同層面能力進行提升。

載體隨時代的演進

　　隨著技術演進和大環(huán)境提升，確實看到了引導頁以不同的載體，從靜過渡到動甚至流媒體。 這里主要劃分為大背景位圖和矢量圖形，后者表現(xiàn)多樣化，國內(nèi)外已有許多層出不窮的設計，不在此處贅述。

分享文章：引導頁就該這樣設計！細數(shù)那些精彩紛呈的引導頁面
標題路徑：http://www.bm7419.com/news0/169750.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、用戶體驗、網(wǎng)站建設、標簽優(yōu)化、云服務器、搜索引擎優(yōu)化

廣告

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