APP引導(dǎo)頁設(shè)計的五種常見表現(xiàn)方式

app引導(dǎo)頁,想必大家都很熟悉。目前來說,APP引導(dǎo)頁設(shè)計并不是每一個APP的必備設(shè)計環(huán)節(jié)啦。因為一款A(yù)pp是否需要引導(dǎo)頁,取決于每一個APP出發(fā)點(diǎn)或者說是用途。

比如,在功能引導(dǎo)頁和操作引導(dǎo)頁上的設(shè)計上需要基于一個怎樣的目的去展開設(shè)計,是產(chǎn)品的功能需要還是頁面的樣式需要,是產(chǎn)品的錦上添花還是功能的雪中送碳。

所以,APP引導(dǎo)頁設(shè)計這個看似簡單的問題實(shí)則有著太多的思考價值。這里25學(xué)堂不跟大家過深的來討論啦。有興趣的可以看看APP引導(dǎo)頁設(shè)計鑒賞。

今天25學(xué)堂要跟大家分享的是5種常見的APP引導(dǎo)頁設(shè)計的表現(xiàn)方式。

 

第一種:功能產(chǎn)品展示法,圖標(biāo)與重點(diǎn)文字相結(jié)合?

app案例:one ?同時加上了交互按鈕。 該案例的表現(xiàn)方式就是分為 上中下的結(jié)構(gòu)。

上面:圖標(biāo) ? ?中間:說明文字或者重點(diǎn)廣告詞 ? ?下面:過渡按鈕

app引導(dǎo)頁設(shè)計

 

 

第二種:文字與APP UI 界面 立體組合

這是最常見的APP引導(dǎo)頁面表現(xiàn)方式,簡短的文字+該功能的界面,主要是運(yùn)用在功能介紹類與使用說明類引導(dǎo)頁。這種方式能較為直接地傳達(dá)產(chǎn)品的主要功能,缺點(diǎn)在與過于模式化,顯得千篇一律。跟上一種是非常簡單而直抒胸臆的做法。

APP案例入下:

app引導(dǎo)頁設(shè)計2

 

第三種:文案與插圖組合的表現(xiàn)方式

文字與插圖的組合方式也是目前常見的形式之一。插圖多具象,以使用卡通人物,場景、照片,或者是玻璃大背景為主,來表現(xiàn)文字內(nèi)容。這種APP引導(dǎo)頁設(shè)計表現(xiàn)方式被設(shè)計師采用的居多。這樣設(shè)計出來的引導(dǎo)頁視覺沖擊力很強(qiáng)。

app案例:聚美優(yōu)品APP

app引導(dǎo)頁設(shè)計3

 

app引導(dǎo)頁設(shè)計4

 

 

第四種:APP上下滑動,線路、軌跡展示的表現(xiàn)方式

比如下面的馬蜂窩的旅游攻略APP的引導(dǎo)頁設(shè)計。采用了自上而下的線路表現(xiàn)方式。

馬蜂窩旅游攻略APP引導(dǎo)頁設(shè)計

而這個是百度的APP引導(dǎo)頁設(shè)計,采用了一條曲線貫穿到底的整體布局設(shè)計。

app引導(dǎo)頁設(shè)計2

 

 

第五種:APp動態(tài)效果與音樂、視頻融合的表現(xiàn)方式

除了之前靜態(tài)的展示方式之外,我們的APP也可以采用一些優(yōu)美的動效效果,比如頁面間切換的方式,當(dāng)前頁面的動態(tài)效果展示等。還可以加入音樂,微視頻等。

ui8-wireframekit

 

總結(jié):這里也是25學(xué)堂跟大家做的一下關(guān)于APP引導(dǎo)頁設(shè)計的布局或者是表現(xiàn)方式整理歸類。算是拋磚引玉。也希望大家在具體的設(shè)計中還得注意一些原則,它們會讓你的設(shè)計更加吸引人,信息傳達(dá)的效果更好。

25學(xué)堂之前談到關(guān)于APP引導(dǎo)頁設(shè)計的還有:

14種移動APP引導(dǎo)頁設(shè)計的創(chuàng)意設(shè)計方法

App引導(dǎo)頁最佳設(shè)計之5個UI界面設(shè)計步驟

手機(jī)移動端APP界面設(shè)計之引導(dǎo)設(shè)計篇

每天更新,
全站高品質(zhì)素材免費(fèi)下載!