2022-08-27 分類: 網(wǎng)站建設
APP引導頁設計就是這么給力!不信你隨著創(chuàng)新互聯(lián)APP設計去瞧一瞧,看一看!
隨著無線互聯(lián)網(wǎng)技術與智能手機的發(fā)展普及,手機早已從單純的通訊終端逐步衍變?yōu)閾碛型ㄓ嵐δ艿囊苿佣嗝襟w終端。而在智能手機日新月異的硬件升級中,第三方軟件應用的革命則顯得更為頻繁激烈。APP軟件應用市場也在不斷涌現(xiàn)出新的創(chuàng)意與活力。
然一款APP要如何在投入市場時,一下子吸引住大眾的眼球,保持永久活力,不被淘汰呢?除了不斷完善APP的功能及其后續(xù)服務外。我想精美的引導頁設計也是必不可少的。
一次印象的好壞會極大地影響到后續(xù)的產(chǎn)品使用體驗,好的引導頁從一開始就引人入勝,所以一款成功的APP應用常??梢钥吹骄赖囊龑ы撛O計,它們在你未使用產(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點。因此大家都在努力將這幾個頁面設計好,接下來就由創(chuàng)新互聯(lián)人跟大家一起來分享關于APP引導頁設計的幾大關鍵元素。
引導頁設計關鍵元素一:引導頁的目的區(qū)分
根據(jù)引導頁的目的、出發(fā)點不同,可將其分為使用說明類、功能介紹類、問題解決類、推廣類,一般引導頁不會超過5頁。
1、使用說明類
使用說明類引導頁主要是對用戶在使用產(chǎn)品過程中可能會遇到的困難、誤操作行為等進行提前告知。這類引導頁大多采用箭頭、圓圈進行標識,以手繪風格為主。
2、功能介紹類
功能介紹類引導頁主要是對產(chǎn)品的主要功能進行展示,讓用戶對產(chǎn)品主功能有一個大致的了解。采用的形式大多以文字配合界面、插圖的方式來展現(xiàn)。
3、問題解決類
問題解決類主要是對在實際生活中會遇到的問題進行描述,直擊痛點,通過最后的解決方案讓用戶產(chǎn)生情感上的聯(lián)系,讓用戶對產(chǎn)品產(chǎn)生好感,增加產(chǎn)品粘度。
4、推廣類
推廣類引導頁除了介紹產(chǎn)品功能外,更多地是想傳達產(chǎn)品的一種態(tài)度,讓用戶更能明白地感受到這個產(chǎn)品的情懷,并考慮與整個產(chǎn)品風格、公司形象相一致。這一類的引導頁如果做的不夠吸引人,用戶只會不耐煩地想快速劃過。而制作精良、有趣的引導頁,用戶會駐足觀賞。
引導頁設計關鍵元素二:引導頁的表現(xiàn)方式
1、文字與界面組合
這是最常見的引導頁面,簡短的文字+該功能的界面,這種引導頁面主要是運用在功能介紹類與使用說明類引導頁中。這種方式能較為直接地傳達產(chǎn)品的主要功能,缺點在于過于模式化,顯得千篇一律,沒什么特別之處。
2、文字與插圖組合
文字與插圖的組合方式也是目前常見的形式之一。插圖多具象,以使用場景、照片為主,來表現(xiàn)文字內容。
3、動態(tài)效果與音樂
除了靜態(tài)頁面外,開始流行具有動態(tài)效果的頁面。在單個頁面采用動畫的形式,考慮好各個組件的先后快慢,打破原有的沉寂,讓頁面動起來。同時結合動效可以考慮頁面間切換的方式,將默認的左右滑動改為上下滑動或過幾秒自動切換到下一頁。在瀏覽引導頁的時候,可以試著加入一些與動效節(jié)奏相符合的音樂,會是一種更加新穎的方式。
4、視頻展示
在打開后通過播放視頻的方式來介紹產(chǎn)品或傳遞一種理念,這種方式多見于偏生活記錄類的應用,如拍照、運動類應用,給人傳達青春活力、積極樂觀的生活態(tài)度。優(yōu)點:直觀,動感,生活化。缺點:應用較大,視頻播放會出現(xiàn)卡頓的情況。
引導頁設計關鍵元素三:引導頁的設計原則
在引導頁設計中除了要區(qū)分好引導頁的目的差異及其表現(xiàn)方式外,在具體的設計中還需兼顧引導頁的設計原則問題,它們將使你的引導頁設計更加吸引人,達到更好的信息傳達效果。
設計原則一:文案言簡意賅,突出核心。
根據(jù)愛爾蘭哲學家漢密爾頓觀察發(fā)現(xiàn)的7±2效應,一個人的短時記憶至少能回憶出5個字,最多回憶9個,即7±2個。因此展示的文案要控制在9個字以內,超過后用戶容易遺忘、出現(xiàn)記憶偏差。如果表達起來困難,可以輔助一小段文字進行解釋或補充。因此在最終文案的確定上,要突出重點,多余的文字盡可能地進行刪減。如果文案刪減后字數(shù)還是過多,可考慮對文字進行分層,通過空格或逗號或換行的方式進行視覺優(yōu)化。
精準貼切的文案也十分重要,將專業(yè)的術語轉換成用戶聽得懂的語言。尤其對于通過照片來表現(xiàn)主題的引導頁設計,文案與照片的吻合度,直接影響到情感傳達的效果。
設計原則二:視覺聚焦
在單個引導頁中,信息不宜過多,只闡述一個目的,所有元素都圍繞這個目的進行展開。視覺聚焦包括兩部分,一是文案的處理,要注意層次,主標題與副標題要形成對比;二是引導頁中的界面、場景、文案具象化元素,要有一個視覺聚焦點,多個視覺元素的排布采用中心擴散的方式,聚焦點的視覺面積大,同時與擴散的元素拉開對比。這樣用戶能清晰地看到核心文案信息與文案對應的視覺表現(xiàn)元素。同時結合視線流動的規(guī)律,從上到下,從左到右,從大到小。因此可以根據(jù)這個視線流的規(guī)律來進行引導頁的設計。
設計原則三:富于情感化
A、文案具象化
通過具體的元素、場景來表現(xiàn)文案,采用寫實、半寫實的方式進行表現(xiàn),有些應用還會配以水彩風格。
B、頁面動效、頁面間交互方式的差異化
之前對于表現(xiàn)方式的歸類已經(jīng)講到了動畫及頁面切換方式,如果增加了頁面動效,利用動效,包括放大、縮小、平移、滾動、彈跳,表現(xiàn)形式更加多樣化,會讓引導頁更有趣,注意力更為集中。
而頁面間的切換方式除了傳統(tǒng)的卡片左右滑動的方式外,可以結合線條、箭頭等進行引導,通常會配合動效。
設計原則四:與產(chǎn)品、公司基調相一致
引導頁在視覺風格與氛圍的營造上要與該產(chǎn)品、公司形象相一致,這樣在用戶還未使用具體產(chǎn)品前就給產(chǎn)品定下一個對應的基調。產(chǎn)品的特性決定了引導頁的風格,產(chǎn)品是消費類、娛樂類、工具類還是其他,根據(jù)不同的產(chǎn)品特性決定了引導頁是走輕松娛樂、小清新,還是規(guī)整、趣味性的風格,在最終的表現(xiàn)形式上也就會有完全不同的展現(xiàn),是插圖、界面、動畫還是其他。
這樣一方面有利于產(chǎn)品一脈相承,與產(chǎn)品使用體驗相一致;另一方面也會進一步強化公司形象。
想做好引導頁的設計,在理解用戶對引導頁需求的基礎上,懷揣熱愛產(chǎn)品的情懷,依靠精致的布局,巧妙的構思,貼切的氛圍渲染,再加一點點特色。
本文題目:APP引導頁設計就是這么給力!
本文來源:http://jinyejixie.com/news4/193404.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、關鍵詞優(yōu)化、微信公眾號、做網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站設計公司
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容