說起圖標(biāo)，不管是不是 UI 設(shè)計(jì)師，大家應(yīng)該都不陌生了，打開手機(jī)，最先看到的是每一個(gè) App 的啟動(dòng)圖標(biāo)，點(diǎn)進(jìn)每一個(gè) App 之后，也能到大量功能圖標(biāo)，通常一個(gè) App 中包含的圖標(biāo)數(shù)量都有大幾十個(gè)，一些業(yè)務(wù)復(fù)雜的綜合性 App，圖標(biāo)數(shù)量就更多了，繪制圖標(biāo)，確實(shí)是 UI 設(shè)計(jì)的一項(xiàng)基本功，和日常最主要的工作之一。

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

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

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

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

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

還有一類圖標(biāo)，安卓手機(jī)的主題圖標(biāo)，通過改變系統(tǒng)圖標(biāo)設(shè)計(jì)風(fēng)格，來展現(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)品。

最最重要的，通過臨摹練習(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)。現(xiàn)在，只需要一個(gè)鏈接，項(xiàng)目相關(guān)的各方，都能實(shí)時(shí)看到設(shè)計(jì)的進(jìn)度，隨時(shí)提出自己的想法，極大的提高了設(shè)計(jì)工作的效率。

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

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