淺析APP市場(chǎng)截圖頁(yè)面設(shè)計(jì)原則

其實(shí)，應(yīng)用市場(chǎng)圖相關(guān)文章之前就有寫(xiě)，一直沒(méi)有整合。最近在進(jìn)行新版本設(shè)計(jì)，在新版本設(shè)計(jì)中，分析的競(jìng)品與優(yōu)秀應(yīng)用的市場(chǎng)圖多達(dá)40余款，從中發(fā)現(xiàn)問(wèn)題并得到解決方案，一同記錄下來(lái)，分享給大家。

文章開(kāi)始我們來(lái)說(shuō)說(shuō)應(yīng)用市場(chǎng)圖的名稱，它即被叫作市場(chǎng)圖、應(yīng)用市場(chǎng)圖，也有被稱為應(yīng)用截圖、上架圖等。所以當(dāng)大家聽(tīng)到這幾個(gè)名詞時(shí)，就可以知道說(shuō)的是什么了。

一、平臺(tái)規(guī)范

移動(dòng)端應(yīng)用市場(chǎng)無(wú)非就是安卓與iOS系統(tǒng)之間的區(qū)分。iOS 中 APP STORE的應(yīng)用規(guī)范比較一致，適配便捷，而安卓的應(yīng)用市場(chǎng)就比較多。

詳情請(qǐng)看本人整理的最新應(yīng)用市場(chǎng)設(shè)計(jì)平臺(tái)規(guī)范——《最新APP應(yīng)用市場(chǎng)截圖尺寸》

*需強(qiáng)調(diào)Google Play除了市場(chǎng)圖之外，另外還有一張Banner圖。

二、設(shè)計(jì)原則

應(yīng)用市場(chǎng)存在的目的，是方便與驅(qū)使用戶下載應(yīng)用的行為。那么市場(chǎng)圖存在的意義，就是幫助用戶更好地了解產(chǎn)品屬性、產(chǎn)品定位和產(chǎn)品的功能。

那么要設(shè)計(jì)出優(yōu)秀的應(yīng)用市場(chǎng)圖，需要了解以下七大設(shè)計(jì)原則：

1、首屏原則

在選擇應(yīng)用時(shí)，進(jìn)入應(yīng)用市場(chǎng)映入眼簾的必定是首屏圖片，在同行業(yè)競(jìng)品競(jìng)爭(zhēng)激烈，同質(zhì)化嚴(yán)重的現(xiàn)今，對(duì)于用戶來(lái)說(shuō)，怎么樣在幾百上千款應(yīng)用中挑出喜歡的，必然是要有所不同甚至讓人耳目一新。除了利用更加出彩的設(shè)計(jì)作為首屏，還可以使用宣傳視頻作為首屏。

(以視頻為首屏的百度、抖音)

作用：利用最短時(shí)間吸引用戶關(guān)注。

2、亮點(diǎn)原則(重點(diǎn))

當(dāng)用戶選擇進(jìn)入應(yīng)用的詳情頁(yè)時(shí)，必然是對(duì)應(yīng)用產(chǎn)生了興趣，這時(shí)候用戶所關(guān)心的是能否獲取想要的信息，亮點(diǎn)原則是突出產(chǎn)品亮點(diǎn)，“能用兩個(gè)字說(shuō)完的特性，就盡量不要寫(xiě)兩句話”，用戶的時(shí)間很寶貴，尊重用戶時(shí)間的同時(shí)，也為產(chǎn)品自身創(chuàng)造了不錯(cuò)的自我介紹時(shí)間。

作用：讓用戶捕捉重點(diǎn)，便于用戶了解產(chǎn)品核心功能特性，收獲有價(jià)值的信息。

3、簡(jiǎn)潔原則

化繁為簡(jiǎn)是設(shè)計(jì)大勢(shì)所趨，其重點(diǎn)是為了更加強(qiáng)調(diào)重點(diǎn)信息，摒棄冗雜的無(wú)價(jià)值信息，更加高效地引導(dǎo)用戶完成瀏覽、下載等操作。

如App上架標(biāo)題，迭代的更新說(shuō)明等。

(微信讀書(shū))

作用：增加內(nèi)容信息的易讀性與可讀性，不易使用戶視覺(jué)疲勞。

4、對(duì)比原則

對(duì)比是設(shè)計(jì)的基本原則之一，是區(qū)分類似與不同的基本方法。文字與截圖的對(duì)比，背景與元素的對(duì)比，正如展示時(shí)是重界面展示，還是重文案說(shuō)明的區(qū)分，推薦可以去看看格式塔心理美學(xué)設(shè)計(jì)。

(Prisma：字與元素的對(duì)比)

作用：對(duì)比和等同是視覺(jué)展示的重要部分，是用戶明確信息展示的重要方式。

5、統(tǒng)一原則

統(tǒng)一原則是UI設(shè)計(jì)中最常見(jiàn)，也是最基本的原則，這點(diǎn)不做詳解，試想下大閱兵如果大家穿著五顏六色，步伐雜亂無(wú)章，那畫(huà)面一定辣眼睛(題外話)。這里的統(tǒng)一原則包括風(fēng)格統(tǒng)一、樣式統(tǒng)一、字體統(tǒng)一等。

(得到)

作用：視覺(jué)上的統(tǒng)一，能增加易讀性，不易增強(qiáng)閱讀難度。

6、配色原則

色彩心理學(xué)對(duì)于人所產(chǎn)生的影響這里就不做詳解，有興趣的朋友可以自行翻譯書(shū)籍，這里推薦《色彩心理學(xué)》《設(shè)計(jì)色彩》《FPA性格色彩》等書(shū)籍，相信能對(duì)大家色彩搭配有所幫助。

(咕嚕咕嚕)

作用：通過(guò)色彩抓住用戶心理活動(dòng)，滿足用戶心理需求。

7、元素原則

擅長(zhǎng)利用元素豐富畫(huà)面的設(shè)計(jì)師必定是個(gè)好設(shè)計(jì)，或者是個(gè)老司機(jī)，元素對(duì)于界面的影響是如虎添翼，并不是說(shuō)不添加元素就是差的設(shè)計(jì)，只是某些模塊利用元素來(lái)進(jìn)行用戶視覺(jué)聚焦，能夠達(dá)到不錯(cuò)的效果。

(微博)

作用：元素能夠豐富畫(huà)面，讓畫(huà)面更加活潑。

三、設(shè)計(jì)樣式

這里只講常見(jiàn)的6種樣式，不予評(píng)價(jià)優(yōu)劣。

1、原生界面

——僅應(yīng)用內(nèi)截圖界面

(Dribbble)

2、截圖+說(shuō)明

——應(yīng)用內(nèi)截圖配上相關(guān)的說(shuō)明文案

(美顏相機(jī))

3、截圖+手機(jī)框+說(shuō)明(常用)

——戴上手機(jī)框，更貼近生活使用情景

(QQ音樂(lè))

4、截圖+手機(jī)框+焦點(diǎn)/元素放大+說(shuō)明(常用)

——利用元素或者界面焦點(diǎn)來(lái)強(qiáng)調(diào)視覺(jué)主題中心

(騰訊動(dòng)漫)

5、跨屏界面

——跨屏界面能夠很好地吸引用戶的關(guān)注，近幾年比較火的設(shè)計(jì)，因?yàn)閼?yīng)用市場(chǎng)中一級(jí)導(dǎo)航展示的一般為前兩個(gè)頁(yè)面。

(貼吧)

6、截圖或元素的應(yīng)用

——直接采用功能性元素或者界面截圖

(bilibili)

總結(jié)

通過(guò)平臺(tái)規(guī)范、設(shè)計(jì)原則與設(shè)計(jì)樣式，能夠更好地對(duì)應(yīng)用市場(chǎng)圖有更好的理解。在設(shè)計(jì)應(yīng)用截圖的時(shí)候，如果能先通過(guò)以上三點(diǎn)進(jìn)行分析，那么相信你也能設(shè)計(jì)出不錯(cuò)的市場(chǎng)圖，不過(guò)設(shè)計(jì)樣式并不一定適用于所有應(yīng)用，可酌情采納。

網(wǎng)頁(yè)名稱：淺析APP市場(chǎng)截圖頁(yè)面設(shè)計(jì)原則
標(biāo)題來(lái)源：http://bm7419.com/news/160923.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站導(dǎo)航、關(guān)鍵詞優(yōu)化、搜索引擎優(yōu)化、Google、品牌網(wǎng)站制作

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)