App Store 圖標的藝術

已發表: 2020-04-14

應用商店圖標是應用的面孔。你所有的辛勤工作和你所有的 GitHub 時間都歸結為一個 1024 x 1024 的小正方形。創建一個偉大的圖標是公認的應用商店優化（ASO）最好的事情之一。翻譯？您的圖標是開發人員和貧困線以上的富人之間的最後一件事。因此，我們將介紹一些您可以應用的最佳實踐，以使您的圖標設計（隱喻）大放異彩。

為什麼它很重要

這是非常重要的板凳
圖片來自 Flickr

在我們討論 Apple 對圖標的看法（不多）和其他人對圖標的看法（很多和很多）之前，為什麼圖標設計如此重要？這是一個公平的問題。

首先，一張圖片說明一千個單詞，如果用戶一次滾動瀏覽數十個或數百個應用程序，那麼您的圖標需要脫穎而出。這很明顯。自 Apple 於 2014 年發布 iOS 8 更新以來，這一挑戰變得更加重要。連續滾動的變化意味著用戶可以比以往更快地瀏覽應用程序。

結果？ 每個應用程序的時間更少，因此您確實需要確定您的圖片和屏幕截圖。

蘋果要說什麼

那麼蘋果在這個問題上有什麼要說的呢？快速瀏覽一下 iOS 開發庫，他們有一整節關於應用程序圖標的內容。其中大部分是關於使圖標在設備上而不是在 App Store 中看起來不錯，但它們確實提供了一些非常高級的建議，例如：

“對您的應用程序的主要思想進行抽象解釋”
“如果你想描繪真實的物質，那就準確地做”

因此，Apple 並沒有完全給出可行的建議，但它是一個很好的起點——本質上，不要使用圖片，讓你的圖標與你希望用戶看到你的應用程序的內容有明顯的相關性。
例如，Desk（我上週談到的）有一個很棒的圖標。這是一台小型打字機，在對產品一無所知的情況下，我會說大多數人會猜測它與打字或文字處理有關。看？有形相關。

歸根結底，蘋果對什麼是好的圖標守口如瓶。

應用程序圖標最佳實踐（附示例！）

那麼你應該做些什麼來幫助將你的應用程序的所有令人敬畏的東西傳達給外界呢？

一般設計

雖然有很多技巧可以真正脫穎而出，例如添加“免費”標籤或使用主角（稍後會詳細介紹），但您也應該遵循一些基本的設計指南。當然，這些都可以用極好的結果來打破，但在大多數情況下：

考慮有一個邊框，這樣一旦你的應用程序被下載，無論背景是什麼，它都會很好看
不要讓你的標誌透明。它會降低易讀性
不要使用文字——它們只會在較小的尺寸中丟失
不要讓你的圖標有光澤——它會讓很多東西不可見
保持簡單——應用程序圖標很小，細節會丟失

站出來

說起來容易做起來難，我知道。無論如何，它仍然是您圖標的核心功能之一——讓您與眾不同並讓用戶在所有其他應用程序中點擊您的應用程序。
這樣想吧。應用商店中有 120 萬個（ish）應用——您不太可能成為唯一提供您的產品的應用。那麼人們怎麼知道你擁有比其他人最好的計算器應用程序呢？ 你的圖標，就是這樣。
例如，這是 iPhone 的計算器應用程序搜索結果的屏幕截圖。

你知道什麼讓我印象深刻嗎？計算器應用程序上的“免費”標籤。
計算器截圖編輯
這有點荒謬，因為應用商店中的絕大多數應用程序都是免費的，但仍然——通過在上面貼上那個小標籤，它自動讓我覺得如果它們被標記為免費，那麼其餘的一定不是. 而這一瞬間的差異確實是您在應用商店中所需要的全部優勢。

改變它

飛濺的魚

不是太多，但稍微改變你的應用程序圖標是重新激活下載的好方法。季節性圖標就是最好的例子。

例如，去年萬聖節，Splashy Fish 將其圖標更改為更符合萬聖節風格。這是一個很小的變化，但如果你是一個知名應用程序的所有者，那麼它可能只是增加你的下載量的事情。

品牌推廣

如果您擁有強大的品牌價值，那麼簡單的品牌推廣是一個不錯的選擇。但請記住：保持簡單。例如，耐克在這方面做得非常好——當你搜索它們時會發生這種情況：
耐克應用
它幾乎可以立即識別出哪些應用程序是他們的，所以如果我正在尋找耐克的東西，那麼它又好又快。此外，由於它們是一個非常值得信賴的品牌，因此對他們來說很有意義。

關於品牌化的另一點是，如果這是您將來（希望）要走的路，請選擇可以適應許多不同環境的東西。例如，Nike swoosh 巧妙地融入了許多不同的應用程序圖標中。
部落衝突圖標

相比之下，《部落衝突》的圖標就沒有那麼靈活了，雖然以主角為特色的遊戲圖標可能會有一個例外，但在涉及高度風格化的角色圖標時，我會說要謹慎行事。

品牌捎帶

這是一種有趣的方式，可以讓您的觀眾獲得更好的認可。 （注意：我並不是在提倡您違法或誤導您的用戶，因此請謹慎行事）。

所以我們很清楚我的意思，讓我們看一個例子。 Hipstamatic 是一款數碼照片應用程序，可成倍增加您的照相手機的功能。基本上，這是一個非常好的 Instagram 版本。知道圖標設計師 Aravind Kaimal 想出了這個：
hipstamatic 圖標
圖片來自 Dribbble

如果你明白我的意思，很清楚他的insta-ration來自哪裡。但這不是一件壞事！ Instagram 建立了這個令人驚嘆的品牌，它的圖像是過濾圖片的代名詞——這正是 Hipstamatic 所做的。那麼為什麼不利用其他品牌的知名度呢？

如果品牌背負做得好，好像足夠相似以獲得認可並偽造鏈接，但又足夠不同，沒有偶然的“哦，我以為是這個”點擊，那麼這是一個非常好的策略。

谷歌安卓

最後，我想向 Play 商店致敬，它在應用聊天中經常被忽視，我認為這是不公平的。
~~谷歌實際上有一個~~Roman Nurik 製作的漂亮圖標生成器，大概可以幫助您使您的圖標更好，更專注於 Google Play 商店。在我看來，雖然它不是一個用於創建應用程序的工具，但它是一個非常快速地測試和迭代你的應用程序圖標的好工具（特別是如果你沒有設計人員/設計技能的設計師）。所以這是一回事。

其次，適用於 App Store 的大部分內容也適用於 Play Store。

我們並沒有真正處理不同的軟件，我們處理的是讓人們看到某些東西並認為“是的，這就是適合我的應用程序”的心理。

在一個高度飽和的市場中，這絕對是黃金。（也就是說當然存在一些技術差異）

包起來

您的 App Store/Play Store 圖標非常重要。這是一個很小的機會窗口，您必須吸引 App Store 瀏覽器的注意力，並讓他們相信您的屏幕截圖、促銷視頻、描述以及最終下載您的應用程序對他們來說都是值得的。不幸的是，對於 App Store 圖標的好壞沒有一個自願的公式。更重要的是，什麼能讓你脫穎而出，足以讓你脫穎而出，但仍然足夠容易辨認，讓你的觀眾立即知道你的產品做了什麼。

要做的事情很多，而且沒有太多空間可以做，所以你最好開始努力。