App annie:應用圖標設計五個注意事項

 　　很多開發者在開發應用時，可能直到最後才會想起應用圖標。然而，從宣傳推廣或吸引應用商店用戶的眼球來說，應用圖標至關重要。正如實體店的標識或櫥窗一樣，圖標不僅要體現應用的核心價值，還要能吸引用戶點擊。

 

　　應用圖標有問題，就算應用本身再好也無濟於事。很多用戶並不會深入了解或使用應用。所以一開始便考慮應用圖標的設計方案很有必要，並以嚴謹的態度選定最合適的方案。

　　對此，我們撰寫了本指南，分兩部分進行介紹如何設計和確定最適合的圖標。首先，讓我們來了解應用圖標的基本知識。(敬請關注博客的第二部分：如何進行 A/B 測試，甄選最佳圖標。)讓圖標在應用商店中脫穎而出

　　您可能已經有了應用的初步想法，或者可能已經快要完成開發(恭喜!)。如果把應用比做產品，圖標就是營銷。出色的圖標對應用發布至關重要。現在，不妨測試一下設計，看看哪款圖標會讓用戶忍不住要“安裝”!設計圖標時，需要牢記以下幾點：

　　1. 無論大小，“好看”很重要(還要有特色)

　　圖標會出現在各種屏幕和菜單中。有些設備可能支持視網膜顯示屏，有些則沒有。在設計應用的圖標時，必須適配各種硬件環境及分辨率。

 

　　AppIconTemplate.com 給出了很好的建議：

　　設計不同尺寸的圖標，並在多種環境下測試。

　　設計要簡單，專注於單個要素或形狀。

　　縮放時，圖標應清晰可辨。

　　我們發現，大多數設計師都借助 Illustrator、Photoshop 或 Sketch 等軟件來實現圖標的可縮放性。對於第一次參與圖標設計的新手來說，最好使用模板。AppIconTemplate.com 提供適用於 Photoshop 的免費版本。

　　2.簡單明了

　　應用商店匯集了數百萬應用。在浏覽應用商店時(假設從左向右讀)，用戶首先看到的是圖標，其次是應用的標題和預覽圖。如果通過圖標就能大概了解應用的功能，用戶會覺得很方便。

 

　　總是依賴於應用的預覽圖像並不可靠(例如，如果進入熱門榜單，應用的預覽圖像就不予顯示)。圖標要有特色，要與眾不同。

　　以下是一些經驗法則：

　　優秀圖標的共同點是設計簡單明了。如果不是像 Facebook 或 Google 一樣的知名品牌，就別太依賴自身 logo。無論主要功能(例如可以使用購物車的優惠券應用)、主要角色(例如游戲類應用)是什麼，圖標都應該代表應用的核心品牌價值。

　　圖標的顏色應醒目，同時反映應用內的配色方案。

　　Gmail、Dropbox 和《跳跳先生(Mr. Jump)》的圖標在傳達應用理念方面做得非常出色。它們在傳達信息的同時，還突出了應用的獨特賣點。

 

　　3. 醒目

　　假設用戶下載了一款應用，隨後關上了手機屏幕，過了幾小時再打開。如果用戶手機裡的應用很多，那麼要找到特定應用通常會花點時間。這時，如果您的應用能夠一眼就認出來，對用戶來說會方便很多。

 

　　專注於獨特的形狀或物體。想想 Instagram 的老式相機，或者 Snapchat 的幽靈。尋找既醒目又能突出獨特賣點的切入點，例如 Instagram 的精美照片和 Snapchat 的“閱後即焚”照片。

　　光靠形狀不夠，還應該選擇對比度高的醒目顏色。LINE 和印象筆記(Evernote) 在這方面做得很好，兩者將綠色與截然不同的顏色進行了鮮明對比。綠色也讓它們脫穎而出(只需將 LINE 的綠色與 FaceTime 比較便能看出)。

 

　　4. 避免使用文字

　　如果可以，避免在圖標中使用文字。

　　一方面，文字不易閱讀。看到上面的小圖標了嗎?在窄菜單中，圖標中的文字將難以辨認。另一方面，在應用商店、手機屏幕和菜單中，應用名稱會被標注於應用的下方或旁邊。使用文字，尤其是應用的名稱，會顯得多此一舉。

　　5. 背景同樣很重要

　　不是每個人都用默認壁紙。有些人會選擇淺色背景，有些會選擇深色，還有一小部分會選擇彩虹背景。應用會顯示於背景之上，因此測試圖標顏色時，務必要始終做到顏色“醒目”。需要檢查：

　　常見的默認設備壁紙

　　應用所支持平台的應用商店背景

　　ROYGBIV 和黑白譜(紅、橙、黃、綠、藍、靛、紫、黑、白、灰)

　　雖然聽起來有點乏味，但如果因為圖標與背景(例如黃色)不合適而需要重新設計圖標時，會發現這樣做能節省大量時間。

 

　　我們已經介紹了快速上手的應用圖標模板和一些重要的設計原理。您可以使用不同的配色方案和圖案模擬一些概念，請設計師朋友進行設計，然後進行測試。記住要給出多個設計方案。

        注：更多精彩教程請關注三聯設計教程 欄目，