如果您還不知道，擬物化設計 又回來了。如果您想嘗試一些最新版本的趨勢，那麼您來對地方了。今天，您將學習如何在 Sketch 中建立玻璃擬物設計 — 也就是包含具有磨砂玻璃效果元素的設計。
這個設計並不太複雜，因此非常適合初學者 — 您還可以在過程中學習一些有用的技能。讓我們開始吧！
什麼是玻璃擬物設計？
玻璃擬物設計是 擬物化設計 的一種形式，是一種模仿真實世界物件的設計實務。擬物化設計超越了形狀和顏色，而是專注於紋理、光影和尺寸。
玻璃擬物設計特別著重於在設計中重現玻璃般的紋理 — 通常會讓不同的元素呈現透明或半透明的外觀和感覺。這些設計在設置在彩色背景上時效果特別好，並且可以為您的設計增添額外的維度，有助於營造層次感。
現在您已經了解了什麼是玻璃擬物設計，讓我們來看看如何製作玻璃擬物設計！
1. 建立橢圓形
首先，建立一個 500x500 的畫板，然後新增一個 300x300 的橢圓形。使用第三個「全域漸層預設」為其提供線性漸層 — 這將是您測試玻璃擬物元素的背景。
2. 建立矩形並定位
接下來，建立一個 300x300 的矩形，並使用圓角 角點樣式 為其提供 75 的角半徑。將其放置在橢圓形前面並稍微偏移，以便您仍然可以看到後面很大一部分的橢圓形。
3. 新增線性漸層
為矩形提供 線性漸層。定位漸層，使其從矩形的左上角沿對角線向下延伸。然後將左上角點設定為 #FFFFFF，Alpha 值為 50，將右下角點設定為 #FFFFFF，Alpha 值為 5。
4. 新增背景模糊
現在，讓我們為矩形新增一個 背景模糊，數值為 20。您應該會立即在設計中看到玻璃擬物效果 — 但我們還沒完成！
5. 新增邊框漸層
接下來，為您的矩形提供 邊框漸層。這將有助於增強玻璃邊緣出現反射的感覺。按照與我們上面使用的漸層相同的角度，在漸層上設定四個點，等距分佈，並將最上面的點設定為 #FFFFFF。中間兩個點將使用 Alpha 值 0，並為左上角點提供 Alpha 值 50。對於右下角點，請使用滴管工具從您的背景形狀中選擇一種顏色，並將 Alpha 值保持在 100。
6. 新增一些紋理
看起來不錯，但我們可以透過新增一些雜訊，讓它看起來更像毛玻璃。在您的矩形中新增一個新的圖片填色，選擇第二個「全域」選項。選擇「平鋪圖片」顯示模式，將大小縮減至 50% 左右，並將不透明度設定為 5。然後將圖片圖層的混合模式更改為「疊加」。
7. 新增陰影
最後，在您的矩形中新增陰影。將顏色設定為 #000000，Alpha 值為 25，X 值為 0，Y 值為 1，模糊值為 24，擴散為 -1。這將為您的形狀創造一種深度感，使其看起來更加真實。做得很好 — 您完成了！
現在您已經建立了玻璃擬物化的形狀，您可以調整一些元素，直到您對效果感到滿意為止。然後嘗試新增圖示，或針對不同的背景和顏色進行優化。
完成後，不妨與我們分享！我們總是樂於在 Twitter 和 Instagram 上看到您最新的 Sketch 作品，請使用 #MadeWithSketch。
