伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

教你如何設(shè)計玻璃態(tài)的UI設(shè)計效果

2021-1-26    周周

一個簡易的小教程,一起Get起來~



設(shè)計中存在一些不可忽視的趨勢。盡管玻璃態(tài)在UI設(shè)計中不是新的事物,但是最近又被人們挖掘出來了。有些人甚至將這個趨勢稱為“玻璃態(tài)”。

下面讓我向你展示如何通過7個簡單的步驟教你如何創(chuàng)建玻璃態(tài)的UI效果。


1)畫一個形狀
首先創(chuàng)建一個基本形狀,一個具有以下尺寸的矩形:640×400,再加40pt的圓角。


2)應(yīng)用漸變填充

現(xiàn)在該基本填充了。在本教程中,我們將使用漸變。兩種漸變顏色都將是純白色(#FFFFFF),但是它們的不透明度會有所不同。將第一個設(shè)置為40%,第二個設(shè)置為10%。



3)添加背景模糊

我們來模仿玻璃的是模糊感。首先將背景模糊值設(shè)置為20左右,來看看這個是表面如何變化的。當(dāng)然,你也可以根據(jù)自己的效果來設(shè)置不同的模糊度。



4)添加邊框

一個優(yōu)雅的邊框會為元素增添了光澤。當(dāng)玻璃表面重疊時,它也有助于建立視覺層次。如果要在設(shè)計中創(chuàng)建定向光的幻覺,則可能需要對邊框使用漸變。我是這樣制作卡片的,所以看起來更有“質(zhì)感”。

卡邊界對角漸變的設(shè)置:

邊框:3px

顏色1:#FFFFFF(不透明度50%)

顏色2:#FFFFFF(不透明度0%)

顏色3:#FF48DB(不透明度0%)

顏色4:#FF48DB(不透明度50%)


5)應(yīng)用陰影

細(xì)微的陰影效果有助于增強(qiáng)視覺層次。由于陰影的存在,區(qū)分所有層將更加容易。



在我的示例中,我使用具有24的模糊值的深色,并且擴(kuò)展減小為-1。這次,你將通過添加陰影樣式屬性以與玻璃表面一起成形來獲得最佳效果。


6)填寫內(nèi)容

是時候添加一些內(nèi)容了。填寫必要的徽標(biāo)和文字。要創(chuàng)建壓印層的錯覺,請用白色填充內(nèi)容,并將不透明度降低到50%。你也可以玩圖層混合-嘗試疊加以獲得有趣的結(jié)果。



7)添加質(zhì)感

玻璃卡片已完成,但是,你可以進(jìn)一步添加一些高級紋理!要添加優(yōu)雅的噪點,我們添加帶有噪點的圖像。將不透明度降低到20%,并將填充的混合模式設(shè)置為“疊加”??纯船F(xiàn)在看起來多么有質(zhì)感。


來看一些其它的嘗試~




文章來源:UI中國     作者:Tzw_n



藍(lán)藍(lán)設(shè)計www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)



日歷

鏈接

個人資料

存檔

会昌县| 阿克苏市| 合阳县| 分宜县| 永宁县| 汾西县| 舞钢市| 邹平县| 九龙城区| 清苑县| 萝北县| 奉贤区| 枣庄市| 彭山县| 龙陵县| 丹寨县| 老河口市| 漳州市| 登封市| 江孜县| 新泰市| 丹江口市| 乌审旗| 哈巴河县| 边坝县| 泌阳县| 长春市| 金平| 南宁市| 涡阳县| 新竹市| 兴业县| 乌兰察布市| 东台市| 昌吉市| 沈丘县| 博乐市| 蕉岭县| 康保县| 鹤壁市| 郑州市|