2022 年第 14 屆全國(guó)大學(xué)生廣告藝術(shù)大賽，簡(jiǎn)稱大廣賽，正在如火如荼的進(jìn)行中，國(guó)產(chǎn)在線 UI 設(shè)計(jì)工具即時(shí)設(shè)計(jì)，作為命題方之一，為大廣賽首次帶來(lái)了 UI 設(shè)計(jì)類(lèi)命題，其中，圖標(biāo)設(shè)計(jì)被列為一個(gè)單獨(dú)的題目。如果有大學(xué)生朋友讀到本文，一定要去關(guān)注一下。

我們說(shuō)回圖標(biāo)設(shè)計(jì)，對(duì)于UI設(shè)計(jì)師來(lái)說(shuō)，常見(jiàn)的圖標(biāo)可以分為兩類(lèi)，一類(lèi)是功能圖標(biāo)，一類(lèi)是啟動(dòng)圖標(biāo)，也有一種說(shuō)法是分為三類(lèi)，再加一類(lèi)裝飾圖標(biāo)。作為一位專(zhuān)業(yè)的 UI 設(shè)計(jì)師，這些種類(lèi)的圖標(biāo)，必須都要掌握，才能處理工作重面對(duì)的不同情況。

我們先說(shuō)功能圖標(biāo)，就是把產(chǎn)品的功能隱喻，簡(jiǎn)化抽象成圖形，方便用戶理解，以UI設(shè)計(jì)師最熟悉的軟件界面為例（下圖為即時(shí)設(shè)計(jì)的界面），左側(cè)工具欄中的形狀工具、鋼筆工具、文字工具，上方引用組件、布爾運(yùn)算、蒙版等工具，都是以圖標(biāo)來(lái)表示的。功能圖標(biāo)太常見(jiàn)了，已經(jīng)完全融入了人們的日常生活，以至于我們作為設(shè)計(jì)師，有時(shí)都會(huì)忽略這些圖標(biāo)的存在，只是憑直覺(jué)在使用功能。

啟動(dòng)圖標(biāo)，在操作系統(tǒng)中，用來(lái)打開(kāi)某個(gè)產(chǎn)品的圖形按鈕，往往被設(shè)計(jì)成品牌的 LOGO，方便用戶在眾多的產(chǎn)品中快速定位。

裝飾圖標(biāo)，相對(duì)少見(jiàn)，用來(lái)裝飾界面的視覺(jué)元素，比如，過(guò)節(jié)的時(shí)候，很多電商類(lèi) App 會(huì)把日常的圖標(biāo)換成節(jié)日專(zhuān)屬的裝飾圖標(biāo)，形式大于功能。

還有一類(lèi)圖標(biāo)，安卓手機(jī)的主題圖標(biāo)，通過(guò)改變系統(tǒng)圖標(biāo)設(shè)計(jì)風(fēng)格，來(lái)展現(xiàn)用戶的個(gè)性。

提升圖標(biāo)設(shè)計(jì)能力，有一個(gè)非常好的方式，就是臨摹，尤其是跟著優(yōu)秀的教程臨摹優(yōu)質(zhì)的作品。在這里推薦大家關(guān)注即時(shí)設(shè)計(jì)的每周臨摹活動(dòng)，跟著老師的視頻/圖文教程進(jìn)行臨摹練習(xí)，還能加入學(xué)習(xí)交流群、分享自己的臨摹作品到社區(qū)、獲得精美的獎(jiǎng)品。

最最重要的，通過(guò)臨摹練習(xí)，你可以快速熟悉即時(shí)設(shè)計(jì)，這款目前最流行的在線UI設(shè)計(jì)工具，現(xiàn)在的UI設(shè)計(jì)，已經(jīng)進(jìn)入了協(xié)作時(shí)代，以為的UI設(shè)計(jì)師都是做完一稿給甲方/產(chǎn)品負(fù)責(zé)人看一稿，看完了再改，改完了再看，如此循環(huán)?，F(xiàn)在，只需要一個(gè)鏈接，項(xiàng)目相關(guān)的各方，都能實(shí)時(shí)看到設(shè)計(jì)的進(jìn)度，隨時(shí)提出自己的想法，極大的提高了設(shè)計(jì)工作的效率。

作為新一代的國(guó)產(chǎn)在線設(shè)計(jì)工具，即時(shí)設(shè)計(jì)針對(duì)國(guó)內(nèi)設(shè)計(jì)師和團(tuán)隊(duì)的工作場(chǎng)景，開(kāi)發(fā)了一系列的特色功能，例如資源廣場(chǎng)中免費(fèi)的優(yōu)質(zhì)設(shè)計(jì)資源一鍵取用、工作臺(tái)中細(xì)致高效的文件管理等等，限于篇幅不能一一展開(kāi)介紹，大家可以自己去體驗(yàn)一下，而且，即時(shí)設(shè)計(jì)承諾目前開(kāi)放的所有功能，都是永久免費(fèi)的，趕緊行動(dòng)起來(lái)吧~

「即時(shí)設(shè)計(jì)」官網(wǎng)地址： https://js.design/