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

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

1.獨(dú)特的設(shè)計(jì)語言

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

2.簡(jiǎn)潔的設(shè)計(jì)形式

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

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

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

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

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

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

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

6.避免使用照片

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

7.艷麗的色彩

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

8.多場(chǎng)景測(cè)試

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

9.避免使用大量文字

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

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