APP設計！教你怎樣才能把APP引導頁設計的高大上

一個優秀的App引導頁，能夠最迅速地抓住app用戶的眼球，讓他們快速了解App的價值和功能，起到很好地潤滑和引導作用。俗話說的好，好的ui視覺界面可以造就App的點擊率。點擊率是啥——是錢呀! ? 請允許25學堂的小編俗一次哈!

第一部分：app引導頁設計知識和理論詮釋

簡單的說，APP引導頁無外乎三種：

一、功能介紹型 ? ? ? ?二、情感帶入型 ? ? 三、搞笑耍寶賣萌型 ??

下面就跟隨25學堂跟大家一起來看看如何去設計這三種類型的APP引導頁。

1、功能介紹型 ? (設計基礎期)

這是設計app啟動頁最最基礎的方式，也是app設計新手必須學會的一種方式。

就是有啥說啥。誤區是，說話羅嗦，表達不清。

用戶需要的一針見血，在這樣一個移動網絡化、碎片化的時代，人們停留的時間越來越短，瀏覽你app界面的時間不會超過3秒，在這寶貴的3秒里，你要用簡要明白、通俗易懂的文案和界面來呈現，突出重點就可以了。

——————————————記住這句話：用戶需求就是你的文案——————————-——

功能型的APP界面設計案例很多。如下面這些：

原創實例：小逗考典app

2、情感帶入型(上升期)

走腎還是走心是個問題，得要用戶順著你走。這時候需要抒發你設計師的情感與情懷！

通過文案和配圖，引導用于去思考這個App的價值，把用戶需求透過某種情感表現出來，更加形象化、生動化、立體化，加強產品的預熱，讓用戶有種驚喜感，我在這套設計主題色為黑色，凸顯產品的穩重和安全性，直接用圖標來表達我想闡述的情景，用更為纖細的線來體現產品推出的內容的精致性。

是不是覺得說的有點理論化哈，下面我們繼續來看個APP設計案例，加深體會和理解。

　

支付寶的app引導頁設計欣賞

3、搞笑耍寶賣萌型

化腐朽為神奇，綜合運用擬人化、交互化表達方式，要學會扮角色、講故事，根據目標用戶特點來選擇。讓用戶身臨其境，最后使用戶心情愉悅，這種類型的閱讀量最高，拼的是設計效果(或動畫流程效果)，屬于app界面設計高級階段。

上面是一款非常漂亮的APP引導頁界面設計

立體化的app引導頁設計欣賞

聊到這里，我們已經給大家闡述了3種最常見的APP引導頁設計方案，這個時候你是否會覺得app引導頁有那么重要嗎?

有些人說沒人看沒啥用，有些人覺得有比沒有好，有產品覺得很重要，那是產品的面子。哈哈～其實做好了還是有點用的，我感覺有兩個基本目的，預熱和好玩開心。同時也是一種用戶體驗的表現。

我們移動app設計師就是要做到用戶真正去看，不然要我們還有何用啊。你們說對嗎？

如果我們設計app引導頁，得不到用戶的青睞或是點贊，那表明我們的設計的app引導頁是失敗的。還需繼續閉關修煉！呵呵

第二部分：看完這三種APP引導頁設計的辦法之后，動手設計吧！

怎么設計一個高大上的app引導頁呢?

app引導頁設計案例說明：micu設計的原創設計作品。內涵段子APP

就以最近做的這套內涵段子引導為列吧，屬于有趣點加暴走點的設計。這樣看著可能輕松點。

☆ ?設計創作背景：

這次任務是在內涵段子3.1版基礎之上的升級，要求在3.12新版中呈現出三個新增功能。

☆ ?設計思路理一理：

最開始，我會努力體會目標用戶的需求，把需求引導點列出來，根據產品定位想出不同的文案，到設計這邊已經是定下來的文案了。

預計整個設計的周期為一天半，屬于正常加急的需求。時間不多，拿到文案后，我們怎么去理解和定位呢?

在設計過程中首先考慮風格，本身就是娛樂性的產品，所以我選擇了講故事。在之前3.1版本的引導中也是用的比較夸張的表現但缺乏娛樂性，這次希望把故事的場景做的更濃重些，更有趣，大叔蘿莉都來吧!

☆ ?設計具體步驟：

步驟一：找素材

這是最為重要的一步，時間緊急，想清楚了再做。

找對是關鍵，做一個設計的搬運工，融到自己的故事中。你也可以說這是抄，但我只想毫無保留的把我做圖的過程告訴大家，怎么做一個靈活的設計師。

從花瓣來的素材很全，畫面已經清晰的浮現在我的眼前。畫面中的場景，人物動態，表情已經都全了，現在可以開始制作了。

(編輯：小酷)