當(dāng)前位置：首頁 >問答首頁 >UI設(shè)計(jì)

ui設(shè)計(jì)app圖標(biāo)尺寸規(guī)則

2023-11-17 10:28:59

移動UI設(shè)計(jì)進(jìn)階班游戲UI設(shè)計(jì)師班軟裝方案設(shè)計(jì)班平面設(shè)計(jì)速成班 CG設(shè)計(jì)速成班室內(nèi)設(shè)計(jì)研修班

精選回答

來自

從容思流沙的回答 2023-11-29 19:39:43

圖標(biāo)是UI設(shè)計(jì)最重要的元素，也是UI設(shè)計(jì)新手學(xué)習(xí)的基礎(chǔ)知識。但你知道怎么設(shè)計(jì)出好看的圖標(biāo)嗎?接下來的杭州UI設(shè)計(jì)學(xué)習(xí)就給大家分享應(yīng)用圖標(biāo)設(shè)計(jì)的七個(gè)原則。

1、簡潔的設(shè)計(jì)形式

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

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

一個(gè)高品質(zhì)的應(yīng)用圖標(biāo)應(yīng)該能夠讓用戶在第一眼就能夠感知到這個(gè)應(yīng)用的屬性和功能。另外圖標(biāo)設(shè)計(jì)應(yīng)當(dāng)高度提煉產(chǎn)品特色找到最能代表產(chǎn)品屬性的圖形元素，并對這個(gè)元素進(jìn)行突出設(shè)計(jì)。

3、獨(dú)特的設(shè)計(jì)語言

要想在眾多的應(yīng)用圖表中脫穎而出，設(shè)計(jì)師在設(shè)計(jì)圖標(biāo)時(shí)就必須強(qiáng)調(diào)應(yīng)用圖標(biāo)的獨(dú)特性，突出產(chǎn)品的核心特征和屬性。

4、艷麗的色彩

鮮亮明快的色彩搭配能夠?yàn)閼?yīng)用圖標(biāo)帶來更多的關(guān)注度。其中對比色和互補(bǔ)色的漸變搭配是最有代表性的設(shè)計(jì)手法。無論是純色的色彩運(yùn)用或者是漸變色的色彩運(yùn)用。

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

在設(shè)計(jì)應(yīng)用圖標(biāo)的時(shí)候應(yīng)當(dāng)充分的利用已有的品牌形象加以運(yùn)用，讓品牌的深厚積淀繼續(xù)發(fā)揮作用并且讓品牌形象延續(xù)從而賦予品牌更強(qiáng)的生命力。

6、多場景測試

在設(shè)計(jì)應(yīng)用圖標(biāo)的時(shí)候也要考慮到應(yīng)用圖標(biāo)的展示場景，避免圖標(biāo)不能完美展示的情況。在不同場景下應(yīng)用圖標(biāo)需要根據(jù)需求做相對應(yīng)的設(shè)計(jì)優(yōu)化，，避免給用戶帶來簡單粗糙的視覺印象。

7、避免使用大量文字

文字太多會導(dǎo)致應(yīng)用圖標(biāo)看起來擁擠用戶也很難看清楚信息。大量使用文字的另一個(gè)致命的后果是會大大降低應(yīng)用圖標(biāo)的設(shè)計(jì)美感，不僅不能使用戶產(chǎn)生好的印象反而會招致用戶的反感。

掌握以上原則，你就可以做出好看的圖標(biāo)作品。