92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

玻璃態射是新擬物風格的“進化”?

2022-5-21    純純

玻璃擬物風格誕生


UI圈兒刮起了一股勢頭猛勁的新擬物風(Neumorphism),起因是烏克蘭設計師亞歷山大·普盧托 (Alexander Plyuto) 在 Dribble 平臺發布了一張應用了新擬物風格的UI作品,便引發了圈內的激烈討論,更一直占據著當時的熱點榜首。此風格出現后,也給流行的扁平化設計添加了新的展現形式。


普盧托的《Skeuomorph Mobile Banking》,在Dribble獲得了3000多次喜歡


也有一些非常著名的品牌公司在設計上結合了新擬物風格,像三星召開的Galaxy Unpacked活動、MKBHD的介紹視頻等,效果都很出彩。當趨勢熱潮退去,新擬物風格并沒有像一部分評論者堅持的那樣,“洗牌”式地接管整個設計圈。


三星 Galaxy Unpacked 活動


MKBHD在2020年的簡介中使用了這種風格


如何定義Glassmorphism?


復習結束回歸正題,我們看到現今又出現了一種新樣式—Glassmorphism,字面上由玻璃(glass)和擬物化(skeumorphism)組成,叫法頗多:玻璃擬態、玻璃擬物化設計、玻璃擬物風格,其實意思都對,它比新擬物風格更直觀清晰。那么,玻璃擬物風格最具有定義性的特征是什么呢?一起來看:


-透明度,使用背景模糊的磨砂玻璃效果;

-物體漂浮,畫面中有多個漂浮層級;

-鮮艷的色彩,在磨砂玻璃后更突出整體效果;

-淺色邊框,應用在半透明物體上襯托質感。



玻璃擬物風格特征顯著,用戶也能快速確定界面的層次結構和深度。畫面中清晰顯著的則是最迫切想要表達的重點,非常好辨認。



在Drrible的#Glassmorphism#下,大家已經紛紛提交自己的作品了,也讓辭典醬發現了一些它獨有的「魅力」:


-顏色明艷、歡快,視覺上帶來一定的刺激性;


Music Player Apps by Adhiari Subekti


glassmorphism redesign by Frédéric Musso


-icon虛實結合,營造出了一種「小而精」的質感;


MEDIACRAFT ICONS  by Ayo Kid


Glassmorphism Iconography by Hemanth Ravi


-邊緣細框,模擬玻璃,帶來微妙的「高級感」。


Procreate app icon redesign by Zhenia ievgen


Coffee Shop App by Saud Ali


Glassmorphism的由來


說到由來,那么蘋果帶來的影響力毋庸置疑。蘋果早期的設計系統為擬物風格,從2013年推出的iOS 7開始,系統風格進行了全新嘗試,背景模糊也是從那時起進入大眾視線,雖然人們褒貶不一,但使用過的用戶還是很買賬的。



與蘋果互為對手的微軟也推出了這種類似于毛玻璃質感的Vista系統,但距離真正的玻璃擬物還有一段路程要走。



最新的macOS Big Sur 和 iOS 14系統都已經使用了偏向玻璃擬物化的半透明效果。



通知欄的彈出變成了一件有趣的事,你可以清楚地看到新面板下的圖標是如何彈出和消失的。



微軟的Fluent設計系統也很重視這種效果,他們稱此特殊元素稱為「亞克力」,并將其作為設計系統中不可分割的一部分。


Microsoft Fluent設計系統


Glassmorphism的實現


-基本原則

實現玻璃擬物效果需要注意的是,與任何基于卡片的布局一樣——物體離我們越近,它吸引的光就越多,也就意味著它會變更加透明,反之亦然。



它依靠3個基礎元素來實現,分別是陰影、透明度和背景模糊。還可以使用一個或多個透明層,假設在一個顏色相對復雜的彩色背景中應用,那么至少加兩個半的透明層級,要展示的文字或圖標的可見性才會最大最突出。


-透明度設置

不要設置對象的透明度,而是調整填充透明度。下圖示例中,兩種不透明度的數值調整,得到了完全不同的視覺感受。



-背景選擇

背景在玻璃擬物效果中至關重要,太單調會導致完全不出效果。這可能就是Apple選擇彩色背景作為MacOS Big Sur默認壁紙的原因,背景圖片的色調差異大,玻璃擬物的效果越強烈。



-細微邊框

別小看了這1px的細微邊框,它模擬了玻璃的邊緣,將其單獨設置透明度,就能讓形狀從背景中脫穎而出。


半透明邊框圖形(左)vs 無邊框圖像(右)


-可訪問性

建立一個良性的層次結構同樣重要,和新擬物類似,它們都不是Material Design被廣大用戶熟知與接受的呈現形式,裝飾味道會相對濃郁。所以設計師在應用前,最好能確?!睾透鲗蛹壴跊]有花哨背景加持下,一樣能被用戶以及視力障礙人群輕松識別理解。



下圖就是一個很好的例子,卡片具有清晰的結構,即使完全去除玻璃背景。它也能正常使用。



作為人類,我們很容易對各種趨勢感到厭倦,所以每隔一段時間就會迸發出新的靈感與創意。但作為設計師,我們需要探索所有可能創新產品的方式。在當下,玻璃擬物的應用的確會使產品看起來更好,對用戶更具吸引力。

 

原文地址:站酷
作者:UI辭典

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

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

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

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

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
成人综合一区| 国产精品久久久一区| 亚洲成人a**址| 老司机精品视频网站| 搞黄网站在线看| 蜜臀av一区二区在线观看| 亚洲黄色三级| eeuss影院在线观看| 日韩三级一区| 日本中文字幕中出在线| 亚洲免费福利视频| 国产精品高颜值在线观看| 1024精品合集| 日韩成人在线电影网| 国产精品电影久久久久电影网| 欧美日韩激情电影| 亚洲精品社区| 欧美日韩三级| 日本一区二区视频在线观看| 亚洲国产另类久久精品| 久久只有精品| 欧美黄网免费在线观看| h视频网站在线观看| 精品第一国产综合精品aⅴ| 免费毛片一区二区三区久久久| 亚洲免费高清| 亚洲视频在线观看免费| 999久久久| 国产精品嫩草影院久久久| 日韩在线免费| 91po在线观看91精品国产性色| 久久精品人人做人人爽97| 亚洲人成伊人成综合网久久久| 快播电影网址老女人久久| 6080yy精品一区二区三区| 国产69久久精品成人| av片在线观看免费| 亚洲第一在线综合网站| 韩国三级日本三级少妇99| av免费在线观看网址| 综合色一区二区| 亚洲欧美日本另类| 日韩中文字幕网| 欧美剧在线观看| 综合婷婷亚洲小说| 国产日韩欧美三区| 一本久道中文字幕精品亚洲嫩| 欧美在线影院| 欧美三级免费观看| 国产精品7m凸凹视频分类| 国产福利91精品一区二区三区| 日韩精品三级| 亚洲欧美日韩在线综合| 中文文精品字幕一区二区| 国产精品99久久久久久似苏梦涵| 日韩一区二区在线播放| av日韩电影| 欧美黑人极品猛少妇色xxxxx| 久久精品一区八戒影视| 日韩美女一区二区三区| 中文字幕乱码在线播放| 国产精品第10页| 午夜精品福利一区二区三区av| 一本大道久久a久久综合婷婷| 亚洲第一精品影视| 欧美成人一区在线| 伊人夜夜躁av伊人久久| 亚洲黄页在线观看| 精品国产乱码久久| 91一区二区三区在线播放| 亚洲二区中文字幕| 不卡av一区二区| 欧洲亚洲视频| 久久久精品黄色| sdde在线播放一区二区| 91在线观看污| 免费**毛片在线| 日韩伦理一区二区三区av在线| 美女国内精品自产拍在线播放| 国产欧美日韩在线一区二区| 91大神在线网站| 97超碰国产一区二区三区| 欧美专区中文字幕| 美女精品网站| 男人操女人的视频在线观看欧美| 久久丁香四色| 国产精一区二区三区| 91精品国产91综合久久蜜臀| 日韩高清一区在线| **日韩最新| 免费久久99精品国产自| 手机成人在线| 欧美日本啪啪无遮挡网站| 日本精品久久久久久久| 538在线精品| 9999热视频在线观看| 国产精品第1页| 亚洲免费在线| 国产精品视频网址| 日本伊人久久| 亚洲精品一品区二品区三品区| 五月综合激情| 久久精品欧美视频| 免费网站在线观看人| 美女精品在线观看| 欧美日韩精品久久久免费观看| 午夜在线小视频| 樱桃视频在线观看一区| 91精品久久久久久久久中文字幕| 国产精品日韩一区二区三区| 国产欧美精品一区二区色综合| 岛国在线视频免费看| 久久成人精品视频| 久久久久久久爱| 欧洲一区二区三区精品| 蜜桃一区二区三区在线观看| 国产剧情一区二区在线观看| caoporn97在线视频| 国产亚洲一区二区三区在线播放| 亚洲网站在线看| 欧洲美女少妇精品| 亚洲视频大全| 日韩高清一级| 久久婷婷亚洲| 91美女福利视频| 亚洲成av人**亚洲成av**| 69久久夜色精品国产69| 日本一二三四高清不卡| 永久免费精品视频| 国产日韩v精品一区二区| 日本午夜精品久久久久| 亚洲精品欧美极品| 一区二区三区在线观看视频| 亚洲视频精品| 欧美精品在线一区二区| 国产日韩久久| 欧美极品在线播放| 国产精品黄色av| 成人黄色片视频网站| 亚洲美女av在线播放| 欧美一区视频| 在线不卡欧美精品一区二区三区| 91美女在线观看| 黑人另类精品××××性爽| 4438x亚洲最大成人网| 国产一区二区高清视频| 欧美老女人在线视频| 国产欧美日韩伦理| 久久久噜噜噜久久久| 日韩欧美卡一卡二| 日韩欧美精品一区二区| 久久久久久亚洲精品中文字幕| 久操成人av| 午夜羞羞小视频在线观看| 色妞www精品视频| 国产午夜精品美女毛片视频| 久久精品毛片| 国产区精品视频在线观看豆花| 999国产精品视频| 免费一级欧美片在线观看| 色婷婷一区二区三区| 成人激情视频网| 国产探花一区二区| av在线播放一区二区|