97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

毛玻璃圖標的設計教程

2021-11-30    lanlanwork


1. 一定要注意識別度

其實我一直不敢使用毛玻璃效果的原因,就是害怕有識別度問題,其實網上現在有很多毛玻璃圖標:

圖片

做概念稿練習練習還好,如果真的落地肯定不行,太影響識別了。

為了不影響識別,我們可以有兩個做法。

其一:就是毛玻璃的透明度別太低,像騰訊視頻這種:

圖片

這樣不影響我們識別圖形的輪廓。

其二,我們可以把圖標主圖形用顏色填充,毛玻璃的面積只是很小一部分,起到輔助作用即可,比如像喜馬拉雅這種:

圖片

這樣整體的識別度也不會太受影響。

以上就是關于不影響識別的小方法。

 

2. 技法

毛玻璃圖標大部分一共分三層,填充層、玻璃層,模糊層(模糊層是嵌入到玻璃層的)。

其中最重要的一個關鍵點就是,玻璃層其實是假的,并不是透明的,而是100%的填充色。

舉個最簡單的例子,我們先畫一個深藍色的填充層:

圖片

然后加一個玻璃層,這個玻璃層不是透明的,而是100%填充色:

圖片

那有同學就會問了,毛玻璃效果怎么產生呢?其實就是把下面的深藍色圓復制一個進入到前面的玻璃層:

圖片

有人又會問,這也沒效果啊,對,因為復制進入玻璃層的圓形和后面的原型位置一摸一樣,如果不做改變,就看不出變化,所以我們先來模糊下:

圖片

區分的還是不夠開,我們再降低透明度:

圖片

這效果就立馬出來了。

所以從技法層面來說,并不是很難,主要是要注意識別度和整體的設計感。(當然,這只是我個人制作的方法,可能別人也有其他的方式)。

 

3. 底色

前幾天在群里看到一位星友問,說為什么他做的效果是第二個,而不是第一個那種透透的毛玻璃感覺:

圖片

其實我在最開始做毛玻璃效果的時候和她遇到了一樣的問題,這個問題產生的原因就是因為底色,現在的底色是黑色,一個玻璃放在黑色上面,透出來的顏色肯定是深灰色,而不是淺白色(除非你這塊毛玻璃本來就是白色的)。

我在之前的一次練習時,做一個黑金配的的毛玻璃效果,最開始就做成了這個樣子:

圖片

總感覺有點奇怪,其實就是因為在黑色背景上,玻璃層的顏色用了白色,感覺沒透過去,就感覺怪怪的,后來我把玻璃層的顏色變成深灰色:

圖片

這樣看起來就好多了。

制作的原理和剛才說的是一樣的,先把大形畫完:

圖片

然后前面整一個玻璃層,選一個深灰色:

圖片

然后把下面的形狀復制一個剪切到玻璃層中:

圖片

現在看不出效果是因為玻璃層里面的圖形和后面的圖形位置是一摸一樣的,這時候我們把玻璃層的圖形模糊:

圖片

現在已經差不多區分出來了,如果想要更明顯的區分,可以把透明度再降低一點:

圖片

也還ok,當然,我覺得加不加透明度,還是看具體效果調整就可以了!

再強調下,大家在做毛玻璃的時候一定要注意背景色哦,不然可能就會看起來很奇怪。

 

總結

好了,以上就是我個人對于毛玻璃效果的一點總結,我個人還是比較喜歡一組毛玻璃圖標是多色的,如果是一個顏色,比如這種:

圖片

相對來說沒那么耐看,如果是多色的:

圖片

就會耐看很多,希望給大家一點啟發,下期見,默默扔!

 

原文地址:菜心設計鋪(公眾號)
作者:菜心設計鋪
轉載請注明:學UI網》好慘,我竟然被批評了,問我為什么不安排教程?我怕了

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.0391cbd.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.0391cbd.com

存檔

主站蜘蛛池模板: 日本中文字幕久久网站| 天堂成人在线视频| 久久特级毛片| 国产精品99一区不卡| 国产成人三级| 无码专区第一页| 精久久久久无码区中文字幕| 国产亚卅精品无码| 色婷婷综合在线| 91成人免费观看在线观看| 久久国产乱子| 亚洲无码精彩视频在线观看| 91探花国产综合在线精品| 国产精品久线在线观看| 久久久久国产精品嫩草影院| 国产精品主播| 国产在线视频福利资源站| 亚洲AV永久无码精品古装片| 日韩在线2020专区| 免费在线色| 国产理论一区| 午夜少妇精品视频小电影| 无码人妻免费| 99热国产这里只有精品无卡顿"| 99在线视频免费观看| 欧美成人看片一区二区三区| 婷婷色婷婷| 欧美狠狠干| 青青青国产视频| 小蝌蚪亚洲精品国产| 欧美中文字幕在线视频| 欧美成人综合在线| 亚洲性色永久网址| 国产一区二区人大臿蕉香蕉| 天天操天天噜| 四虎永久在线精品影院| 国产一级无码不卡视频| 免费国产一级 片内射老| 97免费在线观看视频| 天天色天天综合| 久久99国产乱子伦精品免| 全色黄大色大片免费久久老太| 成年网址网站在线观看| 丝袜无码一区二区三区| 波多野结衣一区二区三区四区视频 | 欧美日韩亚洲国产主播第一区| 亚洲自拍另类| 亚洲高清在线天堂精品| 尤物国产在线| a在线观看免费| 巨熟乳波霸若妻中文观看免费 | 激情乱人伦| 成人av手机在线观看| 东京热高清无码精品| 国产男人天堂| 五月综合色婷婷| 中国一级特黄大片在线观看| 曰AV在线无码| 中文字幕在线观| 亚洲欧洲日韩综合| 日韩国产亚洲一区二区在线观看 | 欧美一级99在线观看国产| 男人的天堂久久精品激情| 欧美乱妇高清无乱码免费| 亚洲人成网站18禁动漫无码| 无码内射中文字幕岛国片| 欧美日韩久久综合| 色成人亚洲| 亚洲an第二区国产精品| 欧美精品亚洲精品日韩专区| 真实国产乱子伦高清| 91精品日韩人妻无码久久| 国产成在线观看免费视频 | 国产一级在线播放| 午夜无码一区二区三区| 日韩一区二区三免费高清| 色综合中文| 中文字幕av一区二区三区欲色| 爽爽影院十八禁在线观看| 中文字幕日韩久久综合影院| 色成人综合| 国产福利在线观看精品|