在設問上，有朋友問，填充和不透明度有什麼區别，什麼時候該用不透明度？什麼時候該用填充？今天，我們探讨一下！

填充和不透明度都是圖層的一個選項，其位置都是位于圖層面闆選項。

“不透明度”(Opacity)，這個很好理解吧，就是圖層的透明度。“填充fill”呢，什麼意思？我們先看一張圖。

看上去，不透明度和填充好像沒有區别。但是事實上，是有區别的。我們再看一張圖，我給設問的LOGO添加一個3像素的黑色描邊圖層樣式。

我們可以看到，在不透明度和填充未作調整之時，它們兩個的顯示效果是一緻的，接下來，我們将不透明度和填充都修改為50%，效果如下：

現在，我們可以看到，效果是有明顯差别的，差别在哪呢？相信不是色弱的朋友，都會看得出來，藍色部分是一樣的，差别就在于黑色部分。這個黑色部分是什麼呢？就是我們剛才添加的描邊圖層樣式。

在調整不透明度後，圖層的圖層樣式，其顔色跟着圖層的不透明度變化，而調整填充後，變化的僅僅是圖層本身，圖層樣式不受影響。

那麼，我們可以得出一個結論，不透明度的調整相對于整個圖層，包括圖層的樣式，都在調整的範圍之内，不透明度設置為50%的時候，圖層的LOGO主體包括其所擁有的圖層樣式，全部變成50%，而填充呢，僅僅是對于圖層自身的透明度起變化，圖層樣式絲毫不受其影響。

所有，其差别就在于，不透明度是針對整個圖層的（包括圖層樣式），而填充是針對圖層本身的。

那麼，問題來了，什麼時候使用不透明度，什麼時候使用填充，怎麼把握？

比如說，我給一張圖片，添加水印。

像這個時候，我們用不透明度還是用填充？答案是：随便！因為，我們隻是添加了個LOGO，沒有應用任何的圖層樣式，調整不透明度和填充，其效果是一緻的，沒有任何的差别， 所以，随便用哪個都行。

那麼，什麼時候用填充呢？當然是你有用到圖層樣式的時候，又不想讓圖層對象本身顯示的時候。

常見的大概有以下幾種：

1、文字特效

利用幾個不同的圖層樣式來疊加效果，豐富效果。

2、ICON圖标

利用不同的圖層樣式來添加細節，加強投影之類的。

3、Mock-Up模闆

利用多個圖層樣式，豐富效果，打造智能模闆。

比較常用的大概就是這幾種了，原理都是一樣的，利用填充為0時，圖層樣式不受影響的特點，通過幾層不同圖層樣式的疊加，營造豐富的效果。

不過，現在CC2015，一個圖層可以添加多個圖層樣式，估計再往後，填充也會很少有人用了。

....................................................................

我的UI嚴選 —越努力，越幸運

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!