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

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

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

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

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

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

ACG暑假小班課

前幾天,ACG學(xué)長帶著這群高一、高二的同學(xué)們,體驗了一次“圖標(biāo)”設(shè)計的全過程,讓大家對我們在手機(jī)上看到的“圖標(biāo)”有了初步的了解。

ACG暑假小班課

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

ACG暑假小班課

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

ACG暑假小班課

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

 

  × 界面交互UI ×  

 

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

12.jpg

1、極簡化設(shè)計

 

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

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

2、動態(tài)視覺吸引

 

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

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

3、專業(yè)化配色

 

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

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

 

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

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

KENVI老師的暑假小班課

你值得擁有!

戳海報了解更多

11.jpg

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

免費院校、專業(yè)指導(dǎo)建議?

作品集專業(yè)方向針對性全面評估?

近期活動全面了解咨詢?

立即咨詢 400 612 8881!

返回資訊列表

在線提問導(dǎo)師

Judi

倫敦藝術(shù)大學(xué) · 產(chǎn)品設(shè)計

咨詢

熱門搜索

  • 美國留學(xué)
  • 英國留學(xué)
  • 純藝
  • 日本留學(xué)
  • 服裝設(shè)計
  • 倫敦藝術(shù)大學(xué)
  • 動畫
  • 皇家藝術(shù)學(xué)院
  • 帕森斯
  • 羅德島
藝術(shù)留學(xué)評估

申請專業(yè):