界面UI設(shè)計中優(yōu)秀圖標的雙要素
60 2017-06-01
之前,交互時代有與大家簡單的介紹過,關(guān)于界面UI設(shè)計中圖標的重要性,既然圖標如此重要,那么界面UI設(shè)計中那些優(yōu)秀的圖標又該如何進行設(shè)計呢?今天,交互時代就來和大家說說關(guān)于界面UI設(shè)計中優(yōu)秀圖標的雙個要素。
1.不管做大還是做小,好看的同時要有特色
圖標的界面UI設(shè)計會出現(xiàn)在各種屏幕和菜單中。有些設(shè)備可能支持視網(wǎng)膜顯示屏,有些則沒有。在界面UI設(shè)計中設(shè)計這些圖標時,必須適配各種硬件環(huán)境及分辨率。
應用的界面UI設(shè)計尺寸可能從1024x1024像素到10x10像素不等。
所以AppIconTemplate給出了很好的建議:
設(shè)計不同尺寸的界面UI設(shè)計的圖標,并在多種環(huán)境下測試。
界面UI設(shè)計的圖標要簡單,專注于單個要素或形狀。
縮放時,圖標應清晰可辨。
我們發(fā)現(xiàn),大多數(shù)界面UI設(shè)計師都借助Illustrator、Photoshop或Sketch等軟件來實現(xiàn)圖標的可縮放性。而對于第一次參與圖標設(shè)計的新手來說,最好使用模板。
2.簡單明了
一般應用商店匯集了數(shù)百萬個應用。而應用商店的界面UI設(shè)計一般是假設(shè)從左向右讀的設(shè)計,所以用戶首先看到的是圖標,其次是應用的標題和預覽圖。如果通過圖標就能大概了解應用的功能,用戶會覺得很方便。
總是依賴于應用的預覽圖像并不可靠(例如,如果進入熱門榜單,應用的預覽圖像就不予顯示)。因此圖標的界面UI設(shè)計要有特色,要與眾不同。
以下是交互時代的一些經(jīng)驗法則:
優(yōu)秀圖標的界面UI設(shè)計的共同點之一是設(shè)計簡單明了。但如果你的產(chǎn)品不是像Facebook或Google一樣的知名品牌,就別太依賴自身logo。
無論主要功能(例如可以使用購物車的優(yōu)惠券應用)、主要角色(例如游戲類應用)是什么,圖標的界面UI設(shè)計都應該代表應用的核心品牌價值。
圖標的界面UI設(shè)計顏色應醒目,同時反映應用內(nèi)的配色方案。
Gmail、Dropbox和《跳跳先生(Mr.Jump)》的圖標的界面UI設(shè)計在傳達應用理念方面做得非常出色。它們在傳達信息的同時,還突出了應用的獨特賣點。
以上就是交互時代這次給大家?guī)淼年P(guān)于界面UI設(shè)計中優(yōu)秀圖標的兩個個要素。如果想要了解更多關(guān)于UI設(shè)計的內(nèi)容,就多多關(guān)注交互時代的官網(wǎng)吧,或者掃描下方二維碼,關(guān)注交互時代的微信公眾平臺,也能第一時間接收到我們的信息哦。
請聯(lián)系網(wǎng)站客服,了解詳細的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學網(wǎng)企業(yè)微信
獵學網(wǎng)訂閱號
獵學網(wǎng)服務(wù)號