藝術(shù)留學(xué)

首頁(yè) > 藝術(shù)資訊 > 交互設(shè)計(jì):手機(jī)里的ICON是怎么創(chuàng)作出來(lái)的?

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

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

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

微信、qq、微博每天都必須打開(kāi)?每天都會(huì)刷一撥抖音?今天需要繼續(xù)淘寶一下,順便支付寶買(mǎi)個(gè)單!閨蜜下午茶自拍,怎么能少了美圖秀秀這些修圖工具!當(dāng)然了 ,遇見(jiàn)了吃貨生涯瓶頸,怎么能少了大眾和美團(tuán)?每天看見(jià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í)候可以分從顏色和形狀,用途的總類(lèi)中去尋找靈感。

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)品的操作界面,常見(jià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)在是怎么樣的呢?

12.jpg

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,也從一開(kāi)始較為具象的形態(tài),逐步演變成為簡(jiǎn)化、扁平化的設(shè)計(jì)。

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

 

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

目前已經(jīng)有部分網(wǎng)頁(yè)、APP開(kāi)始采用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)品的效果。

3、專(zhuān)業(yè)化配色

 

用戶界面美觀與否,很大程度上由配色決定。界面設(shè)計(jì)中視覺(jué)效果好、令人感到舒適的配色,能夠極大地優(yōu)化視覺(jué)體驗(yàn)。

一個(gè)優(yōu)秀的APP界面設(shè)計(jì),需要洞悉不同的色彩搭配方案,而不是采用千篇一律的顏色設(shè)置。顏色搭配適當(dāng),才能產(chǎn)生一定的視覺(jué)沖擊,從而為用戶帶來(lái)更好的視覺(jué)體驗(yàn)。

 

想要學(xué)習(xí)更多交互設(shè)計(jì)的專(zhuān)業(yè)知識(shí)?

對(duì)交互設(shè)計(jì)有興趣都是零基礎(chǔ)?

KENVI老師的暑假小班課

你值得擁有!

戳海報(bào)了解更多

11.jpg

藝術(shù)留學(xué)在線答疑解惑?

免費(fèi)院校、專(zhuān)業(yè)指導(dǎo)建議?

作品集專(zhuān)業(yè)方向針對(duì)性全面評(píng)估?

近期活動(dòng)全面了解咨詢(xún)?

立即咨詢(xún) 400 612 8881!

返回資訊列表

在線提問(wèn)導(dǎo)師

Ms Zhang

佐治亞理工學(xué)院 · 交互設(shè)計(jì)

咨詢(xún)

熱門(mén)搜索

  • 美國(guó)留學(xué)
  • 英國(guó)留學(xué)
  • 純藝
  • 日本留學(xué)
  • 服裝設(shè)計(jì)
  • 倫敦藝術(shù)大學(xué)
  • 動(dòng)畫(huà)
  • 皇家藝術(shù)學(xué)院
  • 帕森斯
  • 羅德島
藝術(shù)留學(xué)評(píng)估

申請(qǐng)專(zhuān)業(yè):