40個(gè)精彩紛呈的移動(dòng)引導(dǎo)頁(yè)設(shè)計(jì)

現(xiàn)在的用戶下載app時(shí)最先看到的東西就是引導(dǎo)頁(yè)。一個(gè)引導(dǎo)頁(yè)就像一個(gè)導(dǎo)游，它會(huì)快速的向用戶介紹app本身對(duì)用戶有什么用處已經(jīng)該如何操作。這是描述應(yīng)用本身最簡(jiǎn)單的方式，但是它的設(shè)計(jì)卻不是那么容易。

一個(gè)引導(dǎo)頁(yè)最基本的功能包括以一種最簡(jiǎn)單，熱情和友好的方式來(lái)呈現(xiàn)給用戶，這也是設(shè)計(jì)師必須考慮的重中之重。引導(dǎo)頁(yè)面就像創(chuàng)造告知和教育用戶空狀態(tài)欄。雖然并不是每一個(gè)app都需要建立引導(dǎo)頁(yè)面，但是我認(rèn)為通過(guò)這個(gè)可以節(jié)省用戶摸索應(yīng)用流程的時(shí)間，這樣就會(huì)減少一定由于不會(huì)使用而引起的沮喪情緒，提升用戶體驗(yàn)。

接下來(lái)讓我們看一些例子吧，以下的這些經(jīng)典案例是我們從世界各地的廣告素材中精選出來(lái)的移動(dòng)應(yīng)用的引導(dǎo)頁(yè)面設(shè)計(jì)，看完他們你可能會(huì)有一些靈感，或者你也可以談?wù)勀銓?duì)引導(dǎo)界面設(shè)計(jì)的看法。

看看這些來(lái)自Virgil Pana靈感的作品。光滑的插圖和動(dòng)畫(huà)的表現(xiàn)形式，所有設(shè)計(jì)都是基于一定的教育理念。

 

 

這個(gè)旅游app的引導(dǎo)界面設(shè)計(jì)在相同的圓形中插入了不同的山體，或者其他風(fēng)景，一切相映成趣。設(shè)計(jì)師Anggit Yuniar Pradito映在他的引導(dǎo)頁(yè)面設(shè)計(jì)中加入了多個(gè)不同的元素進(jìn)行組合。

 

 

這是一款名叫Bemyspot的app的一部分的引導(dǎo)界面，這款app主要業(yè)務(wù)是購(gòu)物應(yīng)用，鼓勵(lì)用戶在平臺(tái)上發(fā)布自拍，發(fā)現(xiàn)的有趣的事和分享身邊的故事。由Rosario Sarracino and Ivan Paudice.設(shè)計(jì)

 

 

這些界面上的每一個(gè)圖像都在向用戶傳達(dá)這樣一個(gè)信息：它提供郵票服務(wù)。設(shè)計(jì)師 Anastasiia Andriichuk認(rèn)為，傳達(dá)一個(gè)有趣的觀念就像分娩一樣，需要很長(zhǎng)的時(shí)間。

 

 

設(shè)計(jì)師Sasha Gorosh 通過(guò)太空船得到靈感，設(shè)計(jì)了這款耐看且有趣的引導(dǎo)界面。每個(gè)插圖都相當(dāng)簡(jiǎn)單，一看到你就知道它想要表達(dá)什么。

 

“愿原力與你同在！”一款行星改造的引導(dǎo)界面設(shè)計(jì)，靈感來(lái)自星球大戰(zhàn)，設(shè)計(jì)師Anton Chandra。

 

通過(guò)幾張插圖， Aika告訴了你可以通過(guò)使用這個(gè)旅行app做什么，你同樣可以選擇滑動(dòng)頁(yè)面跳過(guò)或者點(diǎn)擊“X”關(guān)閉它們。

 

本設(shè)計(jì)中的布局，梯度，插圖和色彩的運(yùn)用都是相當(dāng)驚人的。底部橙色CTA按鈕在藍(lán)色的背景中看起來(lái)有點(diǎn)奇怪，但是卻相當(dāng)獨(dú)特，引人注目。一個(gè)不錯(cuò)的設(shè)計(jì)來(lái)自 Murat Gursoy。

 

 

這些可愛(ài)的小人形象向你展示了這個(gè)app的功能，并吸引了你的注意力。它們看起來(lái)相當(dāng)可愛(ài)，雖然可愛(ài)，卻十分嚴(yán)謹(jǐn)。

 

 

對(duì)于界面中圖標(biāo)的使用相當(dāng)巧妙，在灰色的部分設(shè)置綠色的插畫(huà)相當(dāng)好看，由Nitesh Chandora.設(shè)計(jì)

 

 

這是多一個(gè)多頁(yè)面界面設(shè)計(jì)，采用了綠色環(huán)保的主題和簡(jiǎn)約醒目的插圖。導(dǎo)航按鈕被放置在屏幕的底部，相當(dāng)方面。Martin Strba.設(shè)計(jì)。

 

 

這些插圖顯示了世界各地的風(fēng)景名勝。看起來(lái)就像一個(gè)簡(jiǎn)約的旅游指南，位置的簡(jiǎn)要說(shuō)明增加了誘惑力。來(lái)自Anton Chandra.的又一著作。

 

 

聊天氣泡和插圖中的圓球繪制相當(dāng)細(xì)致。我可以想象這在app中動(dòng)態(tài)的表現(xiàn)將多么令人驚嘆。不錯(cuò)的作品，來(lái)自Ghani Pradita.。

 

 

這些插畫(huà)同Ghani Pradita的軌道系列相似，但是在所有引導(dǎo)界面中被使用，這些設(shè)計(jì)來(lái)自Faiz Al-Qurni.

 

 

這些來(lái)自的 Ivy Mukherjee插畫(huà)十分有趣并且富有創(chuàng)意，但是畫(huà)面中的文本有點(diǎn)小所以閱讀困難。然而說(shuō)明正確的插圖在設(shè)計(jì)中的重大作用是，這簡(jiǎn)直堪稱完美典范。

 

 

這些界面設(shè)計(jì)是我的最愛(ài)。我喜歡這里用插圖和配色的方案。每個(gè)元素看起來(lái)簡(jiǎn)約，獨(dú)立，卻不失意義。設(shè)計(jì)師Mariusz Onichowski

 

 

又一個(gè)由Anton Chandra設(shè)計(jì)的引導(dǎo)界面。Anton對(duì)于空間有一種特殊的把握，從這個(gè)中也可以看出。

 

 

這個(gè)界面通過(guò)適合的插圖傳達(dá)了app這樣的信息：快速，激動(dòng)和用戶友好。來(lái)自Wayne Baryshev.的設(shè)計(jì)。

 

 

這些引導(dǎo)界面來(lái)自一個(gè)海上運(yùn)輸app。我以為其中白天和黑夜的設(shè)計(jì)表明，該運(yùn)輸公司工作24/7。深受材料設(shè)計(jì)的影響的一個(gè)作品，設(shè)計(jì)師 Ivan Bjelajac。

 

 

我們終于看到了電子商務(wù)這一塊的引導(dǎo)界面，事實(shí)上，這個(gè)行業(yè)最需要這種設(shè)計(jì)。這個(gè)設(shè)計(jì)來(lái)自Katya Dihich，旨在提供購(gòu)物過(guò)程中需要的幫助。

 

 

這個(gè)問(wèn)候界面由Anggit Yuniar Pradito設(shè)計(jì)，它像我們展示了一個(gè)成功設(shè)計(jì)的同時(shí)，還告訴我們，不要害怕使用過(guò)多的顏色。顏色多一樣可以簡(jiǎn)約。

 

 

談到色彩，這些由Dux Nguyen設(shè)計(jì)的引導(dǎo)界面的色彩設(shè)計(jì)可以說(shuō)相當(dāng)令人驚艷，它們明確的向你傳達(dá)了這樣的信息：在這里，你可以和你的朋友們一起聊天或者玩游戲。

 

 

這些是經(jīng)濟(jì)型酒店預(yù)訂的應(yīng)用程序的引導(dǎo)界面。藍(lán)白的搭配給用戶一種安全感，很棒的設(shè)計(jì)來(lái)自 Muhammad Watsik Dzawinnuha

 

 

 

這種俏皮的插圖絕對(duì)會(huì)讓用戶的引導(dǎo)體驗(yàn)更加愉快。正如你可能已經(jīng)猜到的，這些頁(yè)面來(lái)自一個(gè)花店app。一個(gè)超棒的配色方案和設(shè)計(jì)來(lái)自 Jocelyn Crankshaw。

 

 

這是一個(gè)鎖屏的界面設(shè)計(jì)，但是同樣相當(dāng)適合天氣或者旅行的app。對(duì)于顏色的使用相當(dāng)巧妙。設(shè)計(jì)師Xiu Yuan 的作品中都帶著濃郁的東方美感。

 

 

這里每一個(gè)引導(dǎo)界面似乎都有不同的個(gè)性。每個(gè)界面都采用了不同的顏色和身份，使整個(gè)界面看起來(lái)相當(dāng)突出。設(shè)計(jì)師Min把這個(gè)項(xiàng)目表現(xiàn)的相當(dāng)有趣。

 

 

George Gao選擇了灰色作為這個(gè)引導(dǎo)界面中的動(dòng)態(tài)色彩主題。吉祥物是一個(gè)很好的觸點(diǎn)，這個(gè)元素還使整個(gè)設(shè)計(jì)呈現(xiàn)的相當(dāng)連貫。

 

 

由Anwar Hossain Rubel為一個(gè)旅行app設(shè)計(jì)的引導(dǎo)界面，干凈而有趣。我非常喜歡背景中泛著水光的云彩，還有使設(shè)計(jì)看起來(lái)有魔力的彩色小圓點(diǎn)。

 

 

Ray Martin  為一款社交app設(shè)計(jì)了這一組界面。這種含有一定梯度的頁(yè)面表現(xiàn)形式名叫Vue，展示了驚人的效果，所以說(shuō)，有時(shí)候使用大膽的色彩也是一種不錯(cuò)的選擇。

 

 

這是一款由 Ivy Mukherjee設(shè)計(jì)的國(guó)際通訊app的引導(dǎo)界面，這種鮮亮的綠色使我想起了WhatsApp

 

 

由Anandu Sivan繪畫(huà)和設(shè)計(jì)，在引導(dǎo)界面上有許多有創(chuàng)意的且好玩的插畫(huà)。這些元素并沒(méi)有說(shuō)明這是一款什么app，但是卻相當(dāng)吸引人。

 

 

這些有趣的界面引導(dǎo)你去查找一些食物，我喜歡將插圖這樣按著一定的步驟排列起來(lái)的連接方式，這個(gè)作品來(lái)自Syafrizal Wardhana

 

 

Jinyi Fu向你展示了該如何匹配大膽的插圖和背景色。這可能還存在一定的不足，因?yàn)榻缑嬷腥鄙倭宋谋菊f(shuō)明圖像的意義。

 

 

我喜歡Wenhui Yu.在這里使用的輪廓按鈕，因?yàn)榇篌w上使用了明亮的顏色和巧妙的插圖，這個(gè)設(shè)計(jì)看起來(lái)輕盈簡(jiǎn)約

 

 

Wenhui Yu 的另一個(gè)作品，在這個(gè)設(shè)計(jì)中他采用照片代替了插畫(huà)，這是一個(gè)針對(duì)青少年的時(shí)尚應(yīng)用，而設(shè)計(jì)師也緊緊的強(qiáng)調(diào)突出了這一點(diǎn)。

 

 

這是一個(gè)包括各種有趣搭配的菜單應(yīng)用程序，引導(dǎo)界面設(shè)計(jì)師是Eva Hoefer，她采用了一種比較家常的方式告訴用戶，這個(gè)app該如何使用。

 

 

我喜歡 Melvin Johnson設(shè)計(jì)的引導(dǎo)界面，里面包括不同人的形象的插圖以及刺激鮮明的背景配色，正像設(shè)計(jì)師提到的，這會(huì)給用戶傳達(dá)出一種這個(gè)app很有趣的理念。

 

 

有時(shí)候插圖還有第二個(gè)作用，可以扮演提供指令的次要角色，就像Carlos Ramos的設(shè)計(jì)那樣。這些插畫(huà)雖然不大，但是仍起到了補(bǔ)充說(shuō)明的作用。

 

 

這個(gè)應(yīng)用的演示界面顯示，該應(yīng)用程序可以匹配電腦端和手機(jī)端相同的照片，或者刪除照片。設(shè)計(jì)師Tetiana Zahorska采用了在有色界面搭配白色的配色方案。

 

 

這些ModMom應(yīng)用中多彩的界面是所有設(shè)計(jì)中最受歡迎的設(shè)計(jì)風(fēng)格，有趣的背景插圖也增添了界面的美感，這一組令人驚嘆的作品由Staci Carpenter創(chuàng)作。

原文鏈接:enqoo