前面兩周我們從APP開(kāi)發(fā)設(shè)計(jì)引導(dǎo)頁(yè)的目的區(qū)分、表現(xiàn)方式來(lái)探討了怎么設(shè)計(jì)優(yōu)秀APP引導(dǎo)頁(yè)，本周我們從APP引導(dǎo)頁(yè)的文案出發(fā)，繼續(xù)來(lái)探討如何設(shè)計(jì)優(yōu)秀的APP引導(dǎo)頁(yè)。
1、文案言簡(jiǎn)意賅，突出核心。
根據(jù)愛(ài)爾蘭哲學(xué)家漢密爾頓觀察發(fā)現(xiàn)的7±2效應(yīng)，一個(gè)人的短時(shí)記憶至少能回憶出5個(gè)字，最多回憶9個(gè)，即7±2個(gè)。因此展示的文案要控制在9個(gè)字以內(nèi)，超過(guò)后用戶容易遺忘、出現(xiàn)記憶偏差。如果表達(dá)起來(lái)困難，可以輔助一小段文字進(jìn)行解釋或補(bǔ)充。因此在最終文案的確定上，要突出重點(diǎn)，多余的文字盡可能地進(jìn)行刪減。如果文案刪減后字?jǐn)?shù)還是過(guò)多，因考慮對(duì)文字進(jìn)行分層，通過(guò)空格或逗號(hào)或換行的方式進(jìn)行視覺(jué)優(yōu)化。
精準(zhǔn)貼切的文案也十分重要，將專業(yè)的術(shù)語(yǔ)轉(zhuǎn)換成用戶聽(tīng)得懂的語(yǔ)言。尤其對(duì)于通過(guò)照片來(lái)表現(xiàn)主題的引導(dǎo)頁(yè)設(shè)計(jì)，文案與照片的吻合度，直接影響到情感傳達(dá)的效果。
2、視覺(jué)聚焦
在單個(gè)引導(dǎo)頁(yè)中，信息不宜過(guò)多，只闡述一個(gè)目的，所有元素都圍繞這個(gè)目的進(jìn)行展開(kāi)。視覺(jué)聚焦包括兩部分，一是文案的處理，要注意層次，主標(biāo)題與副標(biāo)題要形成對(duì)比;二是引導(dǎo)頁(yè)中的界面、場(chǎng)景、文案具象化元素，要有一個(gè)視覺(jué)聚焦點(diǎn)，多個(gè)視覺(jué)元素的排布采用中心擴(kuò)散的方式，聚焦點(diǎn)的視覺(jué)面積最大，同時(shí)與擴(kuò)散的元素拉開(kāi)對(duì)比。這樣用戶能清晰地看到核心文案信息與文案對(duì)應(yīng)的視覺(jué)表現(xiàn)元素。同時(shí)結(jié)合視線流動(dòng)的規(guī)律，從上到下，從左到右，從大到小。因此企業(yè)app開(kāi)發(fā)可以根據(jù)這個(gè)視線流的規(guī)律來(lái)進(jìn)行引導(dǎo)頁(yè)的設(shè)計(jì)。
如下圖為天貓客戶端的引導(dǎo)頁(yè)，分析其視覺(jué)流發(fā)現(xiàn)，瀏覽的順序從插圖到主文案，再到輔助文案，缺點(diǎn)在首次看到的是插圖而不是文案，插圖相對(duì)文字理解相對(duì)困難，因此未能快速地獲取該頁(yè)的主要信息，可以考慮將文案與插圖的位置進(jìn)行互換，這樣會(huì)好一些。
3、富于情感化
通過(guò)具體的元素、場(chǎng)景來(lái)表現(xiàn)文案，采用寫實(shí)、半寫實(shí)的方式進(jìn)行表現(xiàn)，有些應(yīng)用還會(huì)配以水彩風(fēng)格。以天貓為例，天貓是一款購(gòu)物應(yīng)用，在設(shè)計(jì)上通過(guò)商場(chǎng)、店鋪的實(shí)際場(chǎng)景的具體描繪，渲染輕松、歡快的購(gòu)物過(guò)程。
4、與產(chǎn)品、公司基調(diào)相一致
引導(dǎo)頁(yè)在視覺(jué)風(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)類、娛樂(lè)類、工具類還是其他，根據(jù)不同的產(chǎn)品特性決定了引導(dǎo)頁(yè)是走輕松娛樂(lè)、小清新，還是規(guī)整、趣味性的風(fēng)格，在最終的表現(xiàn)形式上也就會(huì)有完全不同的展現(xiàn)，是插圖、界面、動(dòng)畫還是其他。如淘寶的娛樂(lè)、豆瓣的清新文藝、百度的工具、蟬游記的休閑等等，通過(guò)對(duì)比就能發(fā)現(xiàn)他們?cè)谝龑?dǎo)頁(yè)設(shè)計(jì)上的差異。
這樣一方面有利于產(chǎn)品一脈相承，與產(chǎn)品使用體驗(yàn)相一致;另一方面也會(huì)進(jìn)一步強(qiáng)化公司形象。
以來(lái)往為例，來(lái)往是一款針對(duì)個(gè)人用戶的及時(shí)通訊應(yīng)用，主打扎堆、閱后即焚、敲門等與微信不一樣有趣的功能，也是想給用戶創(chuàng)造不一樣的IM溝通方式。因此在引導(dǎo)頁(yè)的設(shè)計(jì)上通過(guò)趣味性、甚至有點(diǎn)搞怪的動(dòng)作與表情來(lái)表現(xiàn)來(lái)往是這樣一款有趣、歡樂(lè)多的產(chǎn)品。
總之：想做好移動(dòng)app開(kāi)發(fā)引導(dǎo)頁(yè)的設(shè)計(jì)，在理解用戶對(duì)引導(dǎo)頁(yè)需求的基礎(chǔ)上，懷揣熱愛(ài)產(chǎn)品的情懷，依靠精致的布局，巧妙的構(gòu)思，貼切的氛圍渲染，再加一點(diǎn)點(diǎn)特色。蒙特app設(shè)計(jì)師總能探索出別具一格的引導(dǎo)頁(yè)設(shè)計(jì)。
前面兩周我們從APP開(kāi)發(fā)設(shè)計(jì)引導(dǎo)頁(yè)的目的區(qū)分、表現(xiàn)方式來(lái)探討了怎么設(shè)計(jì)優(yōu)秀APP引導(dǎo)頁(yè)，本周我們從APP引導(dǎo)頁(yè)的文案出發(fā)，繼續(xù)來(lái)探討如何設(shè)計(jì)優(yōu)秀的APP引導(dǎo)頁(yè)。
1、文案言簡(jiǎn)意賅，突出核心。
根據(jù)愛(ài)爾蘭哲學(xué)家漢密爾頓觀察發(fā)現(xiàn)的7±2效應(yīng)，一個(gè)人的短時(shí)記憶至少能回憶出5個(gè)字，最多回憶9個(gè)，即7±2個(gè)。因此展示的文案要控制在9個(gè)字以內(nèi)，超過(guò)后用戶容易遺忘、出現(xiàn)記憶偏差。如果表達(dá)起來(lái)困難，可以輔助一小段文字進(jìn)行解釋或補(bǔ)充。因此在最終文案的確定上，要突出重點(diǎn)，多余的文字盡可能地進(jìn)行刪減。如果文案刪減后字?jǐn)?shù)還是過(guò)多，因考慮對(duì)文字進(jìn)行分層，通過(guò)空格或逗號(hào)或換行的方式進(jìn)行視覺(jué)優(yōu)化。
精準(zhǔn)貼切的文案也十分重要，將專業(yè)的術(shù)語(yǔ)轉(zhuǎn)換成用戶聽(tīng)得懂的語(yǔ)言。尤其對(duì)于通過(guò)照片來(lái)表現(xiàn)主題的引導(dǎo)頁(yè)設(shè)計(jì)，文案與照片的吻合度，直接影響到情感傳達(dá)的效果。
2、視覺(jué)聚焦
在單個(gè)引導(dǎo)頁(yè)中，信息不宜過(guò)多，只闡述一個(gè)目的，所有元素都圍繞這個(gè)目的進(jìn)行展開(kāi)。視覺(jué)聚焦包括兩部分，一是文案的處理，要注意層次，主標(biāo)題與副標(biāo)題要形成對(duì)比;二是引導(dǎo)頁(yè)中的界面、場(chǎng)景、文案具象化元素，要有一個(gè)視覺(jué)聚焦點(diǎn)，多個(gè)視覺(jué)元素的排布采用中心擴(kuò)散的方式，聚焦點(diǎn)的視覺(jué)面積最大，同時(shí)與擴(kuò)散的元素拉開(kāi)對(duì)比。這樣用戶能清晰地看到核心文案信息與文案對(duì)應(yīng)的視覺(jué)表現(xiàn)元素。同時(shí)結(jié)合視線流動(dòng)的規(guī)律，從上到下，從左到右，從大到小。因此企業(yè)app開(kāi)發(fā)可以根據(jù)這個(gè)視線流的規(guī)律來(lái)進(jìn)行引導(dǎo)頁(yè)的設(shè)計(jì)。
如下圖為天貓客戶端的引導(dǎo)頁(yè)，分析其視覺(jué)流發(fā)現(xiàn)，瀏覽的順序從插圖到主文案，再到輔助文案，缺點(diǎn)在首次看到的是插圖而不是文案，插圖相對(duì)文字理解相對(duì)困難，因此未能快速地獲取該頁(yè)的主要信息，可以考慮將文案與插圖的位置進(jìn)行互換，這樣會(huì)好一些。
3、富于情感化
通過(guò)具體的元素、場(chǎng)景來(lái)表現(xiàn)文案，采用寫實(shí)、半寫實(shí)的方式進(jìn)行表現(xiàn)，有些應(yīng)用還會(huì)配以水彩風(fēng)格。以天貓為例，天貓是一款購(gòu)物應(yīng)用，在設(shè)計(jì)上通過(guò)商場(chǎng)、店鋪的實(shí)際場(chǎng)景的具體描繪，渲染輕松、歡快的購(gòu)物過(guò)程。
4、與產(chǎn)品、公司基調(diào)相一致
引導(dǎo)頁(yè)在視覺(jué)風(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)類、娛樂(lè)類、工具類還是其他，根據(jù)不同的產(chǎn)品特性決定了引導(dǎo)頁(yè)是走輕松娛樂(lè)、小清新，還是規(guī)整、趣味性的風(fēng)格，在最終的表現(xiàn)形式上也就會(huì)有完全不同的展現(xiàn)，是插圖、界面、動(dòng)畫還是其他。如淘寶的娛樂(lè)、豆瓣的清新文藝、百度的工具、蟬游記的休閑等等，通過(guò)對(duì)比就能發(fā)現(xiàn)他們?cè)谝龑?dǎo)頁(yè)設(shè)計(jì)上的差異。
這樣一方面有利于產(chǎn)品一脈相承，與產(chǎn)品使用體驗(yàn)相一致;另一方面也會(huì)進(jìn)一步強(qiáng)化公司形象。
以來(lái)往為例，來(lái)往是一款針對(duì)個(gè)人用戶的及時(shí)通訊應(yīng)用，主打扎堆、閱后即焚、敲門等與微信不一樣有趣的功能，也是想給用戶創(chuàng)造不一樣的IM溝通方式。因此在引導(dǎo)頁(yè)的設(shè)計(jì)上通過(guò)趣味性、甚至有點(diǎn)搞怪的動(dòng)作與表情來(lái)表現(xiàn)來(lái)往是這樣一款有趣、歡樂(lè)多的產(chǎn)品。
總之：想做好移動(dòng)app開(kāi)發(fā)引導(dǎo)頁(yè)的設(shè)計(jì)，在理解用戶對(duì)引導(dǎo)頁(yè)需求的基礎(chǔ)上，懷揣熱愛(ài)產(chǎn)品的情懷，依靠精致的布局，巧妙的構(gòu)思，貼切的氛圍渲染，再加一點(diǎn)點(diǎn)特色。蒙特app設(shè)計(jì)師總能探索出別具一格的引導(dǎo)頁(yè)設(shè)計(jì)。
