現(xiàn)在的用戶下載app時最先看到的東西就是引導(dǎo)頁。一個引導(dǎo)頁就像一個導(dǎo)游，它會快速的向用戶介紹app本身對用戶有什么用處已經(jīng)該如何操作。這是描述應(yīng)用本身最簡單的方式，但是它的設(shè)計卻不是那么容易。
一個引導(dǎo)頁最基本的功能包括以一種最簡單，熱情和友好的方式來呈現(xiàn)給用戶，這也是設(shè)計師必須考慮的重中之重。引導(dǎo)頁面就像創(chuàng)造告知和教育用戶空狀態(tài)欄。雖然并不是每一個app都需要建立引導(dǎo)頁面，但是我認(rèn)為通過這個可以節(jié)省用戶摸索應(yīng)用流程的時間，這樣就會減少一定由于不會使用而引起的沮喪情緒，提升用戶體驗。
接下來讓我們看一些例子吧，以下的這些經(jīng)典案例是我們從世界各地的廣告素材中精選出來的移動應(yīng)用的引導(dǎo)頁面設(shè)計，看完他們你可能會有一些靈感，或者你也可以談?wù)勀銓σ龑?dǎo)界面設(shè)計的看法。
看看這些來自Virgil Pana靈感的作品。光滑的插圖和動畫的表現(xiàn)形式，所有設(shè)計都是基于一定的教育理念。
這個旅游app的引導(dǎo)界面設(shè)計在相同的圓形中插入了不同的山體，或者其他風(fēng)景，一切相映成趣。設(shè)計師Anggit Yuniar Pradito映在他的引導(dǎo)頁面設(shè)計中加入了多個不同的元素進(jìn)行組合。
這是一款名叫Bemyspot的app的一部分的引導(dǎo)界面，這款app主要業(yè)務(wù)是購物應(yīng)用，鼓勵用戶在平臺上發(fā)布自拍，發(fā)現(xiàn)的有趣的事和分享身邊的故事。由Rosario Sarracino and Ivan Paudice.設(shè)計
這些界面上的每一個圖像都在向用戶傳達(dá)這樣一個信息：它提供郵票服務(wù)。設(shè)計師 Anastasiia Andriichuk認(rèn)為，傳達(dá)一個有趣的觀念就像分娩一樣，需要很長的時間。
設(shè)計師Sasha Gorosh 通過太空船得到靈感，設(shè)計了這款耐看且有趣的引導(dǎo)界面。每個插圖都相當(dāng)簡單，一看到你就知道它想要表達(dá)什么。
“愿原力與你同在！”一款行星改造的引導(dǎo)界面設(shè)計，靈感來自星球大戰(zhàn)，設(shè)計師Anton Chandra。
通過幾張插圖， Aika告訴了你可以通過使用這個旅行app做什么，你同樣可以選擇滑動頁面跳過或者點擊“X”關(guān)閉它們。
本設(shè)計中的布局，梯度，插圖和色彩的運用都是相當(dāng)驚人的。底部橙色CTA按鈕在藍(lán)色的背景中看起來有點奇怪，但是卻相當(dāng)獨特，引人注目。一個不錯的設(shè)計來自 Murat Gursoy。
這些可愛的小人形象向你展示了這個app的功能，并吸引了你的注意力。它們看起來相當(dāng)可愛，雖然可愛，卻十分嚴(yán)謹(jǐn)。
對于界面中圖標(biāo)的使用相當(dāng)巧妙，在灰色的部分設(shè)置綠色的插畫相當(dāng)好看，由Nitesh Chandora.設(shè)計
這是多一個多頁面界面設(shè)計，采用了綠色環(huán)保的主題和簡約醒目的插圖。導(dǎo)航按鈕被放置在屏幕的底部，相當(dāng)方面。Martin Strba.設(shè)計。
這些插圖顯示了世界各地的風(fēng)景名勝?？雌饋砭拖褚粋€簡約的旅游指南，位置的簡要說明增加了誘惑力。來自Anton Chandra.的又一著作。
聊天氣泡和插圖中的圓球繪制相當(dāng)細(xì)致。我可以想象這在app中動態(tài)的表現(xiàn)將多么令人驚嘆。不錯的作品，來自Ghani Pradita.。
這些插畫同Ghani Pradita的軌道系列相似，但是在所有引導(dǎo)界面中被使用，這些設(shè)計來自Faiz Al-Qurni.
這些來自的 Ivy Mukherjee插畫十分有趣并且富有創(chuàng)意，但是畫面中的文本有點小所以閱讀困難。然而說明正確的插圖在設(shè)計中的重大作用是，這簡直堪稱完美典范。
這些界面設(shè)計是我的最愛。我喜歡這里用插圖和配色的方案。每個元素看起來簡約，獨立，卻不失意義。設(shè)計師Mariusz Onichowski
又一個由Anton Chandra設(shè)計的引導(dǎo)界面。Anton對于空間有一種特殊的把握，從這個中也可以看出。
這個界面通過適合的插圖傳達(dá)了app這樣的信息：快速，激動和用戶友好。來自Wayne Baryshev.的設(shè)計。
這些引導(dǎo)界面來自一個海上運輸app。我以為其中白天和黑夜的設(shè)計表明，該運輸公司工作24/7。深受材料設(shè)計的影響的一個作品，設(shè)計師 Ivan Bjelajac。
我們終于看到了電子商務(wù)這一塊的引導(dǎo)界面，事實上，這個行業(yè)最需要這種設(shè)計。這個設(shè)計來自Katya Dihich，旨在提供購物過程中需要的幫助。
這個問候界面由Anggit Yuniar Pradito設(shè)計，它像我們展示了一個成功設(shè)計的同時，還告訴我們，不要害怕使用過多的顏色。顏色多一樣可以簡約。
談到色彩，這些由Dux Nguyen設(shè)計的引導(dǎo)界面的色彩設(shè)計可以說相當(dāng)令人驚艷，它們明確的向你傳達(dá)了這樣的信息：在這里，你可以和你的朋友們一起聊天或者玩游戲。
這些是經(jīng)濟型酒店預(yù)訂的應(yīng)用程序的引導(dǎo)界面。藍(lán)白的搭配給用戶一種安全感，很棒的設(shè)計來自 Muhammad Watsik Dzawinnuha
這種俏皮的插圖絕對會讓用戶的引導(dǎo)體驗更加愉快。正如你可能已經(jīng)猜到的，這些頁面來自一個花店app。一個超棒的配色方案和設(shè)計來自 Jocelyn Crankshaw。
這是一個鎖屏的界面設(shè)計，但是同樣相當(dāng)適合天氣或者旅行的app。對于顏色的使用相當(dāng)巧妙。設(shè)計師Xiu Yuan 的作品中都帶著濃郁的東方美感。
這里每一個引導(dǎo)界面似乎都有不同的個性。每個界面都采用了不同的顏色和身份，使整個界面看起來相當(dāng)突出。設(shè)計師Min把這個項目表現(xiàn)的相當(dāng)有趣。
George Gao選擇了灰色作為這個引導(dǎo)界面中的動態(tài)色彩主題。吉祥物是一個很好的觸點，這個元素還使整個設(shè)計呈現(xiàn)的相當(dāng)連貫。
由Anwar Hossain Rubel為一個旅行app設(shè)計的引導(dǎo)界面，干凈而有趣。我非常喜歡背景中泛著水光的云彩，還有使設(shè)計看起來有魔力的彩色小圓點。
Ray Martin 為一款社交app設(shè)計了這一組界面。這種含有一定梯度的頁面表現(xiàn)形式名叫Vue，展示了驚人的效果，所以說，有時候使用大膽的色彩也是一種不錯的選擇。
這是一款由 Ivy Mukherjee設(shè)計的國際通訊app的引導(dǎo)界面，這種鮮亮的綠色使我想起了WhatsApp
由Anandu Sivan繪畫和設(shè)計，在引導(dǎo)界面上有許多有創(chuàng)意的且好玩的插畫。這些元素并沒有說明這是一款什么app，但是卻相當(dāng)吸引人。
這些有趣的界面引導(dǎo)你去查找一些食物，我喜歡將插圖這樣按著一定的步驟排列起來的連接方式，這個作品來自Syafrizal Wardhana
Jinyi Fu向你展示了該如何匹配大膽的插圖和背景色。這可能還存在一定的不足，因為界面中缺少了文本說明圖像的意義。
我喜歡Wenhui Yu.在這里使用的輪廓按鈕，因為大體上使用了明亮的顏色和巧妙的插圖，這個設(shè)計看起來輕盈簡約
Wenhui Yu 的另一個作品，在這個設(shè)計中他采用照片代替了插畫，這是一個針對青少年的時尚應(yīng)用，而設(shè)計師也緊緊的強調(diào)突出了這一點。
這是一個包括各種有趣搭配的菜單應(yīng)用程序，引導(dǎo)界面設(shè)計師是Eva Hoefer，她采用了一種比較家常的方式告訴用戶，這個app該如何使用。
我喜歡 Melvin Johnson設(shè)計的引導(dǎo)界面，里面包括不同人的形象的插圖以及刺激鮮明的背景配色，正像設(shè)計師提到的，這會給用戶傳達(dá)出一種這個app很有趣的理念。
有時候插圖還有第二個作用，可以扮演提供指令的次要角色，就像Carlos Ramos的設(shè)計那樣。這些插畫雖然不大，但是仍起到了補充說明的作用。
這個應(yīng)用的演示界面顯示，該應(yīng)用程序可以匹配電腦端和手機端相同的照片，或者刪除照片。設(shè)計師Tetiana Zahorska采用了在有色界面搭配白色的配色方案。
這些ModMom應(yīng)用中多彩的界面是所有設(shè)計中最受歡迎的設(shè)計風(fēng)格，有趣的背景插圖也增添了界面的美感，這一組令人驚嘆的作品由Staci Carpenter創(chuàng)作。
原文鏈接:enqoo
