交互設(shè)計(jì)：手機(jī)里的ICON是怎么創(chuàng)作出來(lái)的？

發(fā)布時(shí)間：2019-07-18 藝術(shù)留學(xué)咨詢：400-612-8881

微信、qq、微博每天都必須打開？每天都會(huì)刷一撥抖音？閨蜜下午茶自拍，怎么能少了美圖秀秀這些修圖工具！每天看見這些App這些圖標(biāo)心中不免產(chǎn)生困惑，這些到底是怎么設(shè)計(jì)出來(lái)？

微信、qq、微博每天都必須打開？每天都會(huì)刷一撥抖音？今天需要繼續(xù)淘寶一下，順便支付寶買個(gè)單！閨蜜下午茶自拍，怎么能少了美圖秀秀這些修圖工具！當(dāng)然了，遇見了吃貨生涯瓶頸，怎么能少了大眾和美團(tuán)？每天看見這些App這些圖標(biāo)心中不免產(chǎn)生困惑，這些到底是怎么設(shè)計(jì)出來(lái)？

ACG暑假小班課

前幾天，ACG學(xué)長(zhǎng)帶著這群高一、高二的同學(xué)們，體驗(yàn)了一次“圖標(biāo)”設(shè)計(jì)的全過(guò)程，讓大家對(duì)我們?cè)谑謾C(jī)上看到的“圖標(biāo)”有了初步的了解。

ACG暑假小班課

ACG交互設(shè)計(jì)主講老師Kenvi 首先為非常耐心的講解了交互設(shè)計(jì)中圖標(biāo)的重要性。圖標(biāo)的的展示需要給人一種簡(jiǎn)介明了，需要傳達(dá)信息的準(zhǔn)確性。其次icon設(shè)計(jì)中，分為線性、面型、線面。Kenvi老師分別為大家展示了不同icon的作品。

ACG暑假小班課

Kenvi老師強(qiáng)調(diào)，使用圖標(biāo)的時(shí)候要注意其風(fēng)格的重要性，要注重其簡(jiǎn)約風(fēng)格，同時(shí)也要注重圖標(biāo)的厚度感和層次感。在設(shè)計(jì)時(shí)候可以分從顏色和形狀，用途的總類中去尋找靈感。

ACG暑假小班課

如果要學(xué)習(xí)交互設(shè)計(jì)，同學(xué)們創(chuàng)作過(guò)程中，既要不斷地充實(shí)自己的交互設(shè)計(jì)技巧，還需要揣測(cè)未來(lái)UI界面的風(fēng)格走勢(shì)，提升軟件整體視覺(jué)效果。

× 界面交互UI ×

User Interface 泛指電子產(chǎn)品的操作界面，常見的比如移動(dòng)APP，電腦網(wǎng)頁(yè)，智能穿戴設(shè)備等。UI交互設(shè)計(jì)指通過(guò)美工和IT技術(shù)讓交互界面更美觀、簡(jiǎn)潔、實(shí)用。圖標(biāo)（icon）是一種最常使用的元素之一。都9012了，用戶界面設(shè)計(jì)的風(fēng)格趨勢(shì)現(xiàn)在是怎么樣的呢？

1、極簡(jiǎn)化設(shè)計(jì)

極簡(jiǎn)主義，在UI設(shè)計(jì)領(lǐng)域中已經(jīng)被廣泛應(yīng)用。很多國(guó)外優(yōu)秀設(shè)計(jì)網(wǎng)站或APP，都會(huì)以功能性為前提，提倡極簡(jiǎn)化設(shè)計(jì)。因此，他們的設(shè)計(jì)風(fēng)格比較簡(jiǎn)潔、清晰，不會(huì)有過(guò)多的額外信息。

Instagram的這一款app，也從一開始較為具象的形態(tài)，逐步演變成為簡(jiǎn)化、扁平化的設(shè)計(jì)。

2、動(dòng)態(tài)視覺(jué)吸引

眾所周知，UI不僅僅局限于固定的界面，目前很多UI設(shè)計(jì)已經(jīng)開始通過(guò)動(dòng)態(tài)的形式來(lái)吸引用戶。從下圖的數(shù)據(jù)中，我們不難看出，video的范圍比重呈現(xiàn)越來(lái)越大的趨勢(shì)。

目前已經(jīng)有部分網(wǎng)頁(yè)、APP開始采用Animations、video的方法。從界面設(shè)計(jì)的未來(lái)趨勢(shì)來(lái)看，視頻或者動(dòng)態(tài)的表現(xiàn)形式會(huì)越來(lái)越受到重視。動(dòng)態(tài)形式的內(nèi)容，往往比靜態(tài)的產(chǎn)品更加生動(dòng)，從而生成更加直觀的視覺(jué)反饋。因此，這種設(shè)計(jì)形態(tài)能夠更好地吸引用戶，并且能達(dá)到指引、表現(xiàn)產(chǎn)品的效果。