UI設(shè)計中圖標(biāo)的技巧
UI設(shè)計
124已閱讀
2020-03-09 09:46:46
導(dǎo)讀
在我們的生活當(dāng)中圖標(biāo)的應(yīng)用隨處可見，在手機(jī)上各式各樣的圖標(biāo)，在電腦上也有各式各樣的圖標(biāo)，這些圖標(biāo)都采用不同的技巧來展示他的風(fēng)格特色，那么UI設(shè)計中圖標(biāo)有哪些技巧呢？
由于目前的設(shè)計趨勢，許多產(chǎn)品圖標(biāo)將采用平面設(shè)計風(fēng)格。除了填充圖標(biāo)外，平板還有一種非常流行的線型風(fēng)格。線性風(fēng)格一定要小心不要太薄，因為手機(jī)和計算機(jī)設(shè)計環(huán)境的顯示尺寸不同，如果我們做得太薄，那么在手機(jī)上就會看起來很鋒利，似乎不容易點(diǎn)擊。
現(xiàn)實(shí):有些人的背景是一個梯度,線性風(fēng)格的曲線,也是一個小蜜蜂。
為了突出文藝作品的調(diào)性，LOFTCam：采用細(xì)線和兩種主題色彩。
NEXTDAY：也是非常藝術(shù)的產(chǎn)品，使用更抽象的技術(shù)。這個圖標(biāo)是一種牛奶，它突出了一個事實(shí)，即產(chǎn)品必須在今天才能看到，否則它就會像牛奶一樣過期。
VUE：這是一個攝影產(chǎn)品。它也使用黑色梯度。前線是非常前衛(wèi)的，45度長和短。
圖標(biāo)設(shè)計可以使用積極和消極的形式和隱喻，使圖標(biāo)更有趣。
這是非常適合使用填充圖標(biāo)樣式的產(chǎn)品圖標(biāo)。填充圖標(biāo)風(fēng)格具有簡潔、識別力強(qiáng)的特點(diǎn)。這種ICON更具有可擴(kuò)展性，例如在一些特殊的節(jié)日里可以手繪、拼貼等形式做輔助圖形。很多人喜歡填充圖標(biāo)風(fēng)格。
幸運(yùn)：這是一種在線咖啡遞送產(chǎn)品。它的應(yīng)用圖標(biāo)使用鹿頭的外觀。這只鹿很簡單，很容易辨認(rèn)。
Tinder：這是一個外國的社交應(yīng)用，通過一個充滿火焰的圖標(biāo)，讓人們次記住這個產(chǎn)品。
YouTube：這是一款國外著名的視頻應(yīng)用，它的產(chǎn)品圖標(biāo)也充滿了圖標(biāo)風(fēng)格，是電視中一個圓形矩形的比喻，中心是一個播放鍵，簡潔地描述了這個產(chǎn)品的功能。
推特：國外著名的社交應(yīng)用，它的圖標(biāo)也使用填充圖標(biāo)風(fēng)格，非常簡單和容易記住。
我介紹了LOWPOLY的設(shè)計風(fēng)格，它在產(chǎn)品圖標(biāo)方面同樣引人注目，因為用戶手機(jī)上可能安裝了很多應(yīng)用程序，乍一看，你肯定注意到了過去最亮的圖標(biāo)。LOWPOLY是非常引人注目的，因為它獨(dú)特的造型。當(dāng)然，LOWPOLY也有它的問題，比如很容易讓圖標(biāo)失去細(xì)節(jié)，所以很多產(chǎn)品圖標(biāo)都使用LOWPOLY作為圖形背景。
折紙效果可以使人們感覺到三維，所以很多產(chǎn)品也選擇折紙效果(一種更平坦的技術(shù))來設(shè)計產(chǎn)品圖標(biāo)。
日歷：該產(chǎn)品的產(chǎn)品圖標(biāo)是翻頁日歷。這很簡潔。
Snapseed:除了平面的設(shè)計,使用投影的設(shè)計風(fēng)格。長投影的設(shè)計也是平的。
Netflix的產(chǎn)品圖標(biāo)：Netflix是產(chǎn)品的首字母N，它使用一些陰影來表示3D的感覺。
聲音繪圖儀：也使用長投影和折紙效果，它是非常新鮮的。
