1.可辨認的
優秀的圖標設計的首要前提是表意準確,能讓用戶壹眼就認出它所代表的意思,貼近用戶心中的隱喻。因此,可識別性是商標設計的首要原則。自從扁平化設計風格成為流行趨勢後,準物化圖標逐漸消失,取而代之的是質感弱化的平面圖形。其實這就對設計提出了更高的要求。本來可以用非常具體的圖形來表達,現在只能通過抽象的圖形來傳達正確的信息。在iOS中,系統音樂應用的圖標是壹個非常好的設計範例,而遊戲中心的隱喻很差,用戶很難從幾個彩色氣泡中讀出它的含義,並從中獲得相關信息。在下圖中,前三個應用程序用戶可以很容易地識別他們的產品屬性。雖然最後的應用圖標有著鮮明的個性特征,但是很難在視覺上傳達給用戶。相機,拍攝,照片和其他信息。
2.差異
AppStore中有數百萬個應用程序。搜索常見的產品名稱可以得到幾十個結果,它們的許多應用程序圖標都很相似。為了讓妳的應用在眾多同類產品中脫穎而出,設計師必須在突出產品核心功能的同時展現差異性,避免視覺同質化。
3.繼續產品界面
從產品界面中提取設計元素作為應用圖標的參考,讓用戶壹目了然這是壹款什麽樣的產品,主色調是什麽,設計語言是什麽,界面是什麽樣子等等,這是最完美的設計方法。在同類產品中,Clear是最好的例子。其應用圖標設計不僅隱喻性強,而且延續了產品界面的設計風格。簡單的形狀疊加明亮鮮艷的色塊的效果,讓Clear獨壹無二。
小心白色背景
為了追求極致的美感,越來越多的設計師用白色背景設計應用圖標。不可否認,從單壹的視覺角度來看,使用白色背景的圖標突出了主體,也非常簡潔。但是考慮到應用到不同的桌面壁紙,白色背景的圖標很容易淹沒在其他顏色鮮艷的圖標中。尤其是當手機壁紙是白色的時候,白底上的圖標就像安卓的不規則圖標壹樣呈現出壹幅生動的畫面。在本章的開始,我們提到當不規則的應用程序圖標排列在壹起時,圖片會變得非常不規則。
5.突出品牌
在設計知名品牌產品的應用圖標時,要充分利用其品牌Logo,這些品牌Logo已經給用戶留下了深刻的印象,非常容易識別。比如QQ,十年來壹直用壹只可愛的小企鵝作為品牌形象,已經深深地印在用戶心中。無論何時聽到或看到企鵝,總能第壹時間想到QQ。即使去掉企鵝形象的所有裝飾,只保留簡單的剪影圖形,用戶也不會誤解。這是品牌的魅力所在,在應用圖標設計時也要好好利用,延續品牌的生命力。
6.鮮艷的顏色
IOS10人機界面指南提供了壹套設計規範,明確了顏色搭配,內置應用選擇使用那些看起來更個性化、純凈幹凈的顏色,電話消息使用綠色,天氣和瀏覽器使用藍色,備忘錄和提示使用黃色。在設計應用程序圖標時使用明亮的顏色會讓妳的應用程序對用戶更有吸引力。
7.使用網格線
設計師在設計應用圖標時,要始終以IOS網格線作為設計依據,這樣可以讓妳的設計保持平和,與IOS系統統壹。網格線設計的圖標越多,在界面中就越能相互匹配,界面中圖標的整體感就越強。
8.多場景測試
我們最終設計的應用圖標會以不同的分辨率出現在手機主屏幕、AppStore和界面中。設計師需要在各種圖標的應用場景中進行設計和測試,盡可能完美的適配。在AppStore。圖標尺寸為1024×1024px,這意味著設計師可以有很大的發揮空間,可以刻畫很多細節。手機主屏幕上,圖標大小為120×120px。大尺度放大成小畫面,會丟失壹些細節,使畫面模糊。這時候設計師就需要對小尺寸圖標進行微調,去掉不必要的裝飾元素,保證應用圖標在小分辨率場景下也能保持清晰的辨識度。做完這些之後,您還必須在移動設備上測試您的設計。如果在Photoshop中設計圖紙,可以連接PsFlay在手機上進行屏幕顯示,進行確認。
以上內容由絲路教育提供。