UI大牛教你設(shè)計的九大原則

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

1.獨特的設(shè)計語言

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

2.簡潔的設(shè)計形式

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

3.準(zhǔn)確的產(chǎn)品屬性傳達(dá)

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

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

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

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

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

6.避免使用照片

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

7.艷麗的色彩

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

8.多場景測試

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

9.避免使用大量文字

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

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