APP引導(dǎo)頁(yè)設(shè)計(jì)就是這么給力!

APP引導(dǎo)頁(yè)設(shè)計(jì)就是這么給力!不信你隨著創(chuàng)新互聯(lián)APP設(shè)計(jì)去瞧一瞧，看一看!

隨著無線互聯(lián)網(wǎng)技術(shù)與智能手機(jī)的發(fā)展普及，手機(jī)早已從單純的通訊終端逐步衍變?yōu)閾碛型ㄓ嵐δ艿囊苿?dòng)多媒體終端。而在智能手機(jī)日新月異的硬件升級(jí)中，第三方軟件應(yīng)用的革命則顯得更為頻繁激烈。APP軟件應(yīng)用市場(chǎng)也在不斷涌現(xiàn)出新的創(chuàng)意與活力。

然一款A(yù)PP要如何在投入市場(chǎng)時(shí)，一下子吸引住大眾的眼球，保持永久活力，不被淘汰呢?除了不斷完善APP的功能及其后續(xù)服務(wù)外。我想精美的引導(dǎo)頁(yè)設(shè)計(jì)也是必不可少的。

一次印象的好壞會(huì)極大地影響到后續(xù)的產(chǎn)品使用體驗(yàn)，好的引導(dǎo)頁(yè)從一開始就引人入勝，所以一款成功的APP應(yīng)用常常可以看到精美的引導(dǎo)頁(yè)設(shè)計(jì)，它們?cè)谀阄词褂卯a(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn)。因此大家都在努力將這幾個(gè)頁(yè)面設(shè)計(jì)好，接下來就由創(chuàng)新互聯(lián)人跟大家一起來分享關(guān)于APP引導(dǎo)頁(yè)設(shè)計(jì)的幾大關(guān)鍵元素。

引導(dǎo)頁(yè)設(shè)計(jì)關(guān)鍵元素一：引導(dǎo)頁(yè)的目的區(qū)分

根據(jù)引導(dǎo)頁(yè)的目的、出發(fā)點(diǎn)不同，可將其分為使用說明類、功能介紹類、問題解決類、推廣類，一般引導(dǎo)頁(yè)不會(huì)超過5頁(yè)。

1、使用說明類

使用說明類引導(dǎo)頁(yè)主要是對(duì)用戶在使用產(chǎn)品過程中可能會(huì)遇到的困難、誤操作行為等進(jìn)行提前告知。這類引導(dǎo)頁(yè)大多采用箭頭、圓圈進(jìn)行標(biāo)識(shí)，以手繪風(fēng)格為主。

2、功能介紹類

功能介紹類引導(dǎo)頁(yè)主要是對(duì)產(chǎn)品的主要功能進(jìn)行展示，讓用戶對(duì)產(chǎn)品主功能有一個(gè)大致的了解。采用的形式大多以文字配合界面、插圖的方式來展現(xiàn)。

3、問題解決類

問題解決類主要是對(duì)在實(shí)際生活中會(huì)遇到的問題進(jìn)行描述，直擊痛點(diǎn)，通過最后的解決方案讓用戶產(chǎn)生情感上的聯(lián)系，讓用戶對(duì)產(chǎn)品產(chǎn)生好感，增加產(chǎn)品粘度。

4、推廣類

推廣類引導(dǎo)頁(yè)除了介紹產(chǎn)品功能外，更多地是想傳達(dá)產(chǎn)品的一種態(tài)度，讓用戶更能明白地感受到這個(gè)產(chǎn)品的情懷，并考慮與整個(gè)產(chǎn)品風(fēng)格、公司形象相一致。這一類的引導(dǎo)頁(yè)如果做的不夠吸引人，用戶只會(huì)不耐煩地想快速劃過。而制作精良、有趣的引導(dǎo)頁(yè)，用戶會(huì)駐足觀賞。

引導(dǎo)頁(yè)設(shè)計(jì)關(guān)鍵元素二：引導(dǎo)頁(yè)的表現(xiàn)方式

1、文字與界面組合

這是最常見的引導(dǎo)頁(yè)面，簡(jiǎn)短的文字+該功能的界面，這種引導(dǎo)頁(yè)面主要是運(yùn)用在功能介紹類與使用說明類引導(dǎo)頁(yè)中。這種方式能較為直接地傳達(dá)產(chǎn)品的主要功能，缺點(diǎn)在于過于模式化，顯得千篇一律，沒什么特別之處。

2、文字與插圖組合

文字與插圖的組合方式也是目前常見的形式之一。插圖多具象，以使用場(chǎng)景、照片為主，來表現(xiàn)文字內(nèi)容。

3、動(dòng)態(tài)效果與音樂

除了靜態(tài)頁(yè)面外，開始流行具有動(dòng)態(tài)效果的頁(yè)面。在單個(gè)頁(yè)面采用動(dòng)畫的形式，考慮好各個(gè)組件的先后快慢，打破原有的沉寂，讓頁(yè)面動(dòng)起來。同時(shí)結(jié)合動(dòng)效可以考慮頁(yè)面間切換的方式，將默認(rèn)的左右滑動(dòng)改為上下滑動(dòng)或過幾秒自動(dòng)切換到下一頁(yè)。在瀏覽引導(dǎo)頁(yè)的時(shí)候，可以試著加入一些與動(dòng)效節(jié)奏相符合的音樂，會(huì)是一種更加新穎的方式。

4、視頻展示

在打開后通過播放視頻的方式來介紹產(chǎn)品或傳遞一種理念，這種方式多見于偏生活記錄類的應(yīng)用，如拍照、運(yùn)動(dòng)類應(yīng)用，給人傳達(dá)青春活力、積極樂觀的生活態(tài)度。優(yōu)點(diǎn)：直觀，動(dòng)感，生活化。缺點(diǎn)：應(yīng)用較大，視頻播放會(huì)出現(xiàn)卡頓的情況。

引導(dǎo)頁(yè)設(shè)計(jì)關(guān)鍵元素三：引導(dǎo)頁(yè)的設(shè)計(jì)原則

在引導(dǎo)頁(yè)設(shè)計(jì)中除了要區(qū)分好引導(dǎo)頁(yè)的目的差異及其表現(xiàn)方式外，在具體的設(shè)計(jì)中還需兼顧引導(dǎo)頁(yè)的設(shè)計(jì)原則問題,它們將使你的引導(dǎo)頁(yè)設(shè)計(jì)更加吸引人，達(dá)到更好的信息傳達(dá)效果。

設(shè)計(jì)原則一：文案言簡(jiǎn)意賅，突出核心。

根據(jù)愛爾蘭哲學(xué)家漢密爾頓觀察發(fā)現(xiàn)的7±2效應(yīng)，一個(gè)人的短時(shí)記憶至少能回憶出5個(gè)字，最多回憶9個(gè)，即7±2個(gè)。因此展示的文案要控制在9個(gè)字以內(nèi)，超過后用戶容易遺忘、出現(xiàn)記憶偏差。如果表達(dá)起來困難，可以輔助一小段文字進(jìn)行解釋或補(bǔ)充。因此在最終文案的確定上，要突出重點(diǎn)，多余的文字盡可能地進(jìn)行刪減。如果文案刪減后字?jǐn)?shù)還是過多，可考慮對(duì)文字進(jìn)行分層，通過空格或逗號(hào)或換行的方式進(jìn)行視覺優(yōu)化。

精準(zhǔn)貼切的文案也十分重要，將專業(yè)的術(shù)語轉(zhuǎn)換成用戶聽得懂的語言。尤其對(duì)于通過照片來表現(xiàn)主題的引導(dǎo)頁(yè)設(shè)計(jì)，文案與照片的吻合度，直接影響到情感傳達(dá)的效果。

設(shè)計(jì)原則二：視覺聚焦

在單個(gè)引導(dǎo)頁(yè)中，信息不宜過多，只闡述一個(gè)目的，所有元素都圍繞這個(gè)目的進(jìn)行展開。視覺聚焦包括兩部分，一是文案的處理，要注意層次，主標(biāo)題與副標(biāo)題要形成對(duì)比;二是引導(dǎo)頁(yè)中的界面、場(chǎng)景、文案具象化元素，要有一個(gè)視覺聚焦點(diǎn)，多個(gè)視覺元素的排布采用中心擴(kuò)散的方式，聚焦點(diǎn)的視覺面積大，同時(shí)與擴(kuò)散的元素拉開對(duì)比。這樣用戶能清晰地看到核心文案信息與文案對(duì)應(yīng)的視覺表現(xiàn)元素。同時(shí)結(jié)合視線流動(dòng)的規(guī)律，從上到下，從左到右，從大到小。因此可以根據(jù)這個(gè)視線流的規(guī)律來進(jìn)行引導(dǎo)頁(yè)的設(shè)計(jì)。

設(shè)計(jì)原則三：富于情感化

A、文案具象化

通過具體的元素、場(chǎng)景來表現(xiàn)文案，采用寫實(shí)、半寫實(shí)的方式進(jìn)行表現(xiàn)，有些應(yīng)用還會(huì)配以水彩風(fēng)格。

B、頁(yè)面動(dòng)效、頁(yè)面間交互方式的差異化

之前對(duì)于表現(xiàn)方式的歸類已經(jīng)講到了動(dòng)畫及頁(yè)面切換方式，如果增加了頁(yè)面動(dòng)效，利用動(dòng)效，包括放大、縮小、平移、滾動(dòng)、彈跳，表現(xiàn)形式更加多樣化，會(huì)讓引導(dǎo)頁(yè)更有趣，注意力更為集中。

而頁(yè)面間的切換方式除了傳統(tǒng)的卡片左右滑動(dòng)的方式外，可以結(jié)合線條、箭頭等進(jìn)行引導(dǎo)，通常會(huì)配合動(dòng)效。

設(shè)計(jì)原則四：與產(chǎn)品、公司基調(diào)相一致

引導(dǎo)頁(yè)在視覺風(fēng)格與氛圍的營(yíng)造上要與該產(chǎn)品、公司形象相一致，這樣在用戶還未使用具體產(chǎn)品前就給產(chǎn)品定下一個(gè)對(duì)應(yīng)的基調(diào)。產(chǎn)品的特性決定了引導(dǎo)頁(yè)的風(fēng)格，產(chǎn)品是消費(fèi)類、娛樂類、工具類還是其他，根據(jù)不同的產(chǎn)品特性決定了引導(dǎo)頁(yè)是走輕松娛樂、小清新，還是規(guī)整、趣味性的風(fēng)格，在最終的表現(xiàn)形式上也就會(huì)有完全不同的展現(xiàn)，是插圖、界面、動(dòng)畫還是其他。

這樣一方面有利于產(chǎn)品一脈相承，與產(chǎn)品使用體驗(yàn)相一致;另一方面也會(huì)進(jìn)一步強(qiáng)化公司形象。

想做好引導(dǎo)頁(yè)的設(shè)計(jì)，在理解用戶對(duì)引導(dǎo)頁(yè)需求的基礎(chǔ)上，懷揣熱愛產(chǎn)品的情懷，依靠精致的布局，巧妙的構(gòu)思，貼切的氛圍渲染，再加一點(diǎn)點(diǎn)特色。

本文題目：APP引導(dǎo)頁(yè)設(shè)計(jì)就是這么給力!
本文來源：http://www.muchs.cn/news4/193404.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、關(guān)鍵詞優(yōu)化、微信公眾號(hào)、做網(wǎng)站、全網(wǎng)營(yíng)銷推廣、網(wǎng)站設(shè)計(jì)公司

廣告

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