.

炎炎夏日打折!

創建卓越應用圖標的設計指南

如果我們說圖標是應用程序的面孔,這並不過分誇大其詞,因此應該足夠獨特以在其他應用程序中脫穎而出。

首先解決房間裡的大象問題,應用程序圖標對於吸引觀眾關注您的品牌至關重要。 應用程序圖標設計背後進行了深入的頭腦風暴,以確保它推動最高的下載量。 圖標設計階段之所以至關重要,有幾個原因,但主要是因為它說明了品牌的本質。 如果它無法描述應用程序的內容,那麼它很可能會被大多數人忽視。 不僅要吸引新用戶,而且圖標還必須具有足夠的可區分性,才能被以前的用戶識別。 

在本文中,我們將討論設計高效應用程序圖標的步驟,以及一些關鍵的設計技巧。 在整個過程中,您會發現許多“注意事項”和“注意事項”。  

你需要知道的關於應用程序圖標的一切 

在開始理解應用程序圖標的設計之前,重要的是要明確應用程序圖標的核心概念。 它們是微小的設計元素,可以在任何應用商店、主屏幕、接收相關通知時或在應用設置部分中代表您的應用。 這些小徽章可以基於您的品牌徽標,也可以基於一些能夠全面傳達您的品牌主題的迷人視覺元素。 

應用程序圖標的基本用途是幫助識別應用程序/品牌,以及其在營銷中的深遠用途。 

應用圖標的一些設計標準

應用程序圖標設計應該具有吸引觀眾遵循所提供的行動號召的能力。 儘管它很小,但應用程序圖標擁有應用程序功能的完整關鍵。 這類似於投射您的品牌的第一印象。 以下是一些需要考慮的關鍵要素,它們將確保您的應用圖標滿足優秀營銷的所有標準。 

應用程序圖標可擴展性 

在許多情況下,應用程序圖標在我們沒有註意到的情況下被使用,這包括應用程序商店、用戶的主屏幕、設置部分、通知面板、搜索結果、鎖定屏幕等。 應用程序圖標設計以各種形式可見而不會過度擁擠,這是帝王般的。 通常出現在通知面板內,大小甚至被縮小以適應所有內容。 如果在更大的屏幕上訪問應用程序,例如平板電腦/iPad、筆記本電腦或電視屏幕,它必然會被放大,而一個好的應用程序圖標設計是不會隨著屏幕上像素數量的增加而失去其豐富性的設計。屏幕。 

在您的應用程序圖標中包含許多小元素也可能是降低可伸縮性的一個因素,因為當以較小的尺寸查看時,它們會使查看者的眼睛疲勞,而當圖標放大時,這些小元素會首先出現在此過程中像素化。 

另一個需要關注的因素是大多數用戶在該功能發布後立即切換到“黑暗模式”。 確保您的應用程序圖標足夠生動,可以在所有背景上可見,尤其是在暗模式下。 

專注於讓你的設計永不過時,這樣它就不會過早地過時。 避免跟隨趨勢並添加多功能元素,因此當您需要更新設計時,您只需進行一些調整和一些配色方案更改。 更改應用圖標的中心元素可以降低下載率。 

易於識別的圖標設計 

可識別性可能是移動應用程序圖標最重要的方面。 在設計過程中,請確保您選擇了顏色、形狀、字體和其他視覺效果,以便長期保持。 通過一致的設計,您可以增加被大規模識別的機會。 避免使設計過於基本,以至於您最終錯過了添加一些字符。 這可能會增加應用程序圖標的可見度,但這無助於使圖標吸引人,因為人們傾向於記住引起他們注意的事物。

可視化應用程序理想用戶的角色。 您可以通過在一張紙上寫下應用程序的特性和主要功能來做到這一點。 當你開始設計頭腦風暴時,把那張紙放在你面前。 想想如何與理想的用戶建立聯繫,哪種設計美學效果最好。 但是,在此過程中不要忘記品牌調色板。 嘗試用你的應用程序圖標設計創造一個有趣的時刻,因為這是吸引觀眾頭腦的最佳技術。 這個有趣的元素使您的圖標在用戶回來時也能被用戶識別。 

保持圖標內的品牌一致性 

首先考慮市場上有多少與您的利基相關的應用程序以及它們遵循的設計美學。 你會發現一些很好的例子來直觀地表示應用程序的功能,你也必須在你的圖標中包含那個東西。 如果一個人在不了解流程的情況下開始,這可能是一項艱鉅的任務。 

通過以一個單詞的形式分別編寫應用程序的所有功能來啟動。 為所有這些詞添加一些視覺方面(形狀、顏色、字體等)。 確保您列出了應用程序的主要功能,而不是間接或次要功能。 現在嘗試將各個設計方面合併為一種形式。 這可能會給您帶來不止一個結果,並且您必須繼續圍繞這些基本元素工作,直到您獲得反映您品牌的設計。 

在完成設計之前盡可能多地花時間,因為一旦設計完成,您應該足夠滿意,可以更長時間地致力於它。 不要根據趨勢進行設計,也不要為您的品牌在未來容易發生變化。 堅持定義您的品牌的基本元素。 請檢查應用程序圖標的外觀是否符合用戶對應用程序的體驗,反之亦然。  

理想的圖標大小和格式 

如前所述,應用程序圖標有多種用途; 因此,使用與所有尺寸同樣互補的設計至關重要。 這消除了為每個尺寸創建多個設計的想法,因為單個設計以不折不扣的外觀證明了所有尺寸的合理性。 

大量 Android 設備使用的應用程序圖標大小為 96✕96、72✕72、48✕48 或 36✕36 的倍數。 但是,標準推薦是 864✕864 像素,以提高可擴展性。 對於 iPhone,應用程序圖標的標準推薦尺寸為 1024✕1024 像素。 對於這兩種操作系統,可以根據正在操作的設備增加或減少大小。 

對於 Android 和 iPhone 應用程序圖標,格式必須是 PNG。 JPG/JPEG 或任何其他格式不可用。 選擇允許您以 PNG 格式導出圖標的軟件或在線工具。  

設計準備步驟 

研究市場上現有的設計 

這應該是第一步,也是最重要的一步。 在深入細節之前,您必須知道,Apple 應用商店上的應用總數接近 2 萬,而在 Google Play 商店中,這個數字超過了 2.8 萬。 這是為了給您一個粗略的想法,即無論您的應用程序的利基是什麼,已經有數百個其他相關應用程序。 

開始檢查您的利基市場中的熱門應用程序,並查看流行應用程序圖標設計的不同變體以獲得靈感。 查看哪些實例引起了您的注意,哪些顏色反映了他們的應用美學,以及哪些元素佔據了圖標設計。 最後,記下您喜歡和不喜歡這些應用程序圖標的功能,並從應用程序的理想用戶角色的角度進行批判性分析。  

這將使您大致了解要添加哪些功能以及應避免使用哪些元素。 您最終會得到一份關於您的品牌和業務的個性化注意事項列表。 現在你有了一個乾淨的畫布,開始自由地實施這些想法。 您還不需要完成設計。 不斷添加、刪除和嘗試不同的設計,但請記住添加每個元素都有充分的理由。    

檢查應用商店推薦 

下一步將檢查所有應用商店的建議,以使您的應用可供下載。 這是第一次發生用戶和應用程序圖標交互的地方。 您可以自由地將您的創造力注入到適合您或您的品牌的應用程序圖標設計中,但請仔細檢查您是否遵守 Android 和 iOS 應用程序商店提供的指南和規則。 Google Play Store 和 Apple App Store 已分別發布了其關於尺寸、配色方案、字體、類型和測試的具體指南。 這些指南可確保您花時間嵌入有利於您的應用營銷的設計元素。 如果您的應用程序圖標設計符合這些準則,那麼您的應用程序很可能會出現在最頂部的搜索結果中。 

選擇一個靈活的軟件設計工具

您應該根據您的情況和專業知識選擇應用程序圖標的設計軟件。 諮詢設計專家朋友。 如果有,請測試軟件是否可以選擇以 PNG 格式導出設計。 使用示例執行此操作,這樣您就不會浪費時間設計應用程序圖標,然後意識到您無法導出 PNG 格式。 

您可以使用許多軟件工具來設計移動應用程序圖標,例如 Adob​​e Illustrator 和 Adob​​e Photoshop,但這些都需要一定程度的培訓和技能。 但是,有些工具具有易於導航和直觀的 UI。 使用這些工具進行設計不需要高水平的專業知識,因為它們是不言自明的拖放。 您可以在網上找到很多,但請檢查他們是否在免費版本中提供 PNG 格式導出。 如果需要,您也可以購買付費版本。 

如果您有一位創意設計師朋友或具有出色設計技能的人,請繼續從他們那裡設計您的移動應用程序圖標,但如果您有創意思維並且您認為您可以設計一個但缺乏軟件技能,您可以創建一些設計並為設計師提供靈感。 另一種選擇是騰出一些時間,選擇一個更容易學習的在線拖放工具,然後開始自己設計。 這個想法是,缺乏設計工具知識一定不能限制創造力。  

應用程序圖標設計要點

本節不是步驟之一,而是整個設計過程中的重要提醒列表。 應用程序圖標背後有太多的思考過程,以至於設計師的創造性思維有時會讓人不知所措。 以下關鍵點是為了確保設計流程順利進行。 別忘了做筆記,在這個過程中,有一些有趣的頭腦風暴想法供你參考。    

避免塞進太多的設計元素 

過度擁擠的應用程序圖標設計可能造成的最大損害是發送有關應用程序功能的錯誤信息。 太多的設計元素會發出多條信息或混淆過程中的實際信息。 如果您應該了解有關應用程序圖標設計的一件事,那就是讓您的品牌信息明確無誤。 可以添加其他元素來支持該消息,因此它不會顯得太多眼睛。 

應用程序圖標的尺寸越來越小,沒有必要塞太多,因為這不會為您服務。 這只會最終使圖標失去其專業感。 了解設計中要包含的元素的閾值的好方法是以盡可能小的尺寸可視化圖標,即在通知面板內。 在這種尺寸中,最清晰的部分是您應該保留並丟棄其餘部分的部分。 如果您認為這一步會影響您的實際設計,則表明您沒有正確強調實際的品牌信息。 如果您可以通過一些位置更改輕鬆丟棄設計中狹窄的元素,那麼您的設計就接近於您的移動應用程序圖標最初應該看起來的樣子。 

無論您最終採用哪種方案,此時,您都會對需要合併哪些修改有一個很好的了解。  

選擇明智的配色方案 

顏色不受任何特定目的、性別、年齡或文化的限制。 然而,顏色確實具有意義和本質,代表不同的美學和氛圍。 就像香水一樣,顏色確實具有讓觀眾回憶某些事件、物體、場景和氛圍的力量。 因此,巧妙的顏色可以使您的應用程序圖標更加生動。 

在為您的應用圖標選擇配色方案時,您應該知道一些事情。 第一個也是最重要的一點是,如果你有一個品牌和標誌,那麼圖標的顏色、字體和形狀必須與之相符。 如果您沒有已經建立的品牌,則圖標應該反映應用程序屏幕的內部 UI/UX 設計,以匹配用戶將在其中找到的氛圍。 選擇鮮豔的顏色、使用白色或其他一些顏色,即使在黑暗模式下也能讓設計流行起來。 人們通常在他們的主頁和鎖定屏幕上有不同的壁紙設置,所以一定要在不同的背景上測試你的圖標顏色是否足夠明顯。 

如果您使用兩種或多種顏色,請仔細檢查對比度是否明確。 如果您剛開始使用乾淨的畫布,以下是選擇調色板的示例。 與食品、雜貨店或食品配送相關的應用程序可以有一個帶有橙色或紅色配色方案的圖標,因為這些顏色通常代表食物/食物。 餐館也採用相同的色彩心理。 然而,色調和色調取決於整體設計。

同樣,與預算或資金管理相關的應用程序可以使用綠色、橄欖色甚至藍色,與黃色和金色色調形成輕微對比。 綠色讓人想起美元鈔票,金色代表硬幣。 另一個例子可以是與女性時尚應用程序相關的遊戲或圖標,除非它不是品牌,否則可以選擇柔和的配色方案並添加較暗的顏色以形成對比,例如紅色。   

與品牌風格指南保持一致 

在應用程序開發過程中設計應用程序圖標至關重要。 由於徽標旨在與網站、應用程序或品牌在線形象的其他元素相匹配,因此圖標也應被視為這些元素之一。 不要在完成應用程序後開始設計它,並在過程中進行,因為它同樣重要。 這是與您的品牌風格指南保持一致的最佳方式。  

在調色板、主題和整體氛圍中遵循您的品牌設計。 無論您選擇哪種類型的圖標,基於字符的、基於品牌標誌的、基於功能的或基於特徵的。 這非常重要,因為它可以清晰地傳達品牌信息。 你可以對你的品牌做的最糟糕的事情就是給你的品牌願景提供錯誤、不清楚和多重的信息。 

例如,如果您的應用程序基於設計和交付家居裝飾品,那麼過度動畫化的應用程序圖標或包含任何動畫角色會發出一條消息,即此應用程序可能是裝飾設計遊戲。 想像一下在不閱讀描述的情況下滾動瀏覽應用程序的人數。 這將直接影響您的業務和銷售率,這對任何品牌來說都是一個無賴。 不僅如此,這還會吸引錯誤的受眾。 有興趣玩遊戲的人最終會來到你的商店,這確實是一種錯誤的營銷舉措。 

使用文字是個壞主意 

小應用程序圖標中的文字沒有意義,而且它們的可見度不足以閱讀; 因此,沒有 int 添加單詞。 即使您的品牌標誌是基於一個詞,應用商店的指南也不建議添加詞。 

此實例有很多示例,例如 Facebook 和 Instagram。 兩者都是熱門應用; 然而,與他們的標誌不同,他們的移動應用程序圖標不是基於那個完整的單詞。 儘管如此,他們的圖標與他們的內部應用主題完全相關。 這種一致性表明圖標是專業的,因此提高了整體可信度。 Instagram 也有一些相關的應用程序,如拼貼製作器。 這些應用程序也遵循類似的 ap 圖標主題和配色方案。 使用完整的品牌名稱可能不是理想的情況。 但是,使用品牌名稱的首字母是肯定的。您可以使用品牌名稱的第一個字母或首字母,但請確保不要使用不超過 3 個字母,因為這會使應用程序再次擁擠。   

如前幾節所述,您的移動應用程序圖標的理想設計應該是從通知面板中可見的圖標,而添加文字並不能滿足這一點。 在那個狹小的空間裡,單詞是非常難以閱讀的。 因此,使您的應用程序圖標看起來非常不專業。 

永遠不要滿足於照片圖標

為應用程序圖標使用照片是最糟糕的主意。 使用隨機圖片作為您的移動應用程序圖標並沒有什麼優雅之處,它可能會減少設計圖標所花費的時間,但這並不值得。 

很難以專業的方式獲得正確的圖片,因為它很容易在此過程中像素化。 根據前面的討論,應用程序圖標必須是可擴展的,所以為了做到這一點,使用圖片是一個很大的問題。 應用程序圖標內的嚴重像素化圖像使其看起來很虛假,從而使其他數十個類似利基的應用程序脫穎而出。 帶有圖像的應用程序圖標很容易被忽略,這會影響其下載率和整體業務性能。   

不要迴避大膽而獨特的圖標設計

圖標設計的第一個也是最基本的目的是迫使查看者暫停並單擊應用程序圖標,閱讀說明並下載它。 因此,圖標必須具有高度的吸引力和創意。 應用圖標設計有很多指導方針,這有時會讓人不知所措,粉碎設計師頭腦中的創意,從而導致缺乏靈感。 

走這條路之前要小心。 這是您的應用程序和您的品牌。 為了克服這種情況,請以全新的思維開始並設計多個樣本。 添加您想要包含在最終設計中的所有元素,並在紙上同時寫下每個元素的核心目的。 這將使您能夠可視化所有功能。 通過與每個功能一起編寫的描述,您可以將必要的元素與其他元素分開。 它在設計和信息之間創造了平衡。 

完成樣本後,根據指南將每個樣本可視化。 根據應用商店指南查看哪些是可接受的。 如果此時您仍然有多個設計,請諮詢其他人。 一雙新鮮的眼睛總是更好地做出決定。 請諮詢設計師朋友或家人,以獲得對圖標設計的誠實和批判性評論。 

隨意添加獨特的形狀 

圖標必須是獨一無二的,還有什麼比添加一些獨特的形狀更好的方法來實現它們。 很有可能您最終會得到一個突出的設計,並且您的應用程序圖標將具有準確的配色方案。 如果您喜歡在空閒時間塗鴉,這種技術會吸引您。 一般來說,您可以製作隨機形狀,但更好的主意是在您的品牌首字母周圍塗鴉。 使塗鴉足夠可見和可讀,以與您的品牌顏色保持一致。 

但是,添加抽象形狀是為移動應用程序圖標添加獨特性的好方法。 這使得設計足夠獨特,足以留在觀眾的腦海中。 添加不同的色調、色調和對比元素也可以使設計流行。

首先在紙上塗鴉並製作看起來吸引眼球的隨機形狀。 試著刮一下品牌或應用名稱的首字母,看看它是否適合你。 隨機形狀增加了您的應用程序圖標變得與眾不同的機會,而名稱首字母的機會則更少。 首字母是基於字母的,你可以用很多方法來塗鴉字母。 但是,可以通過顏色和獨特的排版提取出一系列具有視覺吸引力的圖標。    

設計指南簡而言之 

總而言之,應用程序圖標的尺寸很小,並且可以縮小到更小的尺寸,以適應不同的 UI,如應用程序商店、主屏幕、鎖定屏幕、通知欄等等。 最重要的是讓設計元素從這些小尺寸中易於看到。 確保您的設計針對正確的受眾。 不要選擇會吸引錯誤受眾的主題。 您的品牌清晰而單一的信息應該是您圖標設計的最終目標。 

選擇在所有背景上都流行的鮮豔顏色,即使在黑暗模式下也是如此,最好的方法是選擇高對比度的顏色。 避免添加太多趨勢,因為這些設計美學會隨著時間的推移而消失。 相反,包括多功能和永恆的設計元素。 這些設計將持續數十年,您將能夠在這里和那裡進行調整,以相應地使外觀更加生動。 

閱讀並理解您要上傳應用的平台的指南。 製作多個您滿意的樣本,然後嘗試上傳每個樣本以檢查哪一個獲得批准並證明是最佳選擇。 

這是您的品牌和設計。 嘗試添加一些角色和感興趣的時刻,這樣您最終可以獲得最大數量的下載。  

分享到:

Facebook
Twitter
Pinterest
LinkedIn
[sc名稱=“content_b_300x600”]

目錄

社群媒體

最新動態

按鍵

相關文章

您可能從未考慮過的隱藏軟件開發成本

您可能從未考慮過的隱藏軟件開發成本

[vc_row type =“in_container”full_screen_row_position =“middle”column_margin =“default”column_direction =“default”column_direction_tablet =“default”column_direction_phone =“default”scene_position =“center”text_color =“dark”text_align =“left”row_border_radius =”無”row_border_radius_applies=”bg”overlay_strength=”0.3″gradient_direction=”left_to_right”shape_divider_position=”bottom”bg_image_animation=”none”][vc_column column_padding=”無額外填充”column_padding_tablet=”繼承”column_padding_phone=”繼承”column_padding_position =“全部”background_color_opacity=“1”background_hover_color_opacity=“1”column_shadow=“無”column_border_radius=“無”column_link_target=“_self”

被動收入理念

5個被動收入理念

[vc_row type =“in_container”full_screen_row_position =“middle”column_margin =“default”column_direction =“default”column_direction_tablet =“default”column_direction_phone =“default”scene_position =“center”text_color =“dark”text_align =“left”row_border_radius =”無”row_border_radius_applies=”bg”overlay_strength=”0.3″gradient_direction=”left_to_right”shape_divider_position=”bottom”bg_image_animation=”none”][vc_column column_padding=”無額外填充”column_padding_tablet=”繼承”column_padding_phone=”繼承”column_padding_position =“全部”background_color_opacity=“1”background_hover_color_opacity=“1”column_shadow=“無”column_border_radius=“無”column_link_target=“_self”

2020年移動應用發展趨勢

2020年移動應用發展趨勢

[vc_row type =“in_container”full_screen_row_position =“middle”column_margin =“default”column_direction =“default”column_direction_tablet =“default”column_direction_phone =“default”scene_position =“center”text_color =“dark”text_align =“left”row_border_radius =”無”row_border_radius_applies=”bg”overlay_strength=”0.3″gradient_direction=”left_to_right”shape_divider_position=”bottom”bg_image_animation=”none”][vc_column column_padding=”無額外填充”column_padding_tablet=”繼承”column_padding_phone=”繼承”column_padding_position =“全部”background_color_opacity=“1”background_hover_color_opacity=“1”column_shadow=“無”column_border_radius=“無”column_link_target=“_self”

業餘愛好者

-25%*

使用此促銷代碼:

SHobby23

-32%*

使用此促銷代碼:

超級23

woocommerce

-32%*

使用此促銷代碼:

Swoocom23

shopify

-32%*

使用此促銷代碼:

Swoocom23

* – 折扣百分比是根據每年 25% 的訂閱折扣加上平台的額外折扣計算的。