UI設(shè)計(jì)必備基礎(chǔ)知識(shí)3

　　上次有人提建議要看看基礎(chǔ)一點(diǎn)的東西，今天AAA教育郭老師給大家?guī)?lái)了必備基礎(chǔ)知識(shí)，這次我們將介紹兩種最常用的效果——填充與描邊，非常實(shí)用。
 

　　填充與邊框

 

　　填充
 

　　正如我們前面所表述的，大多數(shù)UI設(shè)計(jì)都是關(guān)于移動(dòng)矩形。那么讓我們從一個(gè)矩形開(kāi)始吧!
 

　　當(dāng)你創(chuàng)建一個(gè)新的矩形，他會(huì)默認(rèn)自帶一個(gè)填充，大多數(shù)情況下他是灰色的，所以你要記得自己改變顏色，有時(shí)候他還會(huì)有個(gè)邊界。
 

　　為啥是灰色呢，因?yàn)榛疑銐蛑行?，你添加新的形狀也不?huì)搞壞你之前做的界面，而且你可以很容易看見(jiàn)他。

 

　　簡(jiǎn)單的填充是對(duì)象背景的另一個(gè)名字，它可以是純色、漸變、或者是照片，他們還可以有不同程度的透明度。

 

　　提示
 

　　大多數(shù)現(xiàn)代設(shè)計(jì)工具都允許使用鍵盤上的數(shù)字來(lái)控制透明度。只需選擇對(duì)象后按1、2等等就會(huì)改變透明度。0是在百分之百和百分之0間進(jìn)行切換。
 

　　如果一個(gè)對(duì)象沒(méi)有填充，也沒(méi)有邊框或者效果，那么他就在界面中不可見(jiàn)，因?yàn)樗枰欢x一些特征方才可見(jiàn)。但是你任然可以選擇它、移動(dòng)他、修改它。它也任然在你的圖層列表中存在。

 

　　填充的類型
 

　　填充有三種可選性，單一顏色、漸變或者圖像背景。當(dāng)然你也可以選擇不要填充。以前，圖案被認(rèn)為是另一種填充，但是事實(shí)上它只一個(gè)元素的不斷平鋪，所以他屬于圖像類別。
 

　　堆積填充

 

　　你可以向?qū)ο筇砑佣鄠€(gè)填充類型。顯然，要想這個(gè)效果起作用，那么某個(gè)填充必須具有透明屬性。否則你只能看見(jiàn)頂部的圖層。
 

　　漸變填充

 

　　你可以使用這個(gè)原則來(lái)實(shí)現(xiàn)非常有趣的多重疊加漸變效果。就像上圖一樣，創(chuàng)建四個(gè)漸變，然后讓他們每個(gè)對(duì)應(yīng)的角落都透明掉。

 

　　邊框
 

　　邊框(描邊)是繼填充后。對(duì)象能具有的第二個(gè)樣式

 

　　邊框就是描邊，也是圍繞對(duì)象一周的一條線。他可以在對(duì)象內(nèi)(內(nèi)描邊)也可以在對(duì)象外(外描邊)，甚至可以在入門之間(居中描邊)。但是請(qǐng)記住，只有內(nèi)描邊才不會(huì)再視覺(jué)上使對(duì)象變大。

 

　　在上圖中，我們的矩形大小60*60，描邊是10，中間圖形的描邊使矩形每邊多了5，而最后一個(gè)使其每邊多了10。
 

　　描邊樣式
 

　　描邊可以有不同的粗細(xì)，也可以是虛線，也可以使用顏色填充和漸變填充。

 

　　大多數(shù)設(shè)計(jì)工具還允許修改結(jié)尾和拐角的樣式。兩端可以是平的圓的 尖銳的等等樣式。

 

　　如果你的界面一般都是圓形，那么你的描邊開(kāi)始結(jié)尾拐角盡量設(shè)置為圓形，這樣會(huì)更具統(tǒng)一性。如果沒(méi)有請(qǐng)保持默認(rèn)!

 

　　希望以上內(nèi)容對(duì)你學(xué)UI設(shè)計(jì)有一定的幫助和提升，因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請(qǐng)?jiān)L問(wèn)AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。