App Store應(yīng)用截圖設(shè)計(jì)全攻略

0 評(píng)論 19051 瀏覽 84 收藏 12 分鐘

應(yīng)用截圖是驅(qū)動(dòng)用戶下載行為的重要因素之一,選取良好的應(yīng)用截圖將很好的帶來APP下載率,本文分享幾個(gè)截圖的小技巧,希望對(duì)大家有幫助。

雖然應(yīng)用截圖對(duì)于 app 在 App Store 中的榜單排名以及搜索結(jié)果排名的提升沒有直接影響,但在驅(qū)動(dòng)用戶的下載行為方面的作用還是非常大的。而下載轉(zhuǎn)化率以及下載量的提升,自然會(huì)作用于產(chǎn)品的權(quán)重、排名等。

目前 App Store 可上傳的截圖數(shù)量是 5 張,自動(dòng)展現(xiàn)出來的約為 2 張,如何充分利用它們呢?近日,小七將與應(yīng)用截圖相關(guān)的內(nèi)容進(jìn)行了比較全面的整理,發(fā)出來供大家參考。

一、應(yīng)用截圖的規(guī)格要求

針對(duì)不同的設(shè)備,蘋果給出了不同的屏幕截圖要求:面向 iPhone 的有 4 種,分別是 5.5 英寸、4.7 英寸、4 英寸、3.5 英寸。面向 iPad,有 2 種:9.7 英寸、12.9 尺寸……以下是蘋果公布的規(guī)格要求:

iPhone

A.3.5 英寸 Retina 顯示屏屏幕快照要求

B.4 英寸 Retina 顯示屏屏幕快照要求

C.7 英寸 Retina 顯示屏屏幕快照要求

D.5.5 英寸 Retina 顯示屏屏幕快照要求

iPad

對(duì)于 9.7 英寸 Retina 顯示屏屏幕快照的要求,蘋果做了如下規(guī)定:

對(duì)于 12.9 英寸 Retina 顯示屏屏幕快照的要求,蘋果除了在像素上與 9.7 英寸 Retina 顯示屏屏幕快照做了區(qū)分之外,其他基本類似:

  • 72 dpi、RGB、平展、不透明
  • 高品質(zhì) JPEG 或 PNG 圖像文件格式
  • 大小范圍:
  • 高分辨率縱向不能超過 2048 x 2732 像素
  • 高分辨率橫向不能超過 2732 x 2048 像素

注:為了方便開發(fā)者,蘋果已經(jīng)允許使用一套截圖了。也就是說,如果你的應(yīng)用只支持 iPhone,且沒有基于設(shè)備的型號(hào)采用不同的 UI 或操作、在本地化方面也沒有特殊的要求,只需提供 5.5 英寸的屏幕截圖(像素-縱向:1242 x 2208,橫向:2208 x 1242)即可。如果你的應(yīng)用支持iPad,一套 12.9 英寸的屏幕截圖就可以滿足要求。

二、如何設(shè)計(jì)更吸睛的應(yīng)用截圖

  1. 將最亮眼的截圖放在最前面

在選取應(yīng)用截圖時(shí),很多開發(fā)者存在這樣的想法:用戶最期待看到的是遵循某種順序或者某些故事情節(jié)的圖片。其實(shí),當(dāng)用戶瀏覽應(yīng)用信息時(shí),通常只用幾秒鐘的時(shí)間考慮是否進(jìn)一步了解該應(yīng)用。故,比順序以及故事情節(jié)更重要的,是選擇最亮眼的領(lǐng)跑者,用最短的時(shí)間吸引到用戶的眼球。

2.嘗試使用僅展示部分內(nèi)容的截圖

當(dāng)人們只看到事物的一小部分時(shí),好奇心會(huì)驅(qū)使他們?nèi)ミM(jìn)一步探索事物的全貌。同理,當(dāng)用戶在 App Store 看到一張僅展示部分內(nèi)容的截圖時(shí)(就像拼圖的一部分),他們很有可能會(huì)立刻滑動(dòng)屏幕來探索沒有展示的部分。

故,設(shè)計(jì)應(yīng)用截圖時(shí),我們不妨在一個(gè)大的背景圖上進(jìn)行操作,如將其分割成多張圖,來分別描述 app 的關(guān)鍵功能。這種做法不僅能帶動(dòng)用戶更多地參與到與 app 截圖的互動(dòng)中,也可以為 app 贏取更多的展示時(shí)間。

3.保持文字說明的簡(jiǎn)潔

簡(jiǎn)短(可以嘗試三個(gè)字或更少)、清晰、沒有過分地修飾,并挑選一些強(qiáng)而有力的動(dòng)詞或時(shí)下流行的名詞會(huì)更容易吸引用戶。

4.讓文字與背景色的對(duì)比更明顯

有時(shí)低對(duì)比度的設(shè)計(jì)會(huì)對(duì)人們的視覺造成某些傷害,從而影響人們的體驗(yàn)。同理,當(dāng)圖片和文字說明的顏色對(duì)比度不足時(shí),也可能不利于用戶的閱讀體驗(yàn)。故,試著將圖片、文字說明和背景的顏色對(duì)比度最大化也許會(huì)收到不錯(cuò)的效果!

5.把重點(diǎn)內(nèi)容的字號(hào)變大

瀏覽應(yīng)用商店時(shí),特意點(diǎn)擊每張圖片,用全屏模式查看圖像的人很少。如果你想讓截圖上的文字在任何設(shè)備上都無需放大便可以閱讀,不妨把字號(hào)變大。

6.為每張截圖設(shè)置最適合的顏色

根據(jù)測(cè)試結(jié)果顯示,設(shè)計(jì)截圖時(shí),選取一種適合應(yīng)用設(shè)計(jì)的配色方案(同時(shí)保持產(chǎn)品的主題和風(fēng)格),為每張截圖設(shè)置一種最合適的顏色,能更好地吸引用戶進(jìn)一步了解應(yīng)用信息,并驅(qū)動(dòng)下載轉(zhuǎn)化。

7.為截圖選擇“焦點(diǎn)元素”

這里所說的“焦點(diǎn)元素”是指那種能迅速抓住用戶注意力,并體現(xiàn)應(yīng)用主題的元素。對(duì)于游戲類應(yīng)用來說,“焦點(diǎn)元素”通常是游戲的主角。

8.突出獨(dú)特的功能或賣點(diǎn)

在超過 200 萬應(yīng)用的 App Store 中,無論你的應(yīng)用滿足的是用戶的哪種需求,總會(huì)發(fā)現(xiàn)一些類似的應(yīng)用。所以,在截圖中重點(diǎn)突出它的獨(dú)特功能、優(yōu)勢(shì)等會(huì)比描述普遍功能更吸引用戶。

以下面兩款應(yīng)用為例,雖同屬健康健美類應(yīng)用,但右邊突出了 7 分鐘訓(xùn)練、以自身的體重為阻力的無器械健身等賣點(diǎn)的截圖明顯更吸引人。

9.放大截圖中的關(guān)鍵元素

上面已經(jīng)說過,很少有人打開全屏模式去查看截圖,而通過放大截圖,尋找產(chǎn)品重要特性的人當(dāng)然更少。如果想讓用戶關(guān)注到一些關(guān)鍵元素,不如直接簡(jiǎn)化流程,將它們直接放到用戶的眼皮底下。

10.使用特有的標(biāo)記或感嘆詞等

你可以通過添加一些特有的標(biāo)記或者感嘆詞等來吸引用戶的眼球,與用戶產(chǎn)生共鳴。測(cè)試結(jié)果顯示, 下面這款應(yīng)用增加“Wow(哇!噢?。钡雀袊@詞以及特有標(biāo)記后,下載轉(zhuǎn)換率得到了提升。

三、上傳應(yīng)用截圖的步驟

  1. 如果想為 app 設(shè)置一套尺寸相同的截圖,我們只需在( ITC 后臺(tái)上傳應(yīng)用截圖的地方)“5.5 英寸顯示屏”部分點(diǎn)擊“選擇文件”,然后上傳一套 5.5 英寸的截圖,最后將下圖紅色橫線部分勾選即可。

注:4.7 英寸、4 英寸、3.5 英寸顯示屏部分都可以使用上一級(jí)別的尺寸,且紅色橫線部分的尺寸會(huì)根據(jù)上一級(jí)別所用尺寸的變化而變化。也就是說,如果“4.7 英寸顯示屏”部分勾選了【使用 5.5 英寸顯示屏】,“4 英寸顯示屏”部分就會(huì)自動(dòng)變成【使用 5.5 英寸顯示屏】,以此類推。

  1. 如果不想使用一套尺寸相同的屏幕截圖,我們可以在 5.5 英寸、4.7 英寸、4 英寸、3.5 英寸顯示屏部分分別點(diǎn)擊“選擇文件”,然后上傳不同尺寸的截圖。

注:4.7 英寸、4 英寸、3.5 英寸顯示屏部分都可以使用上一級(jí)別的尺寸。

結(jié)語

應(yīng)用截圖是驅(qū)動(dòng)用戶下載行為的重要因素之一(除了應(yīng)用截圖之外,還包括應(yīng)用圖標(biāo)、應(yīng)用描述、評(píng)論等因素)。在設(shè)計(jì)應(yīng)用截圖時(shí),我們不妨在遵守應(yīng)用截圖規(guī)格要求的基礎(chǔ)上,參考本文的小技巧,相信會(huì)給下載轉(zhuǎn)化等帶來不錯(cuò)的效果。當(dāng)然,上面的方法不可能適用于任何一款應(yīng)用,大家還需結(jié)合應(yīng)用的特點(diǎn)來擇優(yōu)選取。

 

作者:小七,微信公眾號(hào):aso100news

本文由 @ASO100 小七?原創(chuàng) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!