欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

2020-12-3    前端達人

還記得今年年初大家追捧的 新擬物化(Neumorphism)風格嘛?這種風格最初在社交媒體上風靡,很大程度上,來源于資深設計師 Michal Malewicz 的文章《Neumorphism in user interfaces》,這篇文章透過 Medium 平臺,開始在各個設計師社區當中發酵,隨后被不少平臺預測為 2020 年會逐漸流行的一種視覺設計風格。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

事實上,也確實有很多產品和 UI 界面跟進了這種設計風格。包括三星在內的很多品牌甚至會使用這種風格來制作宣傳視頻,油管主播 MKBHD 也在自己的視頻中使用到了這種風格:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

從美學價值上來說,新擬物化足夠現代,看起來也頗為時尚,科技感也很足,不過在在實際的應用上,新擬物化本身確實不算是一種系統全面的設計風格,因為在很多具體的 UI 元素上,是難以保證可用性和易用性的。

在需要體現出視覺縱深(Z軸方向的高程、高度)的地方,新擬物化的 UI 元素很難做到顯著,而這也使得用戶很難立刻馬上意識到「這是一個可交互的元素」:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

關于這一點,在彩云的這篇文章中有詳細的描述:

此外,彩云還梳理了新擬物化可以應用的范疇和場景,可以說非常貼心了。不過,這不是今天要說的重點。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

Michal Malewicz,對,就是去年年底讓我們注意到新擬物化風格的這個小哥,他又搞事情了:他在油管和 Medium 上又預測了可能會流行的新設計風格:Glassmorphism。

Glassmorphism 是什么?

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

顯而易見,Glassmorphism 這個詞是 Glass(玻璃)和 Skeumorphism(擬物化)的結合,我們姑且將其稱之為「玻璃擬物化設計」。

Malewicz 小哥對于這種風格特征歸結為4點:

簡單的來說,「玻璃擬物化」在某些方面和「新擬物化」是一脈相承的,但是它有著相對更加具體的視覺隱喻,也就是我們日常接觸的「玻璃」。

如果你和經常翻看 Dribbble 或者 Behance ,你會注意到有很多設計師在有意識地采用「玻璃擬物化」美學的設計。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

比如這是 Figma 團隊的設計師 Rogie 所設計的小圖標

大家著迷于這種風格到底原因何在?

Glassmorphism 的優點有哪些?

1、愉悅感

首先,當然是視覺愉悅感。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

設計師 Ghani Pradita 所設計的日歷應用

使用「玻璃擬物化」來設計的界面,由于毛玻璃的通透性,在有多個控件的情況下,呈現出一種獨特的「虛實結合」的美感。

2、層次感

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

Happy Tri Milliarta 設計的展示頁面

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

來自 Paperpillar 團隊的 Ghani Pradita 設計的 UI 控件

用戶可以很清晰地感知到多個不同的層次,看不清楚但是可以透過「玻璃」的「背景層」,創造朦朧效果的「玻璃層」,前景的UI控件,這已經比原有的 UI 界面多了一層,當然,實際上如果你用的巧妙,可以讓層次更多但是協調地存在。

3、呈現語境

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

這是設計師 Ilham Maulana 為 Plainthing Studio 團隊所設計的網頁

有些東西應該是不言自明的。比如「我在哪」「我是從哪里來的」這種事情,可以透過「玻璃」看到的背景層就能夠很好地暗示出此刻的位置。

4、微妙高級

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

設計師 Ghulam Rasool 設計的 UI 范例

經過「玻璃層」處理之后的背景顯得非常柔和,無論是動態還是靜態的都不會影響前景元素的呈現。同時,位于前景的文本、色彩、UI 控件依然可以保證良好的可讀性。

在設計中間的「玻璃層」的時候,可能需要你控制好這個「微妙」的程度。不過不論怎樣,這種呈現方式都非常的雅致,甚至有那么一絲「詩意」存在。

那么,這種設計風格到底是如何被塑造出來的?如果要追根溯源,「玻璃擬物化」到底是從哪里來的?

Glassmorphism 是從哪里來的?

老實說,玻璃擬物化,Glassmorphism,追根溯源還是在蘋果頭上。

我之前在《Mac 視覺史 vol.3:浴「水」重生的 Mac 視覺美學》這篇文章當中,曾詳細回顧了設計師 Cordell Ratzlaff 是在怎樣的背景之下,發掘并延展出了蘋果的整套 Aqua 視覺美學:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

而被我們稱之為「擬物化」的設計,則是在 Mac OS X 這套系統上經過長時間的沉淀,并且遷移到 iOS 之后,借由當時包括 Dribbble 在內設計師社區(應該還有人記得當年國內的 iconfans 吧?),逐步成為主流。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

這種對于光影的追求也促使老競爭對手微軟做出了改變,很難說幾年后微軟在Windows Vista 上所推行的「Aero」(光)視覺風格不是從「Aqua」上衍生出來的:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

而「Aero」這種視覺風格當中,就使用了非常引人矚目的玻璃的質感,只不過陰影的設計毫無疑問「參考學習」了同時期 Mac OS X 當中相對明顯的黑色投影。

只是這種設計風格經歷了 Windows 7 之后,一直在自家 MP3 播放器 Zune 上使用實驗性的設計得到了青睞,并逐漸普及到整個微軟系產品,甚至因此犧牲了同時期的社交手機產品 Kin:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

值得注意的是,在 Kin 系列的界面當中,「玻璃」式的半透明元素是存在的,并且很明顯是延續自「Aero」美學,只是受限于屏幕分辨率(320×240 px,320×480 px),很難呈現出更多細節。

隨后,Windows Phone 誕生,Windows 8 問世,包豪斯十足的 Metro 視覺風格成為微軟的選擇。

不過在此過程中,還有一些更重要的事情:Android 和 iOS 全面擁護扁平化設計。全新的 iOS 系統當中,全新的通知系統會使用半透明材質,用來暗示用戶當前所處的環境:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

這種對于毛玻璃材質的選擇,很大程度上和時任設計高級副總裁的喬納森艾維分不開——這是一個對于材質、場景、暗喻有著清晰認知和感知力的工業設計大師,而這一點也體現在他為 iOS 7 所制作的設計語言的介紹視頻當中。至于喬納森對于玻璃材質的迷戀我們可以回頭在聊。

值得一提的是,在 移動端 UI 界面當中,成體系地使用「玻璃」的隱喻,是從 iOS 7 開始的。但是 iOS 的設計美學是一個更加龐大的東西,真正的「文藝復興」應該是在 Windows 10。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

之所以說是文藝復興,很大程度上是因為微軟設計團隊在2016年的時候開始構建的 Fluent Design 這套設計美學體系,而它所使用的核心設計隱喻是「Acrylic」,也就是亞克力,是從「Aero」繼承而來。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

實際上,最初的 Windows 10 更多的是在設計體系和交互上花心思,「Acrylic」其實是在發布之后很久,大概2017 年的某次重要更新中加入的「新材質」。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

相比于 Windows Vista/7 時代的 「Aero」,「Acrylic」更加具體,量化,功能性更強,美學上更加優雅,而在具體的實施上,微軟的 Fluent Design 和如今的「玻璃擬物化」更加接近,而近年來很多接近「玻璃擬物化」的設計,也和這種設計美學架構近似。

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

微軟的 Fluent Design 當中,背景和前景之間的「Acrylic」層,其實是由5個部分構成:

當然,使用這么多手段這也是盡可能讓最終的色調盡可能地在前景的 UI 當中,顯得自然不突兀。如果你想了解更多,可以看這里:

雖然 Fluent Design 并沒有如同最初大家所期待的一樣,像 Material Design 或者蘋果的 HIG 那樣成為一種極為主流、廣泛應用的設計系統,但是它隨著 Windows 10 在世界范圍內的普及而始終潛移默化地影響著整個設計領域。

一方面,在的 Windows 10 20H2 版本當中,從開始菜單到具體的 UI 界面當中,徹底將 Windows 8 時代 Metro 風格去掉了,扎眼的動態磁貼都用上了 Fluent Design 風格的毛玻璃效果:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

另外一邊,的 macOS Big Sur 也在整個 UI 界面當中大規模使用了接近「玻璃擬物化」的半透明毛玻璃視覺效果,在系統自帶的 APP 當中尤其顯著:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

而值得一提的是,macOS Big Sur 和當下的 iOS 14 在視覺美學上也保持著高度的一致,尤其是在系統的設計美學邏輯上是統一的:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

這種主流操作系統的背書,「玻璃擬物化」的進一步推行和普及,無疑有著重要的影響。相比于看起來高級但是炫技多于實用性的「新擬物化」,「玻璃擬物化」這種風格在各大操作系統的踐行和驗證之下,實用性更強,視覺美學上也得到目前的操作系統的驗證。

Glassmorphism 有哪些設計要點?

相比于 iOS 14,macOS Big Sur 和 Windows 10 20H2,我們此刻所討論的「玻璃擬物化」在視覺效果上無疑是更加激進、強化的。

設計師 Malewicz 在他的文章當中對于這種設計風格有一個非常直觀的總結:

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!
藍藍設計www.ocunn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.ocunn.cn

存檔

国产日韩在线看片| 免费成人av| 久久精品国产亚洲5555| 色婷婷热久久| 久久婷婷久久| 99久久精品情趣| 一区二区三区四区五区视频在线观看| 日韩欧美在线免费| 亚洲大尺度美女在线| 久久国内精品一国内精品| 日本道色综合久久影院| 国产福利一区二区三区在线观看| 日韩三级电影| 日韩av资源在线| 亚洲图片欧美另类| 青娱乐av在线| 国产女同91疯狂高潮互磨| 亚洲啪啪aⅴ一区二区三区9色| yw在线观看| 久久xxx视频| 精品高清在线| 老司机午夜精品| 亚洲欧洲日韩av| 欧美久久一区二区| www亚洲精品| 成人美女免费网站视频| 亚洲精品国产一区| 亚洲精品视频三区| 久久精品一区二区三区四区五区| 在线视频免费观看一区| 国产69久久| 韩国理伦片久久电影网| 97精品97| 成人教育av在线| 欧美日韩美女视频| 亚洲午夜小视频| 国产日韩欧美一二三区| 日韩第一页在线观看| 日韩av影视大全| 久久久久亚洲av成人片| 天天操天天干天天操| 成人影音在线| 欧美日韩精品在线一区| 国产乱码一区二区三区| 天天色天天爱天天射综合| 亚洲精品国产拍免费91在线| 欧美最近摘花xxxx摘花| 亚洲欧洲久久| 一边摸一边做爽的视频17国产 | 激情婷婷亚洲| 久久久久久久久久久久久久久99 | 受虐m奴xxx在线观看| 中文字幕乱码一区二区| 秋霞a级毛片在线看| 成人台湾亚洲精品一区二区| 老司机午夜精品视频在线观看| 国产精品久久久久桃色tv| 欧美成人女星排名| 国产精品视频一区二区高潮| 欧美另类videos| 欧美老熟妇乱大交xxxxx| 中文字幕在线网站| av在线中出| 欧美在线免费| 国产精品免费视频一区| 日韩麻豆第一页| 国产精品av一区| 日本黄大片一区二区三区| 强行糟蹋人妻hd中文| 色视频免费在线观看| 久久国产精品美女| 蜜臀av一区二区在线免费观看| 亚洲国产精品一区二区www在线| 在线成人一区二区| 欧美日韩精品久久| 六十路息与子猛烈交尾| 国产sm主人调教女m视频| 韩国精品一区| 亚洲激精日韩激精欧美精品| 亚洲美女视频在线观看| 中日韩美女免费视频网址在线观看| 高清国语自产拍免费一区二区三区| 日本成人在线免费视频| 欧美日韩精品区| 国产成人无吗| 中文字幕免费一区二区| 国产精品久久久久久福利一牛影视| 日韩激情视频在线播放| 国产欧美韩日| 久久久久亚洲无码| 色呦呦视频在线| 日韩一区二区三区色| 久久电影网电视剧免费观看| 欧美在线观看一二区| 国产精品成人一区| 色一情一区二区三区| 亚洲国产无线乱码在线观看| 亚洲天堂手机| 人人精品人人爱| 欧美精品丝袜中出| 亚洲综合色av| 国内精品免费视频| 欧美成人明星100排名| 国产成人福利av| 久久午夜国产精品| 日日骚久久av| 成人免费看片'免费看| 国产精品9191| 激情黄产视频在线免费观看| 天堂久久久久va久久久久| 欧美在线观看视频在线| 91免费看片在线| 成年女人免费视频| 在线免费观看av网站| 中文字幕中文字幕精品| 中文av字幕一区| 欧美成人激情在线| 人妻精品无码一区二区三区 | 综合五月婷婷| 欧美日韩国产色视频| 国产精品久久久久久久久久尿| 亚洲一区二区在线视频观看| www.成人精品| 网友自拍一区| 亚洲天堂免费看| 2021国产精品视频| 中文字幕成人在线视频| 亚洲国产综合网| 日韩有码一区| 亚洲精选一二三| 国产福利视频一区| 白嫩情侣偷拍呻吟刺激 | 97人妻精品一区二区免费| av网站无病毒在线| 一本色道精品久久一区二区三区| 欧美日韩一区在线| 久久影视中文粉嫩av| 日韩影院一区二区| 欧美性xxx| 暴力调教一区二区三区| 久久这里有精品| 999在线免费视频| 亚洲av成人无码久久精品老人 | 99国产精品| 日韩视频在线你懂得| 亚州欧美一区三区三区在线| 日韩欧美三级在线观看| 四虎精品在线观看| 日本一区二区三区高清不卡| 91精品国产色综合久久不卡98口| 中文字幕第10页| 深夜福利在线视频| 99精品国产在热久久| 日韩免费在线观看| 日韩久久久久久久久久久久| 国产精品国产精品国产专区| 乱亲女h秽乱长久久久| 亚洲狠狠爱一区二区三区| 成人午夜两性视频| 国产精品嫩草影院俄罗斯 | 亚洲国产黄色片| 日本a在线免费观看| 成人毛片视频免费看| 欧美freesextv| 欧美日韩国产片| 国产对白在线播放| 99热精品在线播放| 久久密一区二区三区| 欧美亚洲一区二区在线观看| 日本一区网站| 国产乱叫456在线| 国产精品国产三级国产在线观看 | 第一福利在线| 久久av资源网| 九九视频直播综合网| 特种兵之深入敌后| 2024最新电影在线免费观看| 风间由美一区二区三区在线观看| 欧美激情2020午夜免费观看| 人妻互换一二三区激情视频| 国产精品刘玥久久一区| 国产精品一区二区无线| 97涩涩爰在线观看亚洲| 韩国三级hd中文字幕| 日韩伦理在线一区| 国产精品久久看| 国产99在线免费| 国产午夜无码视频在线观看| 女人av一区| 欧美成人一区二区三区在线观看| 国产美女网站在线观看| 污视频在线观看网站| 蜜桃视频一区二区三区| 久久99精品久久久久久噜噜| v8888av| 久久婷婷五月综合色丁香| 亚洲精品成人少妇| 欧美日韩另类丝袜其他| 精品人妻一区二区三区三区四区 | 精品亚洲一区二区三区在线播放| 精品少妇无遮挡毛片| 欧美13一16娇小xxxx| 成人自拍视频在线观看| 国产成人精品在线观看| 久久久久久蜜桃| 久久不见久久见免费视频7| 欧美一级二级三级蜜桃| 久草综合在线观看| 在线免费av导航| 国产精品福利一区| 日本一区二区高清视频| 亚洲女同志亚洲女同女播放| 老**午夜毛片一区二区三区| 欧美激情视频一区| 成人一级黄色大片| 羞羞答答一区二区| 精品国产乱子伦一区| 麻豆三级在线观看| 成人影音在线| 亚洲精品成人悠悠色影视| 亚洲免费不卡| 色视频在线看| 97se亚洲国产综合自在线不卡| 亚洲一区二区中文字幕| 国产又粗又猛又爽又黄的| 久久国产精品亚洲77777| 国产做受高潮69| 久久一二三四区| 日本一区二区在线看| 正在播放欧美视频| 99精品中文字幕| 九九综合在线| 一区二区在线视频播放| 色欲狠狠躁天天躁无码中文字幕| 国产精品2023| 精品亚洲一区二区三区在线观看| 国产精品无码毛片| 里番精品3d一二三区| 亚洲精品美女在线观看| 无码人妻aⅴ一区二区三区| 视频成人永久免费视频| 欧美成人三级在线| 最近日本中文字幕| 精品欧美午夜寂寞影院| 亚洲国产成人久久综合一区| 中文字幕在线观看的网站| 欧美大片网址| 亚洲欧洲av一区二区| 日韩av片在线| 日韩在线综合| 色在人av网站天堂精品| 国产成人啪精品午夜在线观看| 亚洲欧美在线专区| 668精品在线视频| 最近中文字幕av| 六月婷婷色综合| 国产精品久久久久久久小唯西川| 天天干,夜夜爽| 久久综合狠狠综合久久综合88| 日韩高清国产精品| 91网在线播放| 亚洲影视在线播放| 97公开免费视频| 国产电影一区二区| 亚洲国产精品悠悠久久琪琪| 人妻一区二区视频| 日韩黄色大片| 9.1国产丝袜在线观看| 亚洲天堂777| 国产成人免费视频网站| 日韩精品久久久| 黄色成人影院| 色狠狠色噜噜噜综合网| 亚洲av毛片在线观看| 美女视频免费精品| www.日韩免费| 少妇高潮av久久久久久| 麻豆成人综合网| 欧美日韩精品一区| caopo在线| 欧美日韩中文字幕一区二区| 亚洲香蕉中文网| 成人亚洲一区| 欧美在线观看日本一区| 国内精品国产成人国产三级| 不卡电影一区二区三区| 中文字幕一区二区三区在线乱码 | 免费在线毛片网站| 色香蕉成人二区免费| 久久久久无码国产精品一区李宗瑞| 日韩欧美国产大片| 国模gogo一区二区大胆私拍| 国产又粗又大又爽| 国产午夜精品久久久久久免费视| 青草网在线观看| 久久久久久一区二区三区四区别墅| 精品爽片免费看久久| 国产无遮挡又黄又爽| 激情欧美日韩一区二区| 视频二区一区| 亚洲欧美一区二区三区| 亚洲成人激情在线观看| 国产一级免费观看| 国产麻豆成人传媒免费观看| 手机成人av在线| a屁视频一区二区三区四区| 国产亚洲精品va在线观看| 亚洲天堂视频网站| 丁香激情综合国产| 国产无限制自拍| 麻豆一二三区精品蜜桃| 欧美大片在线免费观看| 性一交一乱一透一a级| 亚洲三级电影网站| 蜜桃视频无码区在线观看| 日产精品一区二区| 成人精品一区二区三区| 999国产在线视频| 欧美二区三区的天堂| 欧美日韩精品在线观看视频| 久久99精品视频| 8x8x华人在线| 一区二区三区免费在线看| 久久久久久久久久国产| а√最新版地址在线天堂| 亚洲国产精品久久久男人的天堂| 国产伦精品一区二区免费| 亚洲欧洲视频| 色一情一区二区三区四区| 69堂精品视频在线播放| 久久久www成人免费精品张筱雨| 亚洲第一天堂网| 亚洲午夜三级在线| 色一情一交一乱一区二区三区| 翔田千里一区二区| 亚洲三区视频| 99精品国产九九国产精品| 欧美大片欧美激情性色a∨久久| 午夜在线观看视频18| 欧美午夜无遮挡| 五月天av网站| 成人动漫一区二区| 91女神在线观看| 国一区二区在线观看| 日韩精品欧美专区| 高清久久精品| 国产精品久久久久秋霞鲁丝| 麻豆网站在线看| 亚洲深夜福利视频| 国产成人手机在线| 91激情五月电影| 久久精品视频国产| 国产视频视频一区| 亚洲欧美日本一区| 男女激情视频一区| 久久综合色视频| 青青草国产成人a∨下载安卓| 国产一区在线观| 日本午夜精品久久久久| 欧美在线视频一区二区| 国产二区三区在线| 精品国产欧美成人夜夜嗨| 亚洲图片欧美| 精品国产3级a| 亚洲国产福利视频| 欧美猛男超大videosgay| 国产黄色免费视频| 亚洲大片一区二区三区| 青青草手机视频在线观看| 久久久久久久免费视频了| 中文字幕在线视频播放| 国产精品一区二区三区乱码| 一本色道久久亚洲综合精品蜜桃| 欧美视频一区| 日韩a级在线观看| 希岛爱理一区二区三区| 在线看无码的免费网站| 男男gay无套免费视频欧美| 国内精品二区| 亚洲一区二区三区在线免费 | 国产第一页视频| 亚洲精选国产| 久久亚洲中文字幕无码| 亚洲国产精品成人| 特级西西444| 亚洲精品电影| 成人在线观看毛片| 午夜精品视频一区二区三区在线看| 亚洲欧洲精品在线| 成人羞羞视频播放网站| 中文字幕久久一区| 99视频精品视频高清免费| 九九久久九九久久| 综合视频在线| 久久这里只有精品23| 一区二区三区高清视频在线观看| 亚洲中文字幕无码专区| 一区二区三区国产在线| 黄色国产精品视频| 久久最新视频|