>
學(xué)校機(jī)構(gòu) >
交互時(shí)代UI實(shí)訓(xùn)基地 >
學(xué)習(xí)資訊>
UI設(shè)計(jì)中關(guān)于Icon配色的一些細(xì)節(jié)
UI設(shè)計(jì)中關(guān)于Icon配色的一些細(xì)節(jié)
37 2017-06-01
今天,交互時(shí)代會(huì)給大家分享一篇關(guān)于icon配色的文章,這其中會(huì)講到icon不僅僅需要設(shè)計(jì)的有特色,還要在配色上讓icon更顯眼,這也是交互時(shí)代的學(xué)員所發(fā)現(xiàn)的一些問題,這些學(xué)員一開始都是零基礎(chǔ)開始學(xué)習(xí)的,但是現(xiàn)在已經(jīng)會(huì)自己總結(jié)設(shè)計(jì)方面的心得了,交互時(shí)代也很欣慰呢。
在交互時(shí)代中,有許多學(xué)員都是從零基礎(chǔ)開始學(xué)起,但是在經(jīng)歷短短三個(gè)月的學(xué)習(xí)時(shí)間,他們就可以成長為十分有經(jīng)驗(yàn)的UI設(shè)計(jì)師了,其中,交互時(shí)代的獨(dú)創(chuàng)課程和教學(xué)模式起到了不可或缺的作用。針對(duì)互聯(lián)網(wǎng)企業(yè)要求開發(fā)的課程能夠讓學(xué)員獲得更有用的知識(shí)及設(shè)計(jì)技術(shù),而小班教學(xué)及真實(shí)工作場景的教學(xué)模式,更能夠讓學(xué)員將學(xué)到的內(nèi)容轉(zhuǎn)化為經(jīng)驗(yàn)。
廢話不多說,馬上讓我們開始正文。要知道因?yàn)閁I設(shè)計(jì)中,icon是很重要的一個(gè)元素,用戶在使用APP之前必須先點(diǎn)擊icon,才能進(jìn)入,因此,一個(gè)優(yōu)秀的icon會(huì)為自己的產(chǎn)品帶來十分大的幫助呦。
雖然icon是整個(gè)UI設(shè)計(jì)中的很小一部分,但是我們不得不承認(rèn),也會(huì)很認(rèn)真的去對(duì)待它,更仔細(xì)的去進(jìn)行設(shè)計(jì),更認(rèn)真的搭配顏色,都只是為了讓icon能夠更吸引人。而想要讓icon表達(dá)出什么樣的個(gè)性或者特點(diǎn),我們除了靠造型去表達(dá)之外,還會(huì)用到顏色。
這時(shí)在整體界面中一般有背景色和主導(dǎo)色,那么一般我們選擇的Icon顏色要側(cè)重于點(diǎn)綴色或者著重色,而其他不太重要的Icon顏色盡量選擇中性的顏色,想低純度的藍(lán)色,因?yàn)樵赨I界面設(shè)計(jì)中,藍(lán)色幾乎和黑白灰并稱萬用色。有時(shí)候UI界面或Icon整體偏暖和冷就是因?yàn)檠a(bǔ)色沒有運(yùn)用好。導(dǎo)致很刺激人的感官,這里有個(gè)小技巧,就是運(yùn)用補(bǔ)色。
什么是補(bǔ)色呢?補(bǔ)色說起來很簡單,就是把三原色補(bǔ)齊。當(dāng)然,有一點(diǎn)很重要,不是要補(bǔ)充純度高明度高的其他三原色,這個(gè)還是要看具體的環(huán)境和條件,當(dāng)然,我們不應(yīng)該死守規(guī)則,更應(yīng)該看情況而使用這條原則。
以上是交互時(shí)代的學(xué)員們對(duì)icon的配色的一些歸納,當(dāng)然,這是他們自己進(jìn)行UI設(shè)計(jì)時(shí)所感悟到的東西,或許比較粗淺,但確是我們不得不重視的,因?yàn)檫@已經(jīng)是他們邁向成功設(shè)計(jì)師的第一步了,他們開始擁有自己的設(shè)計(jì)思維,這也是交互時(shí)代教育的成果。
若想要了解交互時(shí)代更多消息,就多多關(guān)注交互時(shí)代的官網(wǎng)吧。
請(qǐng)聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)