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

　　上次有人提建議要看看基礎(chǔ)一點的東西，今天AAA教育郭老師給大家?guī)砹?a href="http://m.lb577.com/ui/2653.html" target="_blank">必備基礎(chǔ)知識，這次我們將介紹兩種最常用的效果——填充與描邊，非常實用。
 

　　填充與邊框

 

　　填充
 

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

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

　　為啥是灰色呢，因為灰色足夠中性，你添加新的形狀也不會搞壞你之前做的界面，而且你可以很容易看見他。

 

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

 

　　提示
 

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

　　如果一個對象沒有填充，也沒有邊框或者效果，那么他就在界面中不可見，因為他需要被定義一些特征方才可見。但是你任然可以選擇它、移動他、修改它。它也任然在你的圖層列表中存在。

 

　　填充的類型
 

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

　　堆積填充

 

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

　　漸變填充

 

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

 

　　邊框
 

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

 

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

 

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

　　描邊樣式
 

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

 

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

 

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

 

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