之前，交互時代有與大家簡單的介紹過，關(guān)于界面UI設(shè)計中圖標(biāo)的重要性，既然圖標(biāo)如此重要，那么界面UI設(shè)計中那些優(yōu)秀的圖標(biāo)又該如何進行設(shè)計呢？今天，交互時代就來和大家說說關(guān)于界面UI設(shè)計中優(yōu)秀圖標(biāo)的雙個要素。

1.不管做大還是做小，好看的同時要有特色

圖標(biāo)的界面UI設(shè)計會出現(xiàn)在各種屏幕和菜單中。有些設(shè)備可能支持視網(wǎng)膜顯示屏，有些則沒有。在界面UI設(shè)計中設(shè)計這些圖標(biāo)時，必須適配各種硬件環(huán)境及分辨率。

應(yīng)用的界面UI設(shè)計尺寸可能從1024x1024像素到10x10像素不等。

所以AppIconTemplate給出了很好的建議：

設(shè)計不同尺寸的界面UI設(shè)計的圖標(biāo)，并在多種環(huán)境下測試。

界面UI設(shè)計的圖標(biāo)要簡單，專注于單個要素或形狀。

縮放時，圖標(biāo)應(yīng)清晰可辨。

我們發(fā)現(xiàn)，大多數(shù)界面UI設(shè)計師都借助Illustrator、Photoshop或Sketch等軟件來實現(xiàn)圖標(biāo)的可縮放性。而對于第一次參與圖標(biāo)設(shè)計的新手來說，最好使用模板。

2.簡單明了

一般應(yīng)用商店匯集了數(shù)百萬個應(yīng)用。而應(yīng)用商店的界面UI設(shè)計一般是假設(shè)從左向右讀的設(shè)計，所以用戶首先看到的是圖標(biāo)，其次是應(yīng)用的標(biāo)題和預(yù)覽圖。如果通過圖標(biāo)就能大概了解應(yīng)用的功能，用戶會覺得很方便。

總是依賴于應(yīng)用的預(yù)覽圖像并不可靠（例如，如果進入熱門榜單，應(yīng)用的預(yù)覽圖像就不予顯示）。因此圖標(biāo)的界面UI設(shè)計要有特色，要與眾不同。

以下是交互時代的一些經(jīng)驗法則：

優(yōu)秀圖標(biāo)的界面UI設(shè)計的共同點之一是設(shè)計簡單明了。但如果你的產(chǎn)品不是像Facebook或Google一樣的知名品牌，就別太依賴自身logo。

無論主要功能（例如可以使用購物車的優(yōu)惠券應(yīng)用）、主要角色（例如游戲類應(yīng)用）是什么，圖標(biāo)的界面UI設(shè)計都應(yīng)該代表應(yīng)用的核心品牌價值。

圖標(biāo)的界面UI設(shè)計顏色應(yīng)醒目，同時反映應(yīng)用內(nèi)的配色方案。

Gmail、Dropbox和《跳跳先生(Mr.Jump)》的圖標(biāo)的界面UI設(shè)計在傳達應(yīng)用理念方面做得非常出色。它們在傳達信息的同時，還突出了應(yīng)用的獨特賣點。

以上就是交互時代這次給大家?guī)淼年P(guān)于界面UI設(shè)計中優(yōu)秀圖標(biāo)的兩個個要素。如果想要了解更多關(guān)于UI設(shè)計的內(nèi)容，就多多關(guān)注交互時代的官網(wǎng)吧，或者掃描下方二維碼，關(guān)注交互時代的微信公眾平臺，也能第一時間接收到我們的信息哦。

請聯(lián)系網(wǎng)站客服，了解詳細的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心