chinesefreesexvideos高潮,欧美极品少妇性运交,久久久国产一区二区三区,99久久婷婷国产综合精品,成人国产一区二区三区

APP推廣合作
聯(lián)系“鳥哥筆記小喬”
設計新趨勢「玻璃擬態(tài)」到底是什么?如何制作實現(xiàn)該效果?
2020-12-01 13:39:27
點擊 "TCC翻譯情報局關注,回復 "社群" 加入我們


本文共 3945 字,預計閱讀 10 分鐘
TCC 情報局的 第 7 篇 翻譯
2020 年的 第 7 篇



TCC 推薦:大家好,我是聿彤,設計趨勢總是處于不斷的變化當中,近幾年擬物風格又以新的形式 -- 新擬態(tài)回歸大眾視野,蘋果發(fā)布了 MacOS Big Sur 操作系統(tǒng),整體風格應用了新擬態(tài)的設計思路,采用了 3D 質(zhì)感的元素設計。其中還包含了運用陰影、透明度以及背景模糊手法模仿玻璃形態(tài),構(gòu)建空間感的新興擬物態(tài)風格,本文作者 Michal Malewicz 稱之為 Glassmorphism(玻璃擬態(tài)),在文章中講述了其發(fā)展歷史和風格特征,通過圖文和視頻結(jié)合和形式說明了設計實現(xiàn)的思路和自己對待新風格的態(tài)度。



去年,新擬態(tài)(Neumorphism) 掀起了一陣熱潮,正如我當時預測的那樣,它并沒有真正占據(jù)主流設計市場。我曾經(jīng)提出過,新擬態(tài)應用在實際線上產(chǎn)品中時,可能會出現(xiàn) 可訪問性 問題(用戶的可閱讀和可理解性),希望這篇文章對遇到類似問題的項目有所幫助。

這種風格通常被使用在需要視覺效果的宣傳物料中,比如三星的廣告和 MKBHD 的介紹視頻。即使是實際產(chǎn)品,它也沒有被完整的使用在整套應用程序上,而是在局部元素中。這證明了我的論點,這種風格可以使用,但是僅限于少量元素的點綴,如果產(chǎn)品內(nèi)容在沒有視覺修飾時仍然可以保持清晰的信息結(jié)構(gòu)和可讀性,就可以使用這種風格。

MKBHD 在 2020 的產(chǎn)品介紹中使用了新擬態(tài)風格


你好,玻璃擬態(tài)
Hello,Glassmorphism

玻璃擬態(tài)是目前市面上的新風格,越來越受歡迎。新擬態(tài)(Neumorphism)模仿了受到擠壓的塑料材質(zhì)(凹凸質(zhì)感,凸顯層次感),這個新的視覺風格更加注重垂直空間 z 軸的使用。它最典型的特征是:

  • 透明度(使用背景模糊的磨砂玻璃效果)
  • 物體漂浮在空間中,通過前后關系表現(xiàn)層次感
  • 鮮艷的色彩突出了模糊的透明度
  • 半透明物體邊緣的微妙處理,采用細膩的邊框表現(xiàn)玻璃質(zhì)感

這些注重空間感的典型特征,意味這種風格有助于用戶建立界面的層次結(jié)構(gòu)和深度。用戶可以看到物體間的層次關系,哪一層在哪一層之上,就像物理空間中真實的玻璃一樣。

因為它看起來像玻璃,我相信最好的叫法是:
 「玻璃擬態(tài)」Glassmorphism 



玻璃擬態(tài)的歷史
History

背景模糊的視覺表現(xiàn)方式在 2013 年 iOS 7 系統(tǒng)中首次被廣泛引入。這是一個非常重大的變化,但由于當時正處于擬物態(tài)快速切換到扁平化的階段,所有的爭議焦點圍繞著無襯線字體和扁平化圖標的變革。背景模糊并沒有受到影響,反而人們似乎很喜歡它。

iOS 7 和 Windows Vista 中的背景模糊效果

下拉通知這個操作的創(chuàng)新,很快就變成了一件有趣的事情,你可以清楚地看到(當你慢慢地下拉通知時)新面板下的圖標是如何淡出和模糊的。


流行趨勢不斷加強
Strengthening the trend

隨著時間推移,蘋果在他們的移動操作系統(tǒng)中大大減少了模糊的玻璃效果,但是最近在 MacOS Big Sur 中又增加了透明模糊的質(zhì)感。觀察這個窗口,看看背景照片被窗口遮擋的部分是如何表現(xiàn)隱約透明的玻璃質(zhì)感的。我把窗口放在桌面中央,突出了背景模糊效果最明顯的地方。
當然,如果你不喜歡這個風格的話,可以在系統(tǒng)設置中完全關閉這種效果。

MacOS Big Sur 中可以設置背景模糊效果

微軟的 Fluent 設計系統(tǒng)也非常注重這一效果。他們稱這種特殊的元素為 “亞克力”,并將其作為設計系統(tǒng)的組成部分之一。

微軟 Fluent 設計系統(tǒng)
亞克力是一種可以產(chǎn)生半透明質(zhì)感的畫筆。你可以將亞克力質(zhì)感應用于界面設計來增加深度感,從而增加整體的視覺層次。
-- Microsoft Fluent Design System


Dribbble 上的案例分析
Dribbble analysis

與其他的 UI 趨勢一樣,一旦流行起來,便會在 Dribbble 出現(xiàn)大量的相關作品。玻璃擬態(tài)現(xiàn)在才慢慢的開始,已經(jīng)有一些漂亮的案例了。當然,這些案例看起來確實都很不錯,但是并不好應用于上線產(chǎn)品,在實際的手機屏幕上,它們很難這樣去覆蓋背景,因為手機上的應用程序都是全屏的。

Ghani Pradita 的智能日歷 APP

上面這個案例還具備一些可讀性,它明顯是玻璃擬態(tài)風格的作品,具備玻璃質(zhì)感的特征:背景模糊,但仍然可見,透明層具有一點半透明的白色輪廓,用來模擬玻璃的邊緣。

Ghulam Rasool 設計的玻璃擬態(tài)風格網(wǎng)頁

就像新擬態(tài)一樣,當它只在一個元素上使用時,很容易達到較好的視覺效果,這種風格會特別亮眼,整體干凈、明亮,就像 Ghani Pradita 作品中的 APP 背景一樣。在這個案例中,你還可以想象桌面 web 界面在背景上使用玻璃質(zhì)感的效果。
Marshall 設計的玻璃擬態(tài)風格圖標

圖標使用玻璃擬態(tài)的風格設計可能有些爭議,就像上圖的例子一樣。

觀察 Dribbble,玻璃擬態(tài)的設計現(xiàn)在都位于在 #玻璃(#glass 標簽下,但是我認為使用 #玻璃擬態(tài)(#Glassmorphism)作為標簽更合適。玻璃是一種材質(zhì),這個標簽下可能包含非常多樣的內(nèi)容,例如玻璃杯、窗子、茶幾,如果使用 #玻璃 標簽去查找玻璃擬態(tài)風格的設計作品,會非常困難,所以我認為這種風格值得擁有一個更容易識別的名字。


怎樣制作玻璃擬態(tài)
Now to achieve this effect

效果本身是很容易實現(xiàn)的,但是需要考慮兩點:
1)和任何基于卡片的布局一樣,物體離我們越近,它吸引的光就越多。在這種情況下,意味著它會更透明一些。
2)整個效果的基礎是陰影、透明度和背景模糊的組合。這種風格可以使用一個透明層,也可以使用多個透明層,但多個透明層疊加在復雜彩色背景上的效果會更好。(當至少兩個透明層出現(xiàn)在一個相當復雜的彩色背景上時,玻璃擬態(tài)的效果是最突出的)

透明玻璃擬態(tài)卡片疊加的效果

1、如何設置正確的透明度
重要的是要記住,你不能讓整個形狀透明,需要調(diào)整填充的透明度來達到透明效果。如果不調(diào)整填充的透明度,僅僅是調(diào)整整個對象的透明度,就不會產(chǎn)生背景模糊的效果。

使用填充的效果制作玻璃擬態(tài)質(zhì)感

在上面的例子中,背景模糊值完全相同,但圓形圖像的疊加效果看起來完全不同。當填充不透明度為 100% 時,對象的透明度再低也沒有用,根本無法得到想要的模糊效果。

2、如何選擇合適的背景
背景在這個效果中扮演著重要的角色。不能太簡單或太單調(diào),否則效果就看不出來,但也不能太復雜。
復雜的背景有助于玻璃形態(tài)的展現(xiàn)

這可能就是蘋果選擇了彩色背景作為 MacOS Big Sur 默認壁紙的原因。當模糊的透明層位于背景之上時,那些容易辨別的色調(diào)差異也很容易被看到。
當選擇背景時,要確保有足夠的色調(diào)差異,使玻璃效果可以被看到。

3、最后的細節(jié)
最后,你可以嘗試為透明層添加一個帶有透明度的 1px 內(nèi)邊框。它模擬了玻璃的邊緣,可以使形狀從背景中更加突出。雖然模糊背景這種風格已經(jīng)存在很多年了,但它現(xiàn)在越來越流行,因此,還有很多酷炫的、有創(chuàng)意的效果可以去探索。

左側(cè)圖像有半透明的邊框;右側(cè)圖像沒有邊框

你也可以觀看我制作的簡易教程:如何在 Sketch 和 Figma 中制作玻璃擬態(tài)。


可訪問性
Accessibility

就像新擬態(tài)一樣,這種樣式可能不像默認的 Material Design 那樣易于使用。新擬態(tài)的主要應用前提也適用于玻璃擬態(tài) —— 具備良好的功能層次結(jié)構(gòu),界面元素在沒有視覺風格修飾的情況下依然具備可訪問性。這將確保視力障礙的人仍然能夠理解 UI,無障礙使用產(chǎn)品。

這是和新擬態(tài)一樣的反面案例,它在屏幕上過度的使用模糊效果。這樣做會使整個 UI 對某些用戶來說幾乎無法訪問,同時也會使它變得無聊和陳舊。

只有當這些透明效果純粹是裝飾,而不是體驗的一部分時,才會發(fā)生這種情況。應該避免使用它們作為按鈕或開關(這些重要的界面元素應該具備高對比度,更加清晰明確),但你可以使用這些視覺效果修飾卡片背景。

要確??ㄆ瑑?nèi)部有足夠的對比度和正確的間距來定義層次結(jié)構(gòu),并在視覺上 “分組” 所有相關的對象。

這是一個正面案例,這張卡片有明確的結(jié)構(gòu),即使玻璃擬態(tài)效果被完全刪除,內(nèi)容也可以正常使用。這只是一個簡單的示例,色彩對比度還可以改善。


2021 年的玻璃擬態(tài)
Glassmorphism 2021

蘋果公司將玻璃擬態(tài)的風格引入了 Big Sur,可以預見在未來幾個月里這種風格肯定會被大家模仿。它可能不會應用到大量的線上產(chǎn)品中,但是會比現(xiàn)在更火一些。

作為人類,我們很容易厭倦一種趨勢,每隔幾年就會轉(zhuǎn)向另一種風格。一段時間內(nèi),我們使用了極簡、近乎扁平的界面,但之后界面又會變得更豐富、更立體、更具有層次感。

作為設計師,我們需要探索開發(fā)產(chǎn)品的所有潛力和創(chuàng)造性方法。在某些情況下,適量使用 “玻璃” 效果實際上會使產(chǎn)品看起來更好,對用戶更有吸引力。


雖然我喜歡干凈整潔,且具有超高對比度的黑白界面,但還是很興奮地嘗試制作了這種風格,看看它會帶給我什么驚喜。

因為最終,設計應該是有趣的,這是我們探索新道路、享受過程,并交付真正與眾不同的東西的唯一途徑。


原文:https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9
作者:Michal Malewicz
譯者:張聿彤
本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)


往期精選文章:

設計系統(tǒng)從 Sketch 遷移到 Figma 會遇到哪些問題?一起來看國外設計團隊的實踐經(jīng)驗

Figma vs. Adobe XD:下一代設計工具,何必是Sketch

Don Norman設計原則的實踐與深化

幫助產(chǎn)品帶來增長的 16 個 UX/UI 設計小技巧

經(jīng)驗丨設計師走向設計管理之路的7個要點




- 設計師自習社區(qū) -
TCC 翻譯情報局歡迎小伙伴加入,一起交流設計知識,了解全球設計資訊,鍛煉英文能力,發(fā)掘更多可能性~
添加小助手微信,備注「社群」,即可加入讀者群。
TCC翻譯情報局
分享到朋友圈
收藏
收藏
評分

綜合評分:

我的評分
Xinstall 15天會員特權(quán)
Xinstall是專業(yè)的數(shù)據(jù)分析服務商,幫企業(yè)追蹤渠道安裝來源、裂變拉新統(tǒng)計、廣告流量指導等,廣泛應用于廣告效果統(tǒng)計、APP地推與CPS/CPA歸屬統(tǒng)計等方面。
20羽毛
立即兌換
一書一課30天會員體驗卡
領30天VIP會員,110+門職場大課,250+本精讀好書免費學!助你提升職場力!
20羽毛
立即兌換
順豐同城急送全國通用20元優(yōu)惠券
順豐同城急送是順豐推出的平均1小時送全城的即時快送服務,專業(yè)安全,準時送達!
30羽毛
立即兌換
TCC翻譯情報局
TCC翻譯情報局
發(fā)表文章100
連接知識,了解全球精選設計干貨
確認要消耗 羽毛購買
設計新趨勢「玻璃擬態(tài)」到底是什么?如何制作實現(xiàn)該效果?嗎?
考慮一下
很遺憾,羽毛不足
我知道了

我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評論自律管理,為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍,我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容,同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡信息。


一、根據(jù)《網(wǎng)絡信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī),對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
    1)反對憲法所確定的基本原則;
    2)危害國家安全,泄露國家秘密,顛覆國家政權(quán),破壞國家統(tǒng)一,損害國家榮譽和利益;
    3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽;
    4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動;
    5)煽動民族仇恨、民族歧視,破壞民族團結(jié);
    6)破壞國家宗教政策,宣揚邪教和封建迷信;
    7)散布謠言,擾亂社會秩序,破壞社會穩(wěn)定;
    8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
    9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序;
    10)侮辱或者誹謗他人,侵害他人名譽、隱私和其他合法權(quán)益;
    11)通過網(wǎng)絡以文字、圖片、音視頻等形式,對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法規(guī)禁止的其他內(nèi)容;


2. 不友善:不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為:
    1)輕蔑:貶低、輕視他人及其勞動成果;
    2)誹謗:捏造、散布虛假事實,損害他人名譽;
    3)嘲諷:以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述,以此來激怒他人;
    4)挑釁:以不友好的方式激怒他人,意圖使對方對自己的言論作出回應,蓄意制造事端;
    5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對方難堪;
    6)謾罵:以不文明的語言對他人進行負面評價;
    7)歧視:煽動人群歧視、地域歧視等,針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
    8)威脅:許諾以不良的后果來迫使他人服從自己的意志;


3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容,或進行相關行為。主要表現(xiàn)為:
    1)多次發(fā)布包含售賣產(chǎn)品、提供服務、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式:
    2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容;
    3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容;
    4)多次發(fā)布包含欺騙性外鏈的內(nèi)容,如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等,誘騙用戶點擊鏈接
    5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當曝光;
    6)購買或出售帳號之間虛假地互動,發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關交易。
    7)發(fā)布包含欺騙性的惡意營銷內(nèi)容,如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷;
    8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。


4. 色情低俗信息,主要表現(xiàn)為:
    1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述;
    2)涉及色情段子、兩性笑話的低俗內(nèi)容;
    3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容;
    4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想;
    5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
    6)炒作緋聞、丑聞、劣跡等;
    7)宣揚低俗、庸俗、媚俗內(nèi)容。


5. 不實信息,主要表現(xiàn)為:
    1)可能存在事實性錯誤或者造謠等內(nèi)容;
    2)存在事實夸大、偽造虛假經(jīng)歷等誤導他人的內(nèi)容;
    3)偽造身份、冒充他人,通過頭像、用戶名等個人信息暗示自己具有特定身份,或與特定機構(gòu)或個人存在關聯(lián)。


6. 傳播封建迷信,主要表現(xiàn)為:
    1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治?。?br />    2)求推薦算命看相大師;
    3)針對具體風水等問題進行求助或咨詢;
    4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運勢,東西寵物丟了能不能找回、取名改名等;


7. 文章標題黨,主要表現(xiàn)為:
    1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶;
    2)內(nèi)容與標題之間存在嚴重不實或者原意扭曲;
    3)使用夸張標題,內(nèi)容與標題嚴重不符的。


8.「飯圈」亂象行為,主要表現(xiàn)為:
    1)誘導未成年人應援集資、高額消費、投票打榜
    2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
    3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
    4)以號召粉絲、雇用網(wǎng)絡水軍、「養(yǎng)號」形式刷量控評等行為
    5)通過「蹭熱點」、制造話題等形式干擾輿論,影響傳播秩序


9. 其他危害行為或內(nèi)容,主要表現(xiàn)為:
    1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的;
    2)不當評述自然災害、重大事故等災難的;
    3)美化、粉飾侵略戰(zhàn)爭行為的;
    4)法律、行政法規(guī)禁止,或可能對網(wǎng)絡生態(tài)造成不良影響的其他內(nèi)容。


二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將依據(jù)相關用戶違規(guī)情節(jié)嚴重程度,對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號,或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時,本網(wǎng)站將加重處罰。


三、申訴
隨著平臺管理經(jīng)驗的不斷豐富,本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)

我知道了
恭喜你~答對了
+5羽毛
下一次認真讀哦
成功推薦給其他人
+ 10羽毛
評論成功且進入審核!審核通過后,您將獲得10羽毛的獎勵。分享本文章給好友閱讀最高再得15羽毛~
(羽毛可至 "羽毛精選" 兌換禮品)
好友微信掃一掃
復制鏈接