UI大牛教你設計的九大原則

今天來跟大家分享下應用圖標的九個設計原則。應用圖標代表著一個產品的視覺形象，是一個產品內涵的最直接的傳達。在用戶打開手機屏幕時，用戶就會選擇來使用哪個應用。這個時候應用圖標的設計是否搶眼并且容易被瞬間識別就在很大程度上決定了這個應用圖標在用戶手機上的使用頻率。如果一個應用長期沒有引起用戶的興趣那么最終的命運就是被用戶清理出手機。如何才能設計一個高品質的應用圖標呢，那么你必須了解這九個應用圖標的設計原則。

1.獨特的設計語言

現(xiàn)在應用市場上的應用圖標數量十分驚人，要想在數以萬計并且很多圖標造型十分相近。要想在眾多的應用圖表中脫穎而出，設計師在設計圖標時就必須強調應用圖標的獨特性，突出產品的核心特征和屬性。獨特的設計語言才會讓應用圖標在數以萬計的應用圖標中脫穎而出，讓用戶形成深刻的印象。

2.簡潔的設計形式

應用圖標在手機屏幕的顯示尺寸僅為120*120px，這個尺寸是最重要的設計尺寸。并且很多地方的圖標顯示會比這個尺寸更加小。所以在設計圖標的時候就要非常注重圖形的簡潔，避免在小尺寸展示時候不清晰不能被識別的情況。同時簡潔的圖形設計形式也會提升圖標的設計品質。

3.準確的產品屬性傳達

應用圖標代表的是一個產品的屬性和功能作用。一個高品質的應用圖標應該能夠讓用戶在第一眼就能夠感知到這個應用的屬性和功能。例如拍照的產品就是比較典型的一類。這類產品基本都采用了拍照圖標作為應用圖標設計的主要元素。這樣的設計方式能夠準確快速的傳達產品屬性。另外圖標設計應當高度提煉產品特色找到最能代表產品屬性的圖形元素，并對這個元素進行突出設計。

4.統(tǒng)一的設計規(guī)范

為了更好的統(tǒng)一應用圖標的設計樣式，蘋果公司專門精心設計了ios圖標柵格作為設計參考。它能讓設計師設計的圖標和ios系統(tǒng)的圖標風格保持一致，保證用戶手機屏幕上的應用圖標風格的一致性。應用圖標整體風格的統(tǒng)一，不會讓用戶感覺到桌面的凌亂，這樣才能營出造良好的用戶體驗。

5.品牌形象的延續(xù)

移動互聯(lián)網的興盛是PC互聯(lián)網的延續(xù)，在pc互聯(lián)網時代已經崛起了諸多知名的互聯(lián)網品牌。例如我們耳熟能詳的百度、網易、搜狐等品牌，它們已經建立起非常強大品牌印象和品牌影響力，并具有超強的品牌識別度。所以在設計應用圖標的時候應當充分的利用已有的品牌形象加以運用。讓品牌的深厚積淀繼續(xù)發(fā)揮作用并且讓品牌形象延續(xù)從而賦予品牌更強的生命力。

6.避免使用照片

在應用圖標設計中應該盡量避免直接使用照片作為圖標使用。因為照片縮小后會喪失很多細節(jié)，導致圖標內容不能被識別。另外由于圖標縮小后圖片質量會受到很大影響，極大的影響了應用圖標的品質。所以設計是應當盡量避免直接使用照片作為應用圖標。

7.艷麗的色彩

鮮亮明快的色彩搭配能夠為應用圖標帶來更多的關注度。艷麗的色彩搭配正在成為一個潮流，越來越多的應用圖標選擇了非常艷麗的色彩搭配。其中對比色和互補色的漸變搭配是最有代表性的設計手法。無論是純色的色彩運用或者是漸變色的色彩運用。

8.多場景測試

在設計應用圖標的時候也要考慮到應用圖標的展示場景，避免圖標不能完美展示的情況。應用圖標不僅僅是展示在各種尺寸的手機屏幕上，也會在應用市場、設置欄、手機狀態(tài)欄等多處進行展示。在不同場景下應用圖標需要根據需求做相對應的設計優(yōu)化，例如應用圖標在狀態(tài)欄展示的時候就應當適當的為應用圖標做一些簡化處理去掉不必要的裝飾元素，以保證在超小尺寸場景下圖標也能清晰展示。反過來如果在大尺寸的場景下進行展示，也應該適當的添加一些設計細節(jié)，來保證應用圖標的品質。避免給用戶帶來簡單粗糙的視覺印象。

9.避免使用大量文字

在應用市場上也常常能看到一些為了傳達產品信息而大量使用文字作為應用圖標的產品。這種應用圖標的設計手法粗暴簡單，由于文字太多所以只能在有限的空間內將文字縮小展示，導致應用圖標看起來擁擠用戶也很難看清楚信息。大量使用文字的另一個致命的后果是會大大降低應用圖標的設計美感，不僅不能使用戶產生好的印象反而會招致用戶的反感。

以上就是今天的分享內容沒希望大家喜歡，喜歡記得點贊哦，喜歡記得點贊哦，喜歡記得點贊哦，重要的事情說三遍。
相關文章--《從產品的角度進行搜索功能的UI設計》