看完這一波網(wǎng)頁 UI 類設(shè)計(jì)，再也不愁接下來該如何做設(shè)計(jì)創(chuàng)新了。
這是今年出鏡率比較多的一種設(shè)計(jì)風(fēng)格，不管你是在 Dribbble 還是 Behance 上都能見到它的影子。這種風(fēng)格設(shè)計(jì)最大特點(diǎn)：形式感、聚焦、簡約而不簡單。
當(dāng)然還可以是將線圈與文字疊加圖片，有一種層疊縱深布局感受。
又或者說圖形只是作為裝飾作用。
純文字版式在今年版式中出鏡率也是相當(dāng)之高，包括深圳設(shè)計(jì)周官網(wǎng)也幾乎都是幾個(gè)大字排版。其實(shí)我們仔細(xì)思考，將文字放大處理，有點(diǎn)圖形化的意思。
上圖是典型的文字圖形化，將文字轉(zhuǎn)化成線性設(shè)計(jì)。
圖文混合設(shè)計(jì)風(fēng)格大膽、新穎，讓人眼前一亮。這種版式布局一般會(huì)出現(xiàn)在設(shè)計(jì)工作室網(wǎng)站居多一些，追求形式感與觀賞性。
圖文混合設(shè)計(jì)，不光只是圖片與文字混合排版，還可以是圖標(biāo)與文字、粗字體與細(xì)字體之間的混合穿插。
圓形設(shè)計(jì)趨勢一直都存在，在網(wǎng)頁設(shè)計(jì)中出鏡率高也是毋庸置疑的事情。畢竟圓形本身自帶超強(qiáng)親和力、聚焦。設(shè)計(jì)用它可以解決很多枯燥的版式，讓畫面瞬間活了起來。
還可以將文字處理成圓形，與圓形圖相呼應(yīng)。
文字輪廓化版式今年出鏡率尤其之高，將文字輪廓化設(shè)計(jì)處理，減輕了文字的視覺重量感，更像是將文字線條化設(shè)計(jì)處理。
文字輪廓化設(shè)計(jì)還可以用在背景，作為設(shè)計(jì)裝飾效果。
玻璃質(zhì)感設(shè)計(jì)趨勢，也是今年最火的設(shè)計(jì)風(fēng)格之一。那么它在網(wǎng)頁出鏡率也是在下半年開始逐漸多了起來，也許是設(shè)計(jì)師發(fā)現(xiàn)這種質(zhì)感細(xì)膩與折射光透露出的細(xì)節(jié)之美。
線無疑是圖形里面運(yùn)用較多的，今年發(fā)現(xiàn)很多網(wǎng)頁中都加了線條作為版式裝飾，或者就是純線條版式設(shè)計(jì)，讓人眼前一亮，原來還可以這樣玩。
線條在這里作用明顯，除了美學(xué)設(shè)計(jì)裝飾之外，它還用作信息層級區(qū)分。
圖與線疊加
純文字版式
圖文混合
圓形版式
文字輪廓化
玻璃質(zhì)感
使用線條
文章來源：站酷 作者：功夫UX
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
動(dòng)態(tài)設(shè)計(jì)有助于創(chuàng)建令人愉悅且直觀的用戶界面。好的動(dòng)態(tài)設(shè)計(jì)，不僅能引導(dǎo)用戶對數(shù)字產(chǎn)品的體驗(yàn)，還可傳達(dá)有關(guān)產(chǎn)品的品牌信息
動(dòng)態(tài)設(shè)計(jì)（Motion Design）有助于創(chuàng)建令人愉悅且直觀的用戶界面。好的動(dòng)態(tài)設(shè)計(jì)，不僅能引導(dǎo)用戶對數(shù)字產(chǎn)品的體驗(yàn)，還可傳達(dá)有關(guān)產(chǎn)品的品牌信息。本文將介紹近來最流行的動(dòng)態(tài)設(shè)計(jì)趨勢，這些令人驚艷的動(dòng)效表現(xiàn)手法，在不久的將來勢必席卷所有人的目光。
讓界面元素在用戶流程中順暢地轉(zhuǎn)變與過渡，將用戶操作導(dǎo)向期望的任務(wù)結(jié)果。
在轉(zhuǎn)換場景的過程中扮演潤滑劑的角色，闡明場景之間的位置、層級與空間的關(guān)系。
聚焦用戶視線，將其注意力放在重要的事情上，從而起到信息傳達(dá)、提升識別度的作用。
運(yùn)用引人注目的表現(xiàn)手法將信息傳遞給用戶，包括變形、動(dòng)態(tài)文字和背景動(dòng)畫。
在視覺平面中創(chuàng)建空間層次結(jié)構(gòu)，遮罩與視差是常用的表現(xiàn)手法。
突破二維限制，將界面元素多維化營造空間感，例如3D動(dòng)態(tài)圖形和攝像機(jī)運(yùn)動(dòng)。
2021年看到許多有趣、吸引人的插圖，而更多的設(shè)計(jì)師開始為靜態(tài)圖像添加動(dòng)態(tài)，也讓GIF和動(dòng)畫插圖越來越受歡迎。
動(dòng)態(tài)的有機(jī)形狀，包括流體、煙霧和火焰等粒子效果，能夠極大地增強(qiáng)視覺效果。流體動(dòng)態(tài)并非明確的過渡與場景轉(zhuǎn)換，而是顏色在流動(dòng)的液體中擴(kuò)散，進(jìn)而創(chuàng)造出抽象或真實(shí)的視覺形狀。這種風(fēng)格能實(shí)現(xiàn)無縫過渡，并為設(shè)計(jì)增添有機(jī)感，也是2021年最引人注目的動(dòng)畫趨勢之一。
扁平化設(shè)計(jì)缺少現(xiàn)實(shí)質(zhì)感的元素，搭配漸變色能有效緩解不足，為設(shè)計(jì)創(chuàng)造深度與層次。變化中的漸變色同時(shí)帶有動(dòng)感與舒緩，充滿活力卻又平靜。使用動(dòng)態(tài)漸變能讓設(shè)計(jì)師展示一系列不斷變化的情緒，許多內(nèi)容創(chuàng)作者和品牌已經(jīng)注意到這一點(diǎn)，開始在廣告活動(dòng)、識別設(shè)計(jì)和數(shù)字內(nèi)容使用動(dòng)態(tài)漸變。
在用戶體驗(yàn)設(shè)計(jì)中微交互變得日益重要，而動(dòng)態(tài)設(shè)計(jì)正是微交互的靈魂所在，即使只是微小的視覺提示或反饋，都是人機(jī)交互易于使用的關(guān)鍵。從經(jīng)典案例來看，微交互的動(dòng)畫細(xì)節(jié)必須帶有明確的目的性，讓用戶獲得實(shí)時(shí)反饋，指導(dǎo)用戶進(jìn)行下一步。從近幾年的設(shè)計(jì)趨勢來看，微交互已成為不可或缺的存在。
by Илья Бабушкин
過去幾年動(dòng)畫商標(biāo)是最流行的動(dòng)畫趨勢之一，通過各種視覺效果，設(shè)計(jì)師能創(chuàng)造出不同類型的動(dòng)畫商標(biāo)，許多企業(yè)開始采用動(dòng)畫商標(biāo)作為吸引注意力的手段。多數(shù)情況下，商標(biāo)是進(jìn)入網(wǎng)站時(shí)最先看到的東西，因此商標(biāo)應(yīng)該令人難忘、引人入勝，并使用符號或排版來揭示品牌個(gè)性。結(jié)合動(dòng)畫的優(yōu)勢，設(shè)計(jì)師可以運(yùn)用一些動(dòng)態(tài)或效果來講述簡短的故事以強(qiáng)調(diào)品牌特征，并為靜態(tài)排版和商標(biāo)注入一股活力。
by Yulia K.
動(dòng)態(tài)文字是使用移動(dòng)文本來吸引注意力的動(dòng)畫技術(shù)，許多卓越的品牌在網(wǎng)頁設(shè)計(jì)中使用動(dòng)態(tài)文字，為網(wǎng)站外觀增添動(dòng)感和視覺沖擊力，是近年UI動(dòng)畫的趨勢之一。
by HOLOGRAPHIK®
通過背景動(dòng)畫來強(qiáng)化敘事，成為許多行業(yè)常用的品牌傳播手段。你可以創(chuàng)建動(dòng)態(tài)的品牌故事，展示有趣的制造過程、產(chǎn)品的使用場景。背景動(dòng)畫深獲大眾喜愛，它能讓用戶在進(jìn)入登錄頁或網(wǎng)站首頁時(shí)，輕易地了解更多有關(guān)公司或產(chǎn)品的信息。調(diào)研顯示,從銀行、醫(yī)療保健公司、電商零售商、餐館到B2B供應(yīng)商，這些跨越不同細(xì)分市場和行業(yè)的網(wǎng)站都開始使用背景動(dòng)畫。
by Carlo Soleri
by Kirill Zhukovsky
遮罩過渡是將幾何或有機(jī)形狀作為銜接下個(gè)場景的遮擋物，等同于舞臺幕布設(shè)計(jì)，能在界面元素進(jìn)場或退場時(shí)創(chuàng)造連續(xù)性效果。這種表現(xiàn)手法簡潔高效，是最常見的過渡動(dòng)畫之一。
其中一種遮罩過渡，是將當(dāng)前場景完全置換，如同揭開蒙在上層的布，逐漸展露疊在下方的景，并利用景物相似性和動(dòng)作延續(xù)性，讓兩個(gè)場景能夠順暢地銜接，不致于差異過大，造成用戶心理負(fù)擔(dān)。
by intent
另一種遮罩的表現(xiàn)形式，較無明顯的場景過渡，而是利用遮罩來表現(xiàn)景物的狀態(tài)變化，界面元素和布局基本保持一致，以此塑造無縫過渡的視覺效果，這種手法被廣泛地使用，例如氣候變化、人物換裝、產(chǎn)品組合等。
by Daniel Tan
視差是利用不同的界面元素以不同的速率移動(dòng)，創(chuàng)造前后景深的分離效果，借此在平面中塑造空間層次，已成為網(wǎng)站首頁最為普遍的表現(xiàn)形式。
by Studio V?R
近年來，結(jié)合3D動(dòng)態(tài)圖形的界面設(shè)計(jì)呈現(xiàn)爆炸式增長，雖然創(chuàng)建3D動(dòng)畫需要更多的時(shí)間、技巧與協(xié)作，但不可否認(rèn)的，3D動(dòng)畫比2D圖形更加逼真，從而提供更具吸引力和互
動(dòng)畫的吸引力在于能夠創(chuàng)建各種角色，并為無生命物體注入生命力，表情符號就是一個(gè)很好的例子。作為獨(dú)特的網(wǎng)絡(luò)語言，表情符號生動(dòng)地描摹日常面對面交流的非言語信息，隨著圖形界面的設(shè)計(jì)趨勢逐漸結(jié)合2D與3D，運(yùn)用3D動(dòng)態(tài)圖形來創(chuàng)造更加動(dòng)感、擬人化的表情，能讓這些非言語信息更加豐富，有機(jī)會(huì)引領(lǐng)下一波風(fēng)潮。
3D動(dòng)態(tài)圖形為平面設(shè)計(jì)建構(gòu)了空間敘事框架，在扁平化界面中展現(xiàn)立體感，從而表達(dá)空間中元素的位置與層級關(guān)系。多維化的發(fā)展趨勢，推動(dòng)了視覺表達(dá)形式的演變，空間感讓界面設(shè)計(jì)更符合人類的認(rèn)知邏輯，運(yùn)用各種3D運(yùn)動(dòng)特效，包括旋轉(zhuǎn)、翻轉(zhuǎn)、折疊、透視、Z軸位移等，打造令人難忘的感官?zèng)_擊。
by UI8
擬人化能讓物體、植物、動(dòng)物等非人類事物，表現(xiàn)出人類屬性的行為與狀態(tài)。動(dòng)畫片運(yùn)用擬人的手法是最普遍的，1927年迪士尼第一部系列動(dòng)畫《幸運(yùn)兔子奧斯華》的主角便是擬人的兔子形象。由于人們?nèi)菀妆灰匀祟愋惺碌氖挛锼絹碓蕉嘣O(shè)計(jì)師在界面中添加擬人元素，利用這種效果讓畫面更加生動(dòng)有趣，增強(qiáng)用戶體驗(yàn)的愉悅感。
在動(dòng)態(tài)設(shè)計(jì)中，攝像機(jī)運(yùn)動(dòng)是最自由、靈活的一種表現(xiàn)形式，能讓畫面過渡更有張力，突破2D平面在視角上的限制，創(chuàng)造一個(gè)無界線的立體空間。常見于影視、動(dòng)畫和廣告的攝像機(jī)運(yùn)動(dòng)，包括推近、拉出、平移、跟拍等方式，備受動(dòng)態(tài)設(shè)計(jì)師青睞，讓用戶以多變的視野探索數(shù)字產(chǎn)品。
推鏡頭是指被拍攝的對象不動(dòng)，攝像機(jī)由遠(yuǎn)而近，朝著對象不斷推進(jìn)， 用來突出人或物的主體。鏡頭推近的運(yùn)動(dòng)方式，用來呈現(xiàn)從整體到局部、由分散到集中的變化，引領(lǐng)用戶進(jìn)入故事情景，給人一種身臨其境的感受。
by Michael Crawford
水平向左或向右，垂直向上或向下移動(dòng)攝像機(jī)，使畫面不斷變化，讓用戶跟隨鏡頭視角一起移動(dòng)，產(chǎn)生一種置身其中的感覺。這種運(yùn)鏡方式，通常用于具體的場景，利用角色或景物的延續(xù)性來消除場景過渡時(shí)的邊界，表現(xiàn)出一種流動(dòng)感，無論是手勢滑動(dòng)或鼠標(biāo)滾動(dòng)都能有順暢的操作體驗(yàn)。
by Netguru
運(yùn)用多種攝像機(jī)運(yùn)動(dòng)相當(dāng)普遍，既能擴(kuò)大視野，又有很強(qiáng)的空間感，可以更加自由與多樣地展示不同視角和情景。比方說結(jié)合橫搖（Pan）、直搖（Tilt）和跟隨（Tracking）鏡頭，連續(xù)而詳盡地展示一個(gè)產(chǎn)品，由于畫面始終跟隨一個(gè)主體，有利于突出產(chǎn)品特徵，并讓用戶從不同的角度和距離觀看產(chǎn)品，是一種增強(qiáng)臨場感和參與感的有效方法。
by Gregory Riaguzov
在電影中為了不將觀眾的情感和注意力割裂，使用一個(gè)鏡頭來完成全片的場景刻畫和敘事，這種拍攝手法被稱作一鏡到底或長鏡頭。連續(xù)鏡頭逐漸被運(yùn)用到界面過渡，以此增強(qiáng)操作過程的流暢性，例如一氣呵成的購物體驗(yàn)，或是貫穿全場的人物角色，其特點(diǎn)是給用戶最沉浸的感官體驗(yàn)，無間斷地體驗(yàn)整個(gè)流程。
by Orizon: UI/UX Design Agency
by Minh Pham ?
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
設(shè)計(jì)趨勢可以塑造一切，從設(shè)計(jì)師的創(chuàng)作方式到用戶界面設(shè)計(jì)，再從網(wǎng)站到包裝設(shè)計(jì)的未來迭代方向。因此關(guān)注現(xiàn)在的流行趨勢很重要，這樣您的設(shè)計(jì)就不會(huì)很快過時(shí)。
讓我們深入探討2022年的一些頂級網(wǎng)頁設(shè)計(jì)趨勢。我們將著眼于 2021 年末開始出現(xiàn)的趨勢，這些趨勢將為來年即將流行的設(shè)計(jì)趨勢奠定基礎(chǔ)。
閱讀更多以前的趨勢文章：2021 年網(wǎng)頁設(shè)計(jì)趨勢
目錄：
有趣、積極樂觀的設(shè)計(jì)
黑白配色方案
大膽和實(shí)驗(yàn)性排版布局
超大鼠標(biāo)指針
三維設(shè)計(jì)元素的應(yīng)用
近乎野蠻
滾動(dòng)文本元素
玻璃擬物風(fēng)格
更多漸變
無圖片主頁
圖層效果
分屏美學(xué)
交互式字體
巨型頁腳
包容性設(shè)計(jì)
非凡的想象力
結(jié)論
時(shí)髦的形狀、顏色，甚至面孔可以帶來很多的樂趣。設(shè)計(jì)師們正在使用這一網(wǎng)頁設(shè)計(jì)趨勢，應(yīng)用到公司機(jī)構(gòu)、電商或個(gè)人展示類網(wǎng)站內(nèi)容，提供趣味、樂觀的設(shè)計(jì)（如上面的示例），這些設(shè)計(jì)的共同點(diǎn)是它們?yōu)槭澜缱⑷肓艘稽c(diǎn)額外的快樂。
沒有什么比笑臉更能表達(dá)樂觀了。恰當(dāng)?shù)呐鋱D是描繪這種氛圍和利用這一趨勢最簡單方法。注意拍攝技巧和被拍對象的整體形象，尋找與內(nèi)容契合角度，例如上面來自 LegalSuper 的示例。
在經(jīng)歷了全球肺炎大流行的幾年之后，設(shè)計(jì)師們正在為設(shè)計(jì)的項(xiàng)目增添一些額外的樂趣和溫度。這就是我們現(xiàn)在都需要的感覺。
趣味和樂觀的情緒被注入以面孔為載體的配圖上、較細(xì)的字體、有趣的搭配，以及散發(fā)出積極情緒的顏色。為了充分利用這一趨勢，請考慮較細(xì)的元素并避免選擇使用較粗的字體或厚重的配色。
FOFSO用鮮艷的衣服、模特緊張但帶著快樂的面孔緊盯鏡頭來做到這一點(diǎn)。
黑白配色方案是今年最鮮明的設(shè)計(jì)趨勢。不使用彩色，你真的必須在限制范圍內(nèi)思考和設(shè)計(jì)。雖然這聽起來有點(diǎn)嚇人，但它可以釋放并激發(fā)你的創(chuàng)造力。結(jié)果絕對是驚人的。
從另外一個(gè)角度來說，黑白配色的設(shè)計(jì)幾乎無處不在。這種對比鮮明審美表明有很多設(shè)計(jì)師會(huì)關(guān)注簡單和直接。
使黑白配色方案既清新又現(xiàn)代的關(guān)鍵在于應(yīng)用恰當(dāng)?shù)男Ч捅憩F(xiàn)技巧。
在上面的例子中，懸停時(shí)有一個(gè)微妙的、流動(dòng)的動(dòng)畫以及超大的鼠標(biāo)反色指針來增強(qiáng)交互性。
在2022年，沒有錯(cuò)誤的字體排版方式。大、黑、粗——甚至是襯線字體——無處不在。他們看起來棒極了。在使用這種網(wǎng)站設(shè)計(jì)趨勢時(shí)，請考慮文字將如何動(dòng)態(tài)響應(yīng)（在手機(jī)屏幕上一切看起來都將不同）以及如何最大限度地對訪問者產(chǎn)生影響。許多實(shí)驗(yàn)性字體不僅設(shè)計(jì)有天賦，還包括動(dòng)畫或 flex（CSS響應(yīng)字體布局） 選項(xiàng)等元素。
從輪廓到彩色字體，再到不斷變化的形狀和填充，大膽和實(shí)驗(yàn)性字體應(yīng)用在網(wǎng)站設(shè)計(jì)中占據(jù)主導(dǎo)地位。談到今天的網(wǎng)絡(luò)排版，真的沒有規(guī)則，設(shè)計(jì)師們在打破束縛重建一切可能。
Garcia Salmeron在主頁的設(shè)計(jì)上使用了多種字體效果來體現(xiàn)這一趨勢：混合和匹配主標(biāo)題中的字符、帶有實(shí)驗(yàn)性的字體選擇以及帶有圖像和背景的彩色填充層。
這是一種新的設(shè)計(jì)趨勢，點(diǎn)擊上圖鏈接，您會(huì)看到許多超大光標(biāo)的應(yīng)用示例，在參與設(shè)計(jì)過程中，在網(wǎng)站前端交互完成之前根本看不到超大指針或鼠標(biāo)懸停的實(shí)際效果，這屬于頁面交互效果的一種。
這個(gè)用戶交互界面的應(yīng)用無處不在。最常見的例子和用法是 Jade Sheng 的例子，它的圓形指針在屏幕上移動(dòng)，甚至可以在穿過可點(diǎn)擊元素時(shí)改變顏色。
這種 UI 設(shè)計(jì)趨勢的偉大之處在于，它為網(wǎng)站訪問者提供了有價(jià)值的可用性信息，并幫助他們更好地參與改進(jìn)設(shè)計(jì)，提升用戶體驗(yàn)。
雖然在2020和2021年有很多設(shè)計(jì)師為網(wǎng)站進(jìn)行全面的3D化設(shè)計(jì)，但新興趨勢是將扁平的元素通過3D控制與整體有美感結(jié)合起來。
具有3D風(fēng)格的元素屬性包括用于創(chuàng)建深度和維度的陰影、動(dòng)畫以及拉伸和變形等圖層效果。
Sennep 在上面的例子中使用一個(gè)手指插圖引導(dǎo)用戶發(fā)現(xiàn)來做到這一點(diǎn)，伸出手指扶正標(biāo)題。插圖使用手部動(dòng)作配合陰影來完成這種好玩的設(shè)計(jì)。
是時(shí)候思考在3D三維界面中完成所有事情了。從真實(shí)的網(wǎng)絡(luò)模型到具有深度的視頻或照片插圖，三維元素有助于為設(shè)計(jì)提供更好更直觀的理解，例如上面的建筑渲染，或者增強(qiáng)視覺刺激興趣點(diǎn)。
三維設(shè)計(jì)也延伸到視覺敘事?？紤]如何以突出景深和陰影的方式講好您的故事或產(chǎn)品展示。例如上面的示例使用視頻，是有效傳達(dá)這種風(fēng)格的最可靠和最真實(shí)的方式之一。
野蠻主義是最近比較矚目的網(wǎng)站設(shè)計(jì)趨勢，但它對于大多數(shù)項(xiàng)目來說過于苛刻和尖銳。于是進(jìn)入這一趨勢的最新迭代——“近乎野蠻” 的出現(xiàn)也就不足為奇了。
這些設(shè)計(jì)沿用了許多相同的鮮明效果，但邊緣處理更柔軟。即使有一些明顯的邊界和線條，元素之間也有足夠的空間，而不是銳利的硬邊緣。
沒有太多的裝飾或其他視覺效果，留下顏色和文字來真正承載這些。其結(jié)果更引人注目，不至于太苛刻把用戶拒之門外，是野蠻主義和可用性的結(jié)合體。
雖然我們總是希望文本元素可讀，但它們也可以是動(dòng)態(tài)的。滾動(dòng)文本元素——通常使用超大字體，只有幾個(gè)字，在同一個(gè)位置循環(huán)出現(xiàn)——可以強(qiáng)調(diào)關(guān)鍵詞并激發(fā)用戶的興趣。
文本滾動(dòng)通常往屏幕左側(cè)位置緩慢移動(dòng)。空心描邊字體是一種流行的選擇，保持可讀性的關(guān)鍵是使用簡短的常用詞或短語。
引導(dǎo)用戶關(guān)鍵行為召喚用語和其他消息應(yīng)與滾動(dòng)文本分開，以確保網(wǎng)站訪問者可以輕松閱讀它們。
滾動(dòng)文本選項(xiàng)不僅僅是網(wǎng)站設(shè)計(jì)趨勢或技巧，它們實(shí)際上可以幫助鼓勵(lì)用戶互動(dòng)增加參與度。在上面來自 Mama Joyce Peppa Sauce 的示例中，超大鼠標(biāo)光標(biāo)內(nèi)包含滾動(dòng)文本，該文本顯示的是更大的滾動(dòng)文本。（您甚至可能想重復(fù)觀看這個(gè)互動(dòng)內(nèi)容。）
玻璃擬態(tài)風(fēng)格（Glassmorphism）的最初始于2020年末和 2021 年初的新擬態(tài)風(fēng)格（Neumorphism），并演變進(jìn)化成現(xiàn)在流行的玻璃擬物效果。
Glassmorphism設(shè)計(jì)外觀讓人聯(lián)想到玻璃。有透明、折射或光澤等元素構(gòu)成。
很多設(shè)計(jì)師在追波（Dirbbble） 上展示使用這種設(shè)計(jì)風(fēng)格的作品，也可以在大量已發(fā)布的網(wǎng)站設(shè)計(jì)中找到這種設(shè)計(jì)方法的設(shè)計(jì)。
漸變的應(yīng)用一直很廣泛。在2021年之前的設(shè)計(jì)中的大部分漸變都出現(xiàn)在背景中。
2022年，漸變將會(huì)增加兩種新的形式：
l 文本顏色漸變填充（如上面的例子）來增加影響和突出強(qiáng)調(diào)
l 填充矢量插圖或圖標(biāo)以創(chuàng)建漸變紋理效果
沒照片？沒問題！無需圖像也可設(shè)計(jì)，讓我們在2022年緊跟潮流吧。
使用不同類型的UI或設(shè)計(jì)技巧，來充分美化沒有圖像的主頁。在此處的示例中，Kirifuda 使用了漂亮的黑白配色方案，在文本元素之間增加疊印效果。超大字體和手寫風(fēng)格的字體有助于將它們整合在一起。（請注意將其他設(shè)計(jì)趨勢與這一趨勢相結(jié)合以獲得出色的效果。）
沒有圖片的設(shè)計(jì)也是嘗試其他技術(shù)的好機(jī)會(huì)，例如動(dòng)畫、鼠標(biāo)指針懸停狀態(tài)或其他交互元素。
主頁上沒有圖像的設(shè)計(jì)通常會(huì)導(dǎo)致美感缺失。但這完全沒問題。使用另一種設(shè)計(jì)方法來激發(fā)用戶興趣吧，例如使用有趣的大文本字體元素。
圖層堆疊、元素間距和圖形重疊可以在設(shè)計(jì)元素中產(chǎn)生景深錯(cuò)位效果，彼此之間建立連接。分層效果展示明顯又直接，也可以簡單一點(diǎn)。這兩個(gè)選項(xiàng)可以一起使用或單獨(dú)使用以產(chǎn)生整體影響。
State Creative 使用多個(gè)圖層——背景、中景、前景——以視覺上有趣且有意義的方式將各種元素組合在一起。
分屏美學(xué)重新流行。幾年前的趨勢是出于可用性和響應(yīng)性的原因，現(xiàn)在它更像是一種細(xì)分設(shè)計(jì)。
這些視覺效果可以包括水平或垂直分割的屏幕，每一側(cè)具有相同或不同的功能或點(diǎn)擊動(dòng)作。
最好的分屏設(shè)計(jì)可以同時(shí)做兩件事：
l 提供了強(qiáng)烈的視覺沖劑體驗(yàn)
l 他們使用多個(gè)入口點(diǎn)來深入挖掘內(nèi)容
可變粗細(xì)的交互字體在大多數(shù)情況下，這種效果需要使用懸停狀態(tài)才有效，盡管您可以嘗試其他一些更復(fù)雜的效果。（帶有流體字體動(dòng)畫也越來越受歡迎。）
在考慮交互式文本元素時(shí)，請優(yōu)先考慮內(nèi)容的可讀性和易于理解性。文本的效果僅在其中的文字可讀和可理解時(shí)才有效。（否則設(shè)計(jì)的意義就會(huì)丟失。）
當(dāng)設(shè)計(jì)展示相對簡單時(shí)，這種設(shè)計(jì)才最有效。這個(gè)技巧在單獨(dú)使用時(shí)是最好的。
誰能想到網(wǎng)站頁腳——尤其是那些包含大量信息的頁腳——會(huì)成為流行的網(wǎng)站設(shè)計(jì)元素？
對于包含大量信息、大量頁面或多個(gè)節(jié)點(diǎn)入口的網(wǎng)站，超級頁腳是 2022 年必備的設(shè)計(jì)元素之一。
世界自然基金會(huì)有一個(gè)雙層頁腳：
l 在粗黑條中，有三列菜單選項(xiàng)，便于導(dǎo)航，按用戶可能想要在站點(diǎn)上執(zhí)行的操作（發(fā)現(xiàn)、支持、聯(lián)系）分組
l 黑條中還有一個(gè)完整的注冊表單，用于了解訂閱有關(guān)該組織的更多信息
在底部較細(xì)的白色頁腳欄中是組織信息、社交媒體鏈接、非營利免責(zé)聲明、版權(quán)聲明和服務(wù)條款鏈接（隱私政策、披露信息和相關(guān)條款）
當(dāng)存在明顯具有不同目的的元素分組時(shí)，超級頁腳效果很好。帶有標(biāo)題的列格式以及水平底部錨點(diǎn)幫助， Wild Souls的這個(gè)頁腳看起來很棒。
巨型頁腳甚至可以呈現(xiàn)出“近乎野蠻”的風(fēng)格。訣竅是使用元素來創(chuàng)建獨(dú)特的組織感，以便用戶知道如何輕松找到他們正在尋找的信息。
設(shè)計(jì)師正在努力打造一個(gè)更具包容性的網(wǎng)絡(luò)，它幾乎體現(xiàn)在所有已發(fā)布的內(nèi)容中。從圖像到語言再到替代文本，沒有理由不嘗試讓您的項(xiàng)目更加包容所有人。
包容性延伸到種族、性別中立、文化、可及性和能力上。共同的主題是您的網(wǎng)站應(yīng)該以這樣的方式組合在一起，以便任何想要訪問內(nèi)容的人都可以訪問到內(nèi)容，并且人們也可以在屏幕上看到他們可以與之相關(guān)的其他人。
這里的要點(diǎn)是，你不需要用大喊“我們具有包容性”的圖像和語言。這是展示比講述更重要，真實(shí)比蠻力更重要的設(shè)計(jì)。
真實(shí)和想象之間的界線從哪里開始？當(dāng)您查看大量網(wǎng)站時(shí)，可能無法100%確定。沒關(guān)系。
享受這種想象力帶來的樂趣，融合真實(shí)和想象，創(chuàng)造出非凡的圖像。你的想象力是這里唯一的限制。
在 K Plus Film 的示例中，人物位于屏幕周圍飛舞的水果頂部。顏色和比例創(chuàng)造了一種引人入勝的視覺效果，這真是太棒了。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
印象中，Windows 就一直伴隨著我們的成長，它有著 35 年的豐富歷史并不斷帶給我們新的體驗(yàn)，它的存在充分展現(xiàn)了計(jì)算機(jī)如何豐富我們的生活習(xí)慣：用 Word 寫下第一篇文章，用 Paint 畫出第一幅畫，或者用電腦寫出第一行代碼。
設(shè)計(jì)下一代 Windows 需要我們理解過去，但更重要的是對當(dāng)前和新興人類需求的深切共情，以及對技術(shù)如何更好落地的理解。當(dāng)我們開始 Windows 11 的設(shè)計(jì)之旅時(shí)，我們研究了過去 18 個(gè)月世界是如何變化的，包括疫情大流行暴露出未被滿足的需求和新的行為方式。更重要的是，我們與人們談?wù)撍麄兊膲粝牒捅ж?fù)，這樣我們就可以了解什么驅(qū)動(dòng)著他們，以及他們需要從他們的技術(shù)中獲得什么來實(shí)現(xiàn)他們的目標(biāo)。Windows 11 的設(shè)計(jì)專注于對人的關(guān)注，計(jì)算機(jī)如何賦予他們力量，以及用戶到底喜歡什么。
創(chuàng)造大量的愛需要大量與人的溝通，我們喜歡這種溝通，因?yàn)橐匀藶楸臼俏覀冊O(shè)計(jì)理念的核心。在 85 個(gè)以上的專題研究和數(shù)萬輪測試中，我們與所有人進(jìn)行了交談，從喜歡我們產(chǎn)品的忠實(shí)粉絲，到希望 Windows 更容易和更平易近人的新用戶。
Windows 10 之前使用 Metro 設(shè)計(jì)語言，Windows 11 使用 Fluent 設(shè)計(jì)語言
（彩云注，可能有的朋友分不清這 2 個(gè)設(shè)計(jì)語言，彩云專門研究了一些資料，也跟大家一起分享下：
Metro UI 是一種界面展示技術(shù)，和蘋果的 iOS、谷歌的 Android 界面語言最大的區(qū)別在于：后兩種都是以應(yīng)用為主要呈現(xiàn)對象，而 Metro 界面強(qiáng)調(diào)的是信息本身，而不是冗余的界面元素。顯示下一個(gè)界面的部分元素在功能上的作用主要是提示用戶信息的存在。同時(shí)在視覺效果方面，這有助于形成沉浸感。
Fluent Design System（以下簡稱 FDS）主要包括五大核心元素：Light（光感）、Depth（深度）、Motion（動(dòng)畫）、Material（材質(zhì)）和 Scale（縮放）。
Fluent UI 設(shè)計(jì)語言的核心就是在美觀的前提下，應(yīng)用的使用更加自然和流暢。在體驗(yàn)上用戶會(huì)獲得全新的過渡動(dòng)畫、視覺效果、半透明和模糊等等。毛玻璃效果重新成為趨勢就是微軟通過這套設(shè)計(jì)全新語言一手帶起來。
這是 Windows 有史以來最受人期待的發(fā)布之一，這得益于基于研究過程中得出的一個(gè)關(guān)鍵設(shè)計(jì)指導(dǎo)原則：平靜的技術(shù)讓我們的生活真正變得更好。在今天的世界中，平靜是非常需要的，它往往取決于我們掌控、放松和信任的能力。Windows 11 通過讓人感受到熟悉的基本體驗(yàn)，軟化了以前冰冷的 UI，并增加了情感聯(lián)系，最終促進(jìn)了這一點(diǎn)。這些改進(jìn)讓你更接近你最愛的東西:家庭、朋友、激情、娛樂和創(chuàng)作。Windows 11 是將所有東西結(jié)合在一起的地方，對它的需求從未像現(xiàn)在這樣強(qiáng)烈。
就像它對所有東西造成的影響一樣，疫情也影響了 Windows 11。雖然移動(dòng)設(shè)備的崛起讓 PC 從聚光燈下淡出，但去年它又重新回到了舞臺中心。在個(gè)人與專業(yè)相結(jié)合的新型虛擬模式中，PC 的強(qiáng)大功能和靈活性使我們能夠在家中的各個(gè)角落工作。它始終是一個(gè)值得信賴的工具和伙伴，跨越工作、家庭和學(xué)校，靜靜地等待我們的輝煌時(shí)刻。
過去的一年充分展示了人類的智慧。在一片混亂中，我們看到人們實(shí)時(shí)學(xué)習(xí)如何在混合環(huán)境中工作，幫助孩子學(xué)習(xí)，并找到新的連接和娛樂方式。我們在 Windows 11 的設(shè)計(jì)上不斷迭代，努力創(chuàng)造一種深受大家喜愛的體驗(yàn)，讓我們更容易專注于對我們每個(gè)人來說最重要的東西。
情緒板捕捉各種新的圖標(biāo)、主題、UI 和插圖。
微軟的 Windows 設(shè)計(jì)團(tuán)隊(duì)是由創(chuàng)造性的實(shí)用主義驅(qū)動(dòng)的。為超過 10 億人設(shè)計(jì)需要同理心。它依賴于將人類的需求內(nèi)化，以建立一個(gè)包容所有人的解決方案，同時(shí)仍能傳遞獨(dú)立的個(gè)性。隨著 Windows 躍入下一個(gè)時(shí)代，它的演變故事再次被講述，通過以人為本的產(chǎn)品設(shè)計(jì)，以及打造最具包容性和個(gè)性化的操作系統(tǒng)的承諾愈加堅(jiān)定。
以“開始”菜單為例：Windows 體驗(yàn)的基礎(chǔ)被移到了核心位置。在聽到人們在使用“開始”時(shí)希望提高效率、減少噪音后，我們設(shè)計(jì)了一種更干凈、更簡單的體驗(yàn)，通過優(yōu)先排序人們喜歡的應(yīng)用和他們需要的文件，將用戶置于中心位置。它還適配現(xiàn)代設(shè)備的尺寸因素，使所有屏幕尺寸的訪問更容易，從 Surface Go 到超寬顯示器都能獲得一致的體驗(yàn)。
在微軟，這些設(shè)計(jì)決策不是輕易做出的。團(tuán)隊(duì)癡迷于每個(gè)像素，我們更新了“開始”Logo，以配合我們新的視覺語言和動(dòng)畫，為互動(dòng)增加樂趣和信心。我們也有意地選擇了壁紙，開機(jī)畫面，并調(diào)整了新的中心對齊，使用戶的體驗(yàn)更加平衡和集中。我們希望你進(jìn)入 Windows 11 的旅程從一開始就真正處于中心。（彩云注：大廠的設(shè)計(jì)團(tuán)隊(duì)做項(xiàng)目更看重整體品牌感知，各個(gè)元素間都要能形成一致的設(shè)計(jì)語言。這里連居中對齊都可以跟設(shè)計(jì)理念聯(lián)系上，值得學(xué)習(xí)的思路。）
我們對讓技術(shù)更人性化的關(guān)注也反映在“開箱即用”體驗(yàn)上，這個(gè)體驗(yàn)曾經(jīng)的歡迎詞是你“進(jìn)來”，但現(xiàn)在是歡迎你“回來”。我們知道不是每個(gè)人都是新用戶，我們渴望通過我們的設(shè)計(jì)來尊重我們與長期忠實(shí)客戶的關(guān)系。你也可以在安裝過程中給你的電腦起一個(gè)名字，這樣 Windows 就會(huì)給你一種獨(dú)特的感覺，比系統(tǒng)設(shè)置中使用的隨機(jī)名字更人性化。Windows 是你們的，我們設(shè)計(jì)它是為了慶祝你們的生活和工作方式。（彩云注：在文案上也是精雕細(xì)琢，也是為了緊貼他們的設(shè)計(jì)理念）
新的 Windows 11 主題提供了個(gè)性化和自我表達(dá)的不同主題選擇
一旦你開始正常使用，Windows 11 就會(huì)記住你是誰，以及你在日常生活中需要什么。一鍵交互將帶你從一個(gè)任務(wù)到另一個(gè)任務(wù)，而不會(huì)中斷你的工作流程。在過去的一年里，工作和生活的界限被重新定義了。在新版本的 Windows 中，組織活動(dòng)的能力是我們密切關(guān)注的東西，確保無論環(huán)境如何變化，你都能保持專注和心流狀態(tài)。窗口和截圖功能已經(jīng)被重新設(shè)計(jì)，以記住你的喜好，所以當(dāng)你離開工作流去查看新聞的時(shí)候（新的窗口部件故意設(shè)計(jì)來尊重你的工作流程），系統(tǒng)會(huì)記住你是如何組織你的空間的。我們創(chuàng)造了一個(gè)數(shù)字版的辦公桌，它就像依偎在你家里的辦公桌，讓你能夠?qū)崿F(xiàn)一些偉大的事情，同時(shí)又能感受到與生活的緊密相連。
這些變化通過一種優(yōu)美的新設(shè)計(jì)語言來實(shí)現(xiàn)，使 Windows 在體驗(yàn)上比以往任何時(shí)候都更加連貫。聽到人們對更加柔和、友好和優(yōu)美 UI 的渴望，我們進(jìn)化了視覺和聽覺表達(dá)。我們圓滑了尖銳的棱角，并創(chuàng)建了一個(gè)溫暖的調(diào)色板，以構(gòu)建一個(gè)更人性化、更平易近人的語言，同時(shí)不會(huì)妨礙你的工作效率。
一些新的 Fluent 圖標(biāo)，UI 和插圖內(nèi)容的選擇，以及我們的 Segoe UI 變量字體的示意
如何為超過 10 億有著不同和獨(dú)特需求的人開發(fā)產(chǎn)品？傾聽、迭代、適配。通過用戶的洞察，我們通過軟化邊緣、減少雜亂和一致性設(shè)計(jì)，使 Windows 11 更加人性化和受歡迎。這些變化還通過新材質(zhì)、字體、新調(diào)色板、新壁紙和主題包來提升自我表達(dá)，以兼顧廣泛的品味。
在 Windows 11 中，我們看到了一種從單純的功能性技術(shù)向情感、人性和個(gè)性化技術(shù)的轉(zhuǎn)變。Windows 不僅僅是一個(gè)操作系統(tǒng)，它是編織在我們生活中的一塊織物，讓我們更接近我們所愛的一切，幫助我們創(chuàng)造和連接。
如文章開頭所說，彩云為大家搜集到了 Windows 11 最新設(shè)計(jì)語言 Fluent UI 的設(shè)計(jì)組件，供大家參考學(xué)習(xí)，
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報(bào)下信息，會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
2021 年已經(jīng)九月份了，毫不例外，今年也給大家準(zhǔn)備了明年的八個(gè)視覺設(shè)計(jì)趨勢，這些將在 2022 年出鏡率繼續(xù)升高。設(shè)計(jì)趨勢一直都處于不斷變化與輪回之中，設(shè)計(jì)風(fēng)格技法也跟隨時(shí)代潮流在不斷變化。
“趨勢不一定每年都全新，但是趨勢每年都很重要”，與大家共勉。下面，我們一起來看看明年視覺設(shè)計(jì)大方向，到底有多精彩。
style="font-size:16px;white1;margin-top:0px;margin-bottom:30px;padding:0px;width1;caret-color:#525252;color:#525252;font-family:"letter10000000149011612px;">
幻彩立體也是 3D 設(shè)計(jì)的演化，在 2022 年它會(huì)依然會(huì)瘋狂的出現(xiàn)。不過風(fēng)格上有些微妙的變化，質(zhì)感更輕盈純粹、色彩更少量、圖形上更幾何塊面化，保持更真實(shí)的空間立體感受，直觀自然。
我們可以從 Dribbble 上面看到像 UI8、craftwork、Is 等，他們的 3D 作品逐漸趨近走向更簡潔風(fēng)格調(diào)性，減少復(fù)雜的光影，這也是在扁平化中找到的思路。
美國電視頻道 Turner Classic Movies
今年發(fā)現(xiàn)越來越多幾何形狀在平面作品或者 UI 中出現(xiàn)，新的幾何圖形更具表意，更趨于表達(dá)真實(shí)情感。少了一些圖形的抽象化裝飾，更多的是傳達(dá)設(shè)計(jì)理念，品牌符號穿透。當(dāng)分形形狀與色彩完美結(jié)合，可以創(chuàng)建出極具吸引力的視覺效果。
Goodfood Market
HANBOK CULTURE WEEK
unipapa 推出的衛(wèi)生紙，以簡潔純白的包裝令人眼前一亮。
Gucci 發(fā)布首款只能在數(shù)字環(huán)境中穿著的虛擬運(yùn)動(dòng)鞋
AR 和 VR 這個(gè)大家都知道，前幾年就火起來了。今天主要提一下今年備受關(guān)注的 NFT 藝術(shù)，什么 NFT？其中文名稱是非同質(zhì)化代幣，一種應(yīng)用區(qū)塊鏈技術(shù)驗(yàn)證的數(shù)字資產(chǎn)。它最容易理解的外號，是數(shù)字藝術(shù)品。
Andrés Reisinger 在 2 月份售出支持 NFT 家具
將 NFT 與平面設(shè)計(jì)聯(lián)系起來，就是我們所說的數(shù)字平面藝術(shù)。它的到來對設(shè)計(jì)師影響有很大變化，橫向能力要求有所提高，比如了解虛擬數(shù)字化設(shè)計(jì)，以及對全新審美和新三維技術(shù)有更高的要求。
Beeple 一幅拼貼畫，經(jīng)過區(qū)塊鏈驗(yàn)證的藝術(shù)品在拍賣會(huì)上以超過 6900 萬美元的價(jià)格成交。
Beeple 的其中一幅作品
Moooi 與 3D 藝術(shù)家 Andrés Reisinger 合作完成了這把不能生產(chǎn)的虛擬椅子
來源：騰訊 ISUX 出品
圖標(biāo)設(shè)計(jì)一直是社交領(lǐng)域的重頭戲，自從去年大量在設(shè)計(jì)作品中后，截止今年依然很強(qiáng)勁。因?yàn)楹芏嘣O(shè)計(jì)師意識到單一的枯燥圖標(biāo)無法滿足一些特殊場景的情感化設(shè)計(jì)表達(dá)，平面超萌趣圖標(biāo)來了，帶來更強(qiáng)的視覺觀欣賞性與生動(dòng)性。
來源：騰訊 ISUX 出品
襯線字體在今年 Behance 作品集首頁上，可謂出鏡率可比以往高，喚起一種懷舊的感覺。也許是因?yàn)榭炊嗔艘r線字體版式，設(shè)計(jì)師更多想嘗試用襯線字體來打破僵局，設(shè)計(jì)出新穎的視覺效果。
Vocation
自然設(shè)計(jì)，主張可持續(xù)性發(fā)展與環(huán)境建立聯(lián)系，是一種新生活態(tài)度，是百轉(zhuǎn)千回，回歸本源的理想之態(tài)。設(shè)計(jì)師通過設(shè)計(jì)表達(dá)對環(huán)境的敬意，與產(chǎn)品建立強(qiáng)相關(guān)，既能表達(dá)產(chǎn)品自然純粹之意，又可以宣傳品牌貼近我們生活自然之意。
&SMITH 涼茶包裝“循環(huán)生活”理念
TR?VE
dia Design studio
今年很多平面海報(bào)設(shè)計(jì)、品牌符號的動(dòng)態(tài)系統(tǒng)設(shè)計(jì)中，都可以看到字體被扭曲、變形，以一種新的形態(tài)出現(xiàn)在眼前，沒錯(cuò)，這就是超變形字體。它打破常規(guī)，以不同尋常的路子出現(xiàn)在大眾視野中，帶來全新視覺體驗(yàn)。
1. Pinterest Sans
說到動(dòng)態(tài)包裝，這是在國內(nèi)外這兩年火起來一個(gè)大趨勢，首先微軟早期各種產(chǎn)品宣傳視頻，在到 Google、IBM、Apple 的視覺語言更新宣傳視頻?，F(xiàn)在越來越多廠商喜歡廠商動(dòng)態(tài)包裝產(chǎn)品，這樣比平面展示更多細(xì)節(jié)與生動(dòng)。
2. Rise
格拉斯哥設(shè)計(jì)工作室 Need 為 Rise 全新重塑品牌，同時(shí)通過動(dòng)態(tài)展示品牌延展設(shè)計(jì)。
今天的趨勢分析差不多到這結(jié)束了，設(shè)計(jì)趨勢沒有好壞之分，選擇合適的應(yīng)用在設(shè)計(jì)中，將發(fā)揮不可估量的作用。希望今天的分享能給大家?guī)硪恍﹩l(fā)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報(bào)下信息，會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
2020年因?yàn)橐咔?，讓協(xié)作、云端、即時(shí)通訊、遠(yuǎn)程會(huì)議、AI智能等等，成為了遠(yuǎn)程辦公的必需品。目前，疫情在國內(nèi)已經(jīng)獲得了控制，后疫情時(shí)代已經(jīng)到來，許多最初沒有的習(xí)慣，在發(fā)現(xiàn)新的工作模式更加有效率后，也即繼續(xù)保留了下來，這些保留下來的習(xí)慣，也將在2021年會(huì)更進(jìn)一步的發(fā)展。
在視覺設(shè)計(jì)層面，個(gè)大設(shè)計(jì)語言陸續(xù)推出了新的設(shè)計(jì)版本，更為突出個(gè)各自設(shè)計(jì)風(fēng)格，以建立自己的視覺護(hù)城河，谷歌發(fā)布了 Android 11，Apple發(fā)布了 IOS 14，微軟持續(xù)宣傳他的 Fluent UI 設(shè)計(jì)理念，在國內(nèi)的辦公領(lǐng)域，騰訊文檔推出了類似 Fluent UI 設(shè)計(jì)理念風(fēng)格，石墨文檔依舊保持獨(dú)特的東方韻味，飛書發(fā)布了飛書文檔，繼承飛書本身簡潔的 UI ，以及活潑的插畫風(fēng)格。
基于 Material Design 設(shè)計(jì)的 Android 11 ,裝飾上運(yùn)用簡潔的幾何圖形，UI 細(xì)節(jié)上開始趨向圓角的運(yùn)用，色彩方面選擇了更為協(xié)調(diào)的配色，對比之前版本純度有所降低，顯得更為高級。視頻鏈接：file:///Users/javascript/Desktop/0bf2miadcaaa7eamerkc6fqfaywdgfraamia.f10003.mp4
UI 設(shè)計(jì)延續(xù)原有的風(fēng)格，清晰的字體，大圓角的運(yùn)用，加上豐富的動(dòng)態(tài)效果，并且新增了許多貼心的新功能，例如懸浮播放視頻、主屏幕的Widget。
這是微軟為跨平臺，而提出的設(shè)計(jì)解決方案。支撐設(shè)計(jì)概念的關(guān)鍵詞有深度、材質(zhì)、動(dòng)畫、光線等等，這聽起來感覺與 Material Densign 特別相似。不過在最終的視覺呈現(xiàn)上微軟會(huì)更接近于真實(shí)世界。例如，透明的毛玻璃效果，或更為立體的圖標(biāo)等。
Behance 和 Dribbble 在2020年出現(xiàn)了許多以 3D 插畫為主視覺的設(shè)計(jì)方案，因?yàn)榧夹g(shù)的發(fā)展，設(shè)計(jì)師借助 Figma 或 Dimensions 就可以輕松的創(chuàng)作所需的 3D 素材。關(guān)鍵的這不是設(shè)計(jì)方案中的“花瓶”，因?yàn)樵贛ac的最新系統(tǒng) Big Sur 中，已經(jīng)開始運(yùn)用了 3D 的圖標(biāo)，相信在以后的 3D 的運(yùn)用場景將會(huì)不斷的被挖掘出來。
2020年初時(shí)在Dribbble流行起來的一個(gè)風(fēng)格叫“新擬態(tài)”，這是將投影運(yùn)用到極致后出現(xiàn)的效果，正如作者所說的：讓我們想象一下，如果在移動(dòng)界面設(shè)計(jì)中，投影的形式發(fā)展的更好的話，那將來的界面將會(huì)是什么樣子的，這是我的愿景”。新擬態(tài)在視覺上表現(xiàn)確實(shí)很驚艷，為此Aandroid還制作了一個(gè)新擬態(tài)的12宣傳視頻，但是主觀感覺這應(yīng)該很難廣泛運(yùn)用到實(shí)際產(chǎn)品當(dāng)中。
設(shè)計(jì)專注于表現(xiàn)內(nèi)容，這是從包豪斯到現(xiàn)在一直遵循的規(guī)則，而這個(gè)理念也將會(huì)持續(xù)下去。設(shè)計(jì)目標(biāo)終將是需要把關(guān)鍵信息傳達(dá)到用戶手中，讓用戶知道自己為什么在這，這里有什么，并且能到哪里去。
技術(shù)的發(fā)展，形式也一直在發(fā)生變化，提升信息傳達(dá)效率，這已經(jīng)不單是平面設(shè)計(jì)專屬。學(xué)會(huì)運(yùn)用動(dòng)效，交互或智能推薦等綜合的方法，來達(dá)到設(shè)計(jì)目標(biāo)，會(huì)是將來常用的設(shè)計(jì)手法。
在以前由于屏幕分辨率太低，窗口四角正常會(huì)運(yùn)用直角，因?yàn)閳A角會(huì)出現(xiàn)鋸齒或者模糊，影響界面美觀。而現(xiàn)如今移動(dòng)屏幕質(zhì)量早已超過紙媒的印刷技術(shù)，圓角也開始被廣泛的運(yùn)用。另一方面圓角在之前的認(rèn)知中，是兒童的專屬，是更為親和力的表現(xiàn)形式。而經(jīng)過幾年的發(fā)展，這個(gè)偏見正在慢慢改變，因?yàn)閳A角也可以做的很高大上，也能設(shè)計(jì)的很潮流。
蘋果總是第一個(gè)吃螃蟹的公司，Mac 的最新系統(tǒng) Big Sur 整體變得更加圓潤，窗口四角從以前的 10px 增加到 20px ，并且全新的控制中心也沿用了 IOS 14 的設(shè)計(jì)風(fēng)格和設(shè)計(jì)布局。值得在一提的是，微軟 Win 10 的概念稿中也開始嘗試運(yùn)用起了圓角。所以這個(gè)趨勢是蠻值得關(guān)注的一點(diǎn)。
設(shè)計(jì)師常常會(huì)陷入形式主義，而忽略了本該表達(dá)的內(nèi)容，特別是在插畫上。也許這個(gè)道理每位設(shè)計(jì)師都懂，但為何還是會(huì)前仆后繼的撲倒在自我滿足的陷阱中呢？也許原因中會(huì)有一點(diǎn)是，當(dāng)內(nèi)容過于直接表達(dá)，或者元素過于普通，就很容易讓作品變得毫無趣味，這就是矛盾所在了。
那如果設(shè)計(jì)師既不想脫離內(nèi)容，又不想設(shè)計(jì)出乏味的設(shè)計(jì)，怎么辦？這就需要讓插畫具有含義，而不是淪為純粹的形式。優(yōu)秀的插畫多承載的信息量，能夠遠(yuǎn)比文字或界面UI來的豐富。
這里所說的自然，是能讓人感到熟悉和安心，是以人為本的設(shè)計(jì)。王敏老師說過：“科技求真，藝術(shù)為美，設(shè)計(jì)從善，設(shè)計(jì)可以作為結(jié)點(diǎn)，讓真善美實(shí)現(xiàn)統(tǒng)一?！辨溄尤伺c產(chǎn)品之間的紐帶是 UI 界面，它需要承載不僅是信息內(nèi)容，還有用戶體驗(yàn)，因此，以人為本的設(shè)計(jì)終會(huì)贏得用戶的喜愛。
自然運(yùn)動(dòng)效果，不是那種大開大合的炫酷效果，而是讓界面過渡更為自然合理。想要讓界面體驗(yàn)更為自然，那必然要遵循真實(shí)世界的物理規(guī)則。例如，重力、摩擦力、向心力、浮力等動(dòng)態(tài)效果。
科學(xué)技術(shù)的快速發(fā)展，讓我們感覺未來近在咫尺，但又十分迷茫不知何去何從。我相信承載UI的媒介，必然不僅僅是現(xiàn)在我們所使用的各種設(shè)備。VR、AR 或全息影像等技術(shù)發(fā)展，將使得UI設(shè)計(jì)會(huì)有更多的可能性。賽博朋克2077也許真的離我們不遠(yuǎn)，那種滿世界無處不在屏讀的社會(huì)，怎樣的設(shè)計(jì)才能真正滿足需求呢？這是我們需要長期思考的問題。
在2020年各大廠都推出了暗色調(diào)模式，這已成了如今APP的標(biāo)配。除了深色模式外，以后還會(huì)在可視性、場景和現(xiàn)實(shí)成本等因素方面，更近一步的打磨。
后疫情時(shí)代的遠(yuǎn)程辦公，我們需更加考慮如何緩解合作的疏離感。如何拉近人與人之間的協(xié)作，打破遠(yuǎn)程的空間桎梏，讓合作更具沉浸感。這時(shí)情感化的設(shè)計(jì)就能充分體現(xiàn)它的價(jià)值，例如，這幾年開始火的 emoji 頭像，或者各種表情包，它們讓溝通的雙方產(chǎn)生情感共鳴，而不是面對著冷冰冰的屏幕。
皮克斯運(yùn)用技術(shù)的創(chuàng)新，提升了質(zhì)量和效率，從而改變了整個(gè)動(dòng)畫的歷史。對于我們來說，未來的插畫需求會(huì)越來越多，并且還要求獨(dú)特的創(chuàng)新性，這就需要有更優(yōu)的解決方案。
凱文凱利在《必然》里討論了關(guān)于未來的生活方式，他認(rèn)為我們的未來環(huán)境會(huì)充滿各種屏幕，它將會(huì)在各種事物的表面出現(xiàn)，屏讀會(huì)從我們起床開始到晚上睡覺，一直出現(xiàn)在我們視野中。如今的人們每人都有各種各樣設(shè)備，因此，多屏協(xié)同辦公是必然的趨勢，不管你是與人合作，還是獨(dú)立工作。
屏幕可拓展，將會(huì)是移動(dòng)辦公的重要轉(zhuǎn)折點(diǎn)。不管是需要長篇編輯的文字，還是畫板無限大的表格，或者是需要強(qiáng)大美化功能的演示，這都需要足夠大的屏幕才能有更優(yōu)的體驗(yàn)。折疊屏的出現(xiàn)讓手機(jī)能代替平板，滿足更多使用場景。折疊屏目前由于成本的原因，在大眾眼中還屬于新事物。但我相信成本在未來不會(huì)是問題，更重要的問題是，屏幕形式的變化，對于交互來說將會(huì)有哪些影響，并且如何挖掘其中真正的潛力。
而如今 5G 開始普及，網(wǎng)速也再次提升，但外界對其的評價(jià)褒貶不一，其中最為常見的話題就是“5G 對我們的生活將會(huì)有什么改變呢？”，有人覺得它只會(huì)提高我們每個(gè)月的話費(fèi)，也有人提出 VR/AR 全景直播、高清遠(yuǎn)程會(huì)議、無人機(jī)作業(yè)、自動(dòng)駕駛等技術(shù)將會(huì)更為成熟。
這篇文章是對當(dāng)下的思考，也希望能對 2021 年的工作帶來些許幫助。在這過程中越是總結(jié)，越是對未來的趨勢感到迷茫，一篇文章并不能囊括所有內(nèi)容，不足之處也希望理解。在未來或許會(huì)有數(shù)不盡的黑天鵝，也可能因?yàn)榧夹g(shù)爆炸，使得新的潮流突然的興起，未來是無法預(yù)測的，所以，就讓我們一起擁抱變化吧～
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報(bào)下信息，會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
在色相環(huán)上采用鄰近色搭配，顏色多以明亮的高飽和度為主，使得頁面更具時(shí)尚活潑感。
鄰近/互補(bǔ)色在網(wǎng)頁的運(yùn)用
鄰近色在APP中的運(yùn)用
混合質(zhì)感圖標(biāo)中的運(yùn)用
通過簡單的幾何圖形，主要是圓形、正方形、三角形等；加上混合模式的質(zhì)感，給人一種高級感。加上透明度、疊加的光影，簡單的幾何圖形背景呈現(xiàn)出空間感。圖片上通過運(yùn)用一個(gè)單色漸變，搭配方形的重復(fù)色彩疊加，給我的視覺感受是有層次的、立體的空間感。
幾何圖形在海報(bào)中的運(yùn)用
色彩疊加在APP上的運(yùn)用
這樣的幾何圖形我們在設(shè)計(jì)網(wǎng)站上經(jīng)?？梢钥吹?，通過重復(fù)幾何圖形的組合加上混合模式的疊加，在設(shè)計(jì)上別具一格。同時(shí)讓我們的設(shè)計(jì)多一種表現(xiàn)手法也增加我們的行業(yè)競爭力。
色彩疊加還可以運(yùn)用在引導(dǎo)頁、閃屏頁面。通過疊加、柔和的過渡，整體呈現(xiàn)的視覺效果還是很時(shí)尚、符合主流的設(shè)計(jì)趨勢。
明亮的顏色搭配混合模式和不透明度，出現(xiàn)出另外一種效果。
google 家的品牌升級，我們也看到了最新的趨勢，運(yùn)用 google 經(jīng)典的顏色，搭配混合模式的漸變，同時(shí)具有品牌識別性。
1.選擇深色的顏色（#0A00BC），畫一個(gè)圓角，填充藍(lán)色漸變背景。
2.畫一個(gè)圓，填充紅色的漸變，模式選擇提亮的效果，剪貼蒙板在圓角背景上。
3.畫第二個(gè)大圓，填充紅色的漸變，模式選擇提亮，透明度調(diào)到70%，剪貼蒙板在圓角背景上。
4.畫第三個(gè)圓，填充紅色-黃色的漸變，模式選擇正常，透明度調(diào)到85%，剪貼蒙板在圓角背景上
6.我們看到示例圖交叉處是黃色漸變，把第三個(gè)和四個(gè)圓進(jìn)行復(fù)制，選擇交集，生成一個(gè)交叉的圖形，把這個(gè)交叉的圖形改為黃色漸變，模式改為加暗。
7.最后一步，右下角的高亮，通過藍(lán)色徑向漸變，調(diào)整到我們滿意的效果即可，模式選擇變亮，透明度90%。
原文地址：我們的設(shè)計(jì)日記（公眾號）
作者：sky
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》蘋果Google都在用的設(shè)計(jì)趨勢，簡直太絢麗了！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
先來看看技術(shù)發(fā)展和現(xiàn)階段人口結(jié)構(gòu)的變化對線上社交有什么影響。
1. 技術(shù)上：
2G 時(shí)代的社交實(shí)現(xiàn)了跨地域聊天，用戶可以在 QQ 里和天南地北的人聊天，強(qiáng)調(diào)在線狀態(tài)。QQ 號是用戶社交虛擬身份的 id，是用戶自我創(chuàng)造的線上人設(shè)。2G 時(shí)代的社交尋求更為方便的溝通方式。
3G 進(jìn)入了移動(dòng)社交，著名風(fēng)投公司合伙人約翰·杜爾提出 SoLoMo 概念（社交化、本地化、移動(dòng)化）。用戶可以基于位置進(jìn)行交友，比如附近的人；基于行為匹配，比如微信搖一搖。沒有在線狀態(tài)，可以隨時(shí)隨地的聯(lián)系，隨時(shí)在朋友圈獲取對方線下的生活狀態(tài)。
4G 時(shí)代，手機(jī)硬件、大數(shù)據(jù)和 AI 的發(fā)展，大大提升了匹配的效率，高效地建立潛在社交關(guān)系。不論是看臉社交還是靈魂匹配，都能在很短時(shí)間內(nèi)找到合適的人聊天。信息傳輸越來越快，溝通互動(dòng)的方式不斷革新，用戶從文字、圖片聊天進(jìn)而習(xí)慣于實(shí)時(shí)語音和視頻。
隨著 5G 到來，高帶寬互聯(lián)網(wǎng)、云、AR/VR/MR 的高速發(fā)展，視頻作為主要的信息和溝通載體變得日益普及，疫情讓在線溝通和協(xié)作越來越方便，更多的線下社交場景轉(zhuǎn)移到線上，線上社交的頻次大大增加的同時(shí)，副作用也開始呈現(xiàn)，社交隔離讓人們感到更孤獨(dú)，對云社交的需求愈發(fā)強(qiáng)烈。
2. 人口結(jié)構(gòu)變化：
獨(dú)生子女群體在 80 年代出現(xiàn)，但由于父母輩基本是有數(shù)量較多的親兄弟姐妹，因此第一代獨(dú)生子女的同輩中有較多的表兄弟姐妹或堂兄弟姐妹互為玩伴。而由第一代獨(dú)生子女繁衍出的第二代獨(dú)生子女，也就是現(xiàn)在的大部分 00 后，家庭規(guī)模越來越小，親屬同輩越來越少，加上人口流動(dòng)頻繁，少有的親屬同輩也較為疏遠(yuǎn)。
00 后這一階段的出生率跌至了最低點(diǎn)，平時(shí)家庭、學(xué)校二點(diǎn)一線的生活，繁重的課業(yè)負(fù)擔(dān)，原本在親屬同輩圈的社交就少，在學(xué)校的熟人同輩圈的社交也越來越少。
2018 年發(fā)布的《00 后來襲-騰訊 00 后研究報(bào)告》中說到，“75%的 00 后渴求有更多的時(shí)間跟同伴在一起”。00 后在現(xiàn)實(shí)生活中缺失的同輩圈社交，更有強(qiáng)烈的訴求去互聯(lián)網(wǎng)上尋找。他們有著更為復(fù)雜的社交需求，通過與同輩圈的互動(dòng)，建立同輩伙伴關(guān)系，從中獲得陪伴感、歸屬感和自我認(rèn)同，形成自我認(rèn)知。
回顧這幾年社交的變化，技術(shù)讓社交體驗(yàn)從“線上線下割裂”向“虛擬空間映射真實(shí)世界”發(fā)展，00 后的線上社交需求更加強(qiáng)烈，我們?nèi)绾谓庾x用戶、解讀人群，尋找他們的需求痛點(diǎn)。接下來，本文從自我展示、匹配連接、溝通互動(dòng)的社交體驗(yàn)路徑來探討社交的設(shè)計(jì)趨勢和特點(diǎn)。
最初的互聯(lián)網(wǎng)社交身份是簡單的虛擬身份 ID：虛擬頭像、昵稱、個(gè)性簽名、QQ 秀，當(dāng)時(shí)的社交體驗(yàn)線上和線下完全割裂，用戶的自我展示強(qiáng)調(diào)純線上人設(shè)打造。隨著硬件設(shè)備和圖像技術(shù)發(fā)展，用戶慢慢豐富社交資產(chǎn)，用真實(shí)身份交友，高清美顏?zhàn)耘?、沙雕表情包和聲音名片，線上的自我展示與線下生活緊密聯(lián)系。而現(xiàn)在，更多人用虛擬形象代表自己，技術(shù)的進(jìn)步讓虛擬形象的展示更完美、更逼真。
1. 真實(shí)身份展示從單一趨向于全面
用戶在展示自我的時(shí)候往往需要填寫大量文字信息和傳輸多張精修過的照片，導(dǎo)致編輯成本高、瀏覽效率低。視頻化的普及讓用戶隨時(shí)隨地記錄自己，在這種沉浸式的自我展示中，身份信息傳達(dá)更加有效和真實(shí)，也進(jìn)一步放大用戶的自我炫耀感。
Feels 的個(gè)人資料由全屏照片、視頻、問答組成，用 story 的交互方式進(jìn)行瀏覽。
2. 從聲音名片到聲音形象，更加賦予了情感和靈魂
語音的優(yōu)點(diǎn)在于比文字傳輸效率高，一篇完整的文字自我介紹用語音三言兩語就說完了。而語音的缺點(diǎn)是無法在嘈雜的公共環(huán)境中使用，所以老年人最愛用語音，因?yàn)樗麄兯饺丝臻g較多。疫情讓人們大大減少了旅游和外出娛樂，享受個(gè)人空間的時(shí)間變多了，從而縮小了語音使用環(huán)境受限的缺點(diǎn)，放大了傳輸效率的優(yōu)點(diǎn)。在今年，出現(xiàn)大量語音房社交，語音從“蘿莉音”“正太音”的聲音社交名片變成展示個(gè)人形象的方式。
Clubhouse 帶來語音社交熱潮，F(xiàn)acebook、Twitter 也相繼上線語音房 hotline 和 Spaces，用戶可以找到一個(gè)感興趣的主題房進(jìn)行聊天或圍觀，那些通過短短幾分鐘發(fā)言就吸粉的高質(zhì)量用戶，通過聲音賦予了個(gè)人的情感和有趣的靈魂。
Reddit Talk
3. 從“我是誰”到“我們的關(guān)系”
展示自我除了從展示者的角度來設(shè)計(jì)“如何更好的展示社交資產(chǎn)”外，也要從看的人的角度考慮“如何更好地了解他”。
ios15 從 spotlight 輸入聯(lián)系人的名字，對方個(gè)人信息會(huì)智能拉取你們相關(guān)聯(lián)的信息，包括最近的聊天、共享的位置和照片。
Snapchat 能根據(jù)生日、出生時(shí)間、地點(diǎn)生成個(gè)人星座運(yùn)勢和個(gè)性，還能和好友進(jìn)行星座合盤。通過個(gè)人資料之間的交互，強(qiáng)化雙方身份的情誼特點(diǎn)。
4. 虛擬和真實(shí)之間，越來越強(qiáng)調(diào)“真實(shí)”
虛擬形象的概念不新鮮了，2003 年 QQ 秀是虛擬形象的雛形，Y 世代網(wǎng)民根據(jù)自己的喜好拼出屬于自己的 QQ 秀形象，用于 QQ 聊天時(shí)的自我形象炫耀和情感表達(dá)。Z 世代逐漸成為互聯(lián)網(wǎng)的主力軍時(shí)，他們的個(gè)性習(xí)慣和獨(dú)特的表達(dá)方式讓虛擬形象在社交中的使用需求愈發(fā)強(qiáng)烈?！禯 世代圈層消費(fèi)大報(bào)告》提出 z 世代五大典型興趣圈層為：電競、國風(fēng)、二次元、模玩手辦、硬核科技。Z 世代已經(jīng)從他們的興趣中建立了對虛擬形象的情感，興趣成為他們建立自我人設(shè)的重要手段，他們跳出固定人設(shè)，在不同興趣圈層展示多樣個(gè)性，使用特定沖浪語，以此獲得歸屬感和認(rèn)同感。
高新技術(shù)的發(fā)展讓虛擬形象變得越來越高質(zhì)量。蘋果的 Memoji、Snapchat 的 Bitmoji 和 Facebook 的 avatars 讓虛擬形象成為自己的化身，用于個(gè)人資料展示以及聊天表情包、合照、視頻互動(dòng)等場景。Snapchat 最新的資料設(shè)計(jì)中展示了 3DBitmoji。
依靠面部捕捉、表情捕捉、動(dòng)作捕捉的技術(shù)，實(shí)現(xiàn)了真人與虛擬形象的動(dòng)態(tài)同步，降低了真人化虛擬形象的設(shè)置成本。在 SXSW2021 音樂節(jié)上，展示了 Facebook 新 avatar 系統(tǒng)推出的 VR 社交應(yīng)用 Horizon。人與人能通過虛擬形象進(jìn)行實(shí)時(shí)互動(dòng)，除了有自己逼真的形象外，還具備真實(shí)的眼神表情和肢體動(dòng)作，還會(huì)根據(jù)肢體動(dòng)作變化不同情緒。
大數(shù)據(jù)和人工智能時(shí)代，融合了 AI 技術(shù)的虛擬形象也在近幾年層出不窮。與真人虛擬形象不同的是，它不受對方在線的限制，能隨時(shí)進(jìn)行實(shí)時(shí)互動(dòng)，來滿足用戶對陪伴和娛樂的需求。麥當(dāng)勞推出一位唱跳型愛豆的虛擬形象，她可以和小朋友進(jìn)行溝通互動(dòng)，一起跳舞，跟小朋友講故事，增加與消費(fèi)者之間玩伴、陪伴關(guān)系。
麥當(dāng)勞虛擬偶像“開心姐姐”
用戶在社交網(wǎng)站分享動(dòng)態(tài)，維系自己的人設(shè)，獲得群體的存在感和認(rèn)同感。在未來，這些記錄和創(chuàng)作的內(nèi)容是否會(huì)形成自己的虛擬空間？每一個(gè)人不同的故事動(dòng)態(tài)與空間產(chǎn)生聯(lián)系，形成自己獨(dú)有的虛擬空間社交資產(chǎn)。
5. 社交人格從「完美人設(shè)」到「透明人設(shè)」
隨著好友列表數(shù)量增多，很多人開始逃離朋友圈，人們在朋友圈的人設(shè)經(jīng)營也越來越謹(jǐn)小慎微，開始疲于“完美”人設(shè)的表達(dá)，社交產(chǎn)品開始減壓。正如越來越多的年輕服裝品牌進(jìn)行的「透明商品運(yùn)動(dòng)」，他們在品牌宣傳時(shí)，將商品從生產(chǎn)到制作的全過程透明化公開給消費(fèi)者?！竿该魅嗽O(shè)」是反對當(dāng)今社交信息流充斥著的完美人設(shè)，鼓勵(lì)自我展示更加真實(shí)和未經(jīng)編輯。
Dispo 復(fù)古相機(jī)拍攝后需要 24 小時(shí)才出片，并且沒有任何美圖的編輯工具。傳達(dá)現(xiàn)實(shí)生活中不完美的時(shí)刻也是值得捕捉和分享的。
Poparazzi 能連續(xù)拍照變成 GIF 進(jìn)行分享，同樣也傳達(dá)未經(jīng)過編輯的更真實(shí)的自我展示。用戶用 emoji 進(jìn)行互動(dòng)，僅展示動(dòng)態(tài)收到的 emoji 表態(tài)數(shù)量。
你是否會(huì)因?yàn)閯?dòng)態(tài)無人互動(dòng)而焦慮？是否會(huì)因?yàn)楹芫貌桓聞?dòng)態(tài)而失去展示的動(dòng)力，慢慢社恐？instagram 和 Facebook 允許用戶隱藏帖子的贊數(shù)，來減輕用戶的壓力和焦慮。
1. 匹配趨向于多元化
調(diào)查發(fā)現(xiàn)，現(xiàn)實(shí)中兩位互不相識的陌生人要花 50 小時(shí)，才可以在路上叫出對方名字，再投入 40 小時(shí)，才能蛻變?yōu)檎嬲挠亚椤；ヂ?lián)網(wǎng)幫助用戶高效匹配，縮短認(rèn)識的時(shí)間，降低認(rèn)識的成本。
近幾年，用戶的喜好正在極速分裂和細(xì)化?！?0 后來襲-騰訊 00 后研究報(bào)告》表明 73%的 00 后會(huì)主動(dòng)地獲取資源來發(fā)展自己感興趣的領(lǐng)域。由于現(xiàn)實(shí)中同輩社交圈狹窄，他們需要在互聯(lián)網(wǎng)的社交陣地上尋找更垂類的興趣伙伴，比如云學(xué)習(xí)伙伴、游戲玩伴、coscp 等，線上社交在不斷垂直細(xì)分以便更快捷的連接同輩伙伴。
隨著傳輸速度的發(fā)展，匹配連接的體驗(yàn)具有更實(shí)時(shí)的交互和面對面的互動(dòng)體驗(yàn)。Distance Disco 是一款云蹦迪平臺，疫情期間，大家在各自房間里通過在線視頻就能開啟一場線上舞會(huì)，結(jié)識一起蹦迪的朋友。界面上的視覺元素和色塊會(huì)隨著音樂節(jié)奏變化，增強(qiáng)迪斯科的互動(dòng)氛圍。
視頻鏈接：https://v.qq.com/x/page/w32687gdpf8.html?start=46
Honk 匹配陌生人聊天的動(dòng)畫，傳達(dá)了穿越了人山人海，遇見了你的感覺。頭像出現(xiàn)時(shí)，出現(xiàn)招手動(dòng)畫，像是剛剛見面的人招手打招呼。
2. 匹配提升安全感和隱私保護(hù)
現(xiàn)實(shí)生活中我們都有意識地保護(hù)自己的隱私，而到了互聯(lián)網(wǎng)，卻容易放下戒心將自己的信息分享給他人，線上社交會(huì)放大陌生人有趣、友善的一面，卻也隱藏了人性的缺點(diǎn)。社交產(chǎn)品的在幫助用戶建立社交關(guān)系的同時(shí)，也要提升用戶隱私保護(hù)和社交安全的體驗(yàn)。
Instagram 帳戶注冊時(shí)，未滿 16 歲的未成年人默認(rèn)使用私人帳戶，僅粉絲才能查看其發(fā)布的信息，在平臺內(nèi)容分發(fā)和互動(dòng)上與成年人帳戶進(jìn)行隔離。當(dāng)用戶更改成公共帳戶時(shí)，會(huì)給到提示強(qiáng)調(diào)私人帳戶的好處。
Snapchat 推出“好友檢查”，用戶可以快捷私密地刪除不聯(lián)系的人，確保好友列表里仍是真正的朋友。
Tinder 的一項(xiàng)調(diào)查顯示，40%的人在 Tinder 中發(fā)現(xiàn)了前任，24%的人遇到了家人。為了保障用戶隱私，用戶可以上傳他們的聯(lián)系人名單以選擇不想在 app 中遇到哪些人，屏蔽所選的聯(lián)系人。
在社交產(chǎn)品中，聊天是關(guān)鍵的一環(huán)，匹配到合適的用戶后，如何加強(qiáng)雙方情感連接和信任的紐帶讓用戶為關(guān)系而留？從書信到電報(bào)到電話到視頻通話，都是通過技術(shù)的發(fā)展獲得了更高效真實(shí)的溝通體驗(yàn)，線上溝通的用戶體驗(yàn)一直不斷還原線下的真實(shí)體驗(yàn)，疫情加速了多人在線視頻通話的發(fā)展，既讓人在溝通時(shí)保持社交距離，又讓人感覺對方近在遲尺。
1. 更臨場
相較于面對面溝通交流，線上的交流在聽覺、視覺、觸覺、情緒傳遞的體驗(yàn)上，決定了用戶社交臨場感的強(qiáng)弱。
Honk 用文字交流時(shí)，能看到對方一個(gè)字一個(gè)字實(shí)時(shí)的輸出，模擬真實(shí)的說話方式。
2021 年 Google I/O 大會(huì)的 3D 視頻聊天設(shè)備 Project Starline，利用多個(gè)高分辨率攝像機(jī)和深度傳感器在不同角度捕捉用戶，以 3D 的效果進(jìn)行人物呈現(xiàn)，營造對方真的就在對面的裸眼 3D 感。
2021 年 F8 大會(huì)上，F(xiàn)acebook 提出用于 AR 視頻通話的 MultipeerAPI，更方便創(chuàng)作者制作 AR 特效，用于多用戶、多屏幕的共享 AR 體驗(yàn)。用戶在多人視頻通話時(shí)，視頻中會(huì)出現(xiàn)太空或篝火的 AR 特效，讓視頻者感受到大家都在同一個(gè)共享空間。還支持輕量級游戲，多位玩家屏幕由一根曲線貫穿，玩家用臉引導(dǎo)甜甜圈共同完成接力游戲。
2021 年 IOS15 的更新，F(xiàn)acetime 使用的空間音頻讓通話的聽感更加自然、逼真，仿佛在同一房間面對面聊天。
面對疫情人們在生活中的社交禮儀都以非身體接觸式動(dòng)作替代，線上社交的頻次和密度大大增加，視頻通話在視、聽處理上越來越自然和逼真，在觸覺上也向著《頭號玩家》的男主角在虛擬空間中感受到的虛擬觸覺傳遞到現(xiàn)實(shí)中那樣在進(jìn)化。美國西北大學(xué)的研究中，一位媽媽與孩子視頻通話時(shí)，通過撫摸屏幕，能把來自媽媽的撫摸傳遞到孩子身上的“AR 皮膚”上。未來在虛擬社交中也能獲得真實(shí)的觸碰，加強(qiáng)情感的連接。
2. 更個(gè)性
個(gè)人展示是單向的，溝通交流是雙向的，雙方在不斷交換彼此之間的狀態(tài)和感受，從中獲得被了解和認(rèn)可。個(gè)性聊天氣泡、表情包、自定義聊天背景，幫用戶在溝通交流時(shí)展現(xiàn)自己獨(dú)一無二的個(gè)性。線上社交的用戶語言設(shè)計(jì)要打造個(gè)性化的社交氛圍，讓用戶的個(gè)性在溝通中被挖掘和展現(xiàn)。
MUZE 在聊天中可以自由擺放文字、貼圖、涂鴉，讓交流更個(gè)性化和自由。
Google I/O 大會(huì)推出的全新設(shè)計(jì)語言 Material You 中，系統(tǒng)會(huì)基于用戶選擇的壁紙進(jìn)行自由取色，并應(yīng)用到 UI 中。是否聊天的 UI 也能隨著聊天中的圖片，或是聊天發(fā)送的表情文字提取心情語義，進(jìn)行 UI 的變化，加強(qiáng)情緒的傳達(dá)。
3. 場景化
人和人的社交通常依附于不同的場景，群聊或好友分組就是將特定的社交關(guān)系進(jìn)行場景設(shè)定。比如“火鍋突擊隊(duì)”“老廢物樂園”“吃瓜小分隊(duì)”依附社交場景來進(jìn)行互動(dòng)，幫助用戶帶入社交氛圍。
咖啡館社交，通過構(gòu)建咖啡館場景，傳達(dá)和陌生人進(jìn)行一場閑聊的慢社交體驗(yàn)。
森遇
Facebook 的視頻通話，用煙花和禮帽的 AR 特效來構(gòu)建派對的社交場景。
2021 年 WWDC 大會(huì)上，現(xiàn)場用不同的 Memoji 營造了線上觀眾參與會(huì)議的場景。
4. 感官刺激
2021 年 Google 的一份統(tǒng)計(jì)數(shù)據(jù)表明，用戶平均注意力時(shí)長從 12s 下降到 9s，而 00 后的平均注意力僅 8s。面對這樣的用戶，需要讓他們在短時(shí)間內(nèi)獲得極大的感官刺激來延長注意力，以及在溝通交流時(shí)有更極致的情緒表達(dá)。
Honk 可以同時(shí)發(fā)送大量的 emoji 表情。
QQ 團(tuán)隊(duì)運(yùn)用 Lottie 技術(shù)推出每秒 60 幀超高幀率、動(dòng)效更細(xì)膩的小黃臉表情包。
微信的表情包不僅帶來視覺上逼真的 3D 動(dòng)畫效果，屏幕上其他內(nèi)容也會(huì)隨之震動(dòng)，還有觸感上的沖擊。
網(wǎng)絡(luò)表情包
5. 輕娛樂、游戲社交
《社交媒體趨勢報(bào)告》提到“和朋友保持聯(lián)系”一直被列為是使用社交媒體首要原因，但在 16-24 歲的用戶中，主要驅(qū)動(dòng)力變?yōu)椤皩ふ腋阈陀腥さ膬?nèi)容”。青少年通過線上社交彌補(bǔ)線下社交缺口，獲得同輩認(rèn)同，排解孤獨(dú)和學(xué)習(xí)壓力?！敖M隊(duì)開黑”“一起微光”“找長期固聊固玩”，00 后們的社交需求更多放在娛樂、游戲化社交上。社交體驗(yàn)也從物理空間的連接轉(zhuǎn)變到精神空間的連接。
用戶在 Housparty 進(jìn)行視頻聊天時(shí)，如果感到無聊，可以玩一場輕松的游戲，游戲過程中可以通過視頻看到對方的狀態(tài)。
Snapchat 正推出一種叫 Connected Lenses 的新型增強(qiáng)現(xiàn)實(shí)鏡頭，它可以讓不在同一個(gè)物理空間的用戶一起進(jìn)行 AR 游戲，比如共同組建樂高模型。
IOS15 中 Facetime 加入 Shareplay 功能，可以與朋友共享屏幕，一起線上追劇、聽音樂、玩游戲。
Tinder 在今年推出第二季 Swipe Night 活動(dòng)，用戶通過觀看每周一集的互動(dòng)故事，向左或向右滑為故事中的角色做決定，每一集結(jié)束后會(huì)匹配到在故事中做出類似選擇的用戶，并可以繼續(xù)相關(guān)話題的聊天。
科技重塑了我們的生活。線上社交讓我們?nèi)粘贤ǜ鼮榉奖?，也讓我們輕松維系現(xiàn)實(shí)中的社交關(guān)系，越來越多的人依靠它構(gòu)建新的虛擬關(guān)系，互聯(lián)網(wǎng)帶來溝通便利的同時(shí)，也減少了人與人面對面交流的機(jī)會(huì)。
美國傳播學(xué)家艾伯特·梅拉比曾給出一個(gè)公式：信息溝通傳遞=55%視覺+38%聲音+7%語義。大意是人們在現(xiàn)實(shí)生活中進(jìn)行面對面溝通交流時(shí)，7%是語言上的內(nèi)容，剩下的是面部表情、肢體動(dòng)作、目光接觸、語速語調(diào)等非語言內(nèi)容的交流。隨著技術(shù)的進(jìn)步，社交不斷在補(bǔ)充非語言內(nèi)容交流的缺失。在自我展示中，無論是視頻化、聲音形象、富有表情和肢體動(dòng)作的虛擬形象，還是溝通場景中越來越臨場的體驗(yàn)和充滿感官刺激的表情符號，線上社交的趨勢都在不斷映射線下社交的體驗(yàn)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報(bào)下信息，會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
今天和大家一起溫習(xí)下2021年占據(jù)主導(dǎo)的8個(gè)UI和UX趨勢，干貨建議提前收藏！
沒人能夠預(yù)測未來會(huì)發(fā)生什么，但是在數(shù)字世界中，趨勢確實(shí)存在于設(shè)計(jì)師的圈子中，并且在有規(guī)律的演化中。大家可以已經(jīng)看膩了不少趨勢研判文章，但是，適當(dāng)總結(jié)一下當(dāng)年的趨勢，把這個(gè)時(shí)間線拉長，你會(huì)覺得非常好玩。從移動(dòng)端設(shè)計(jì)剛開始流行的時(shí)代，到現(xiàn)在，設(shè)計(jì)趨勢都發(fā)生了哪些變化呢？它們是不是又會(huì)返祖，復(fù)古？周而復(fù)始？咱們不得而知。
雖然2021年已經(jīng)過去一半，不過，今天咱們還是先Review一下2021年正在流行的幾個(gè)設(shè)計(jì)趨勢，加深一下印象吧！
當(dāng)然，各位設(shè)計(jì)師，趨勢僅僅是一種現(xiàn)象，想要做的出圈，與眾不同，我們必須站在趨勢之上，做出自己的創(chuàng)新，這樣才能在千篇一律的設(shè)計(jì)中獨(dú)當(dāng)一面。
3D 圖形越來越多地出現(xiàn)在 Web 和移動(dòng)界面中。毫無疑問，將各種 3d 圖形應(yīng)用到移動(dòng)和 Web 界面是一項(xiàng)相當(dāng)大的挑戰(zhàn)，需要良好的技能和藝術(shù)眼光才行。在我們的 UI/UX 設(shè)計(jì)中添加 3D 元素有很多好處：
ByMako Tsereteli
玻璃擬態(tài)是大多人更喜歡的最新UI設(shè)計(jì)趨勢，它引人注目且色彩繽紛，這種趨勢兼顧透明度和層次感。玻璃擬態(tài)設(shè)計(jì)給人以磨砂玻璃的感覺，近一段最受歡迎的趨勢。這種風(fēng)格深受蘋果在 2013 年推出的 IOS 7 和 windows vista 中首次引入的類似概念的影響。在許多情況下，如果使用得當(dāng)，Glassmorphism 可以使網(wǎng)站和應(yīng)用程序?qū)τ脩舾呶Α?
ByMahmudul Hasan Manik
深色主題現(xiàn)在已經(jīng)成為應(yīng)用必備的界面了。手機(jī)的白色界面可能對我們的眼睛造成更多的刺激，這就是所有應(yīng)用程序和網(wǎng)站都加入了暗黑模式設(shè)計(jì)的原因。暗模式有一些我們應(yīng)該遵循的特定規(guī)則。深色主題的主要優(yōu)點(diǎn)是在弱光環(huán)境中具有更好的可讀性。作為 UI 和 UX 設(shè)計(jì)師，我們應(yīng)該明白它的主要作用，它主要是減少了用戶的眼睛疲勞并提高了夜間的可讀性。
ByJulius
色彩理論知識在每個(gè) UI 和 UX 設(shè)計(jì)中都至關(guān)重要。正確使用顏色對于為您的客戶創(chuàng)造正面形象很重要，這就是顏色在 UI 和 UX 設(shè)計(jì)中扮演重要角色的原因。大多數(shù) UI 設(shè)計(jì)師都使用鮮艷的色彩來將用戶的注意力集中在重要元素上，并使我們的設(shè)計(jì)令人難忘。下圖分別為單色調(diào)和雙色調(diào)界面。
By Resuscitation
包豪斯的風(fēng)格通常被描述為藝術(shù)和手工藝運(yùn)動(dòng)與現(xiàn)代主義的結(jié)合。包豪斯設(shè)計(jì)幾乎沒有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設(shè)計(jì)，也可以理解為包豪斯的復(fù)興。包豪斯設(shè)計(jì)在UI設(shè)計(jì)上的核心，就是將設(shè)計(jì)簡化為必要的功能，使其美觀和輕松，以及精心制作每一個(gè)小細(xì)節(jié)。
包豪斯設(shè)計(jì)幾乎沒有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設(shè)計(jì)也是包豪斯風(fēng)格的復(fù)興表現(xiàn)之一。
By Beto Garza “Helbetico”
在當(dāng)今的設(shè)計(jì)中，白色背景越來越受到大家的歡迎。了解色彩心理學(xué)是創(chuàng)建配色的一個(gè)關(guān)鍵方面，這在數(shù)字設(shè)計(jì)中效果很好。吸引用戶的最佳方式是通過“色塊”平衡單色背景色與亮色，以突出數(shù)據(jù)中的重要內(nèi)容或者異常提示部分。少即是多，當(dāng)您在 UI設(shè)計(jì)中使用較少的顏色時(shí)，這將對用戶更具吸引力和亮點(diǎn)。
By Resuscitation
插圖是用戶界面中更直觀的視覺闡述，也一直是UI設(shè)計(jì)中長盛不衰的“趨勢”之一。動(dòng)畫插圖，在與用戶交互過程中為UI注入了強(qiáng)大的生命力。它幫助用戶獲得更立體的反饋，為創(chuàng)建更生動(dòng)的微交互創(chuàng)造了條件。
By Rachelizmarvel
極簡主義是 UI 設(shè)計(jì)中使用最多的“風(fēng)格”之一，它有助于改善用戶體驗(yàn)。在我們的 UI 設(shè)計(jì)開始極簡設(shè)計(jì)之前，有必要了解術(shù)語“極簡”的含義以及為什么極簡在 ui 中很重要。下面是極簡主義的特征：
By Shakib
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：人人都是產(chǎn)品經(jīng)理 作者：Tzw_n
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
往往偉大的事業(yè)都是從七月開始的、我用一個(gè)設(shè)計(jì)師的視角，來盤點(diǎn)一下UI/UX行業(yè)這半年的設(shè)計(jì)風(fēng)格走勢。
以下我從色彩、圖形、圖標(biāo)、排版、行業(yè)趨勢這五個(gè)層面進(jìn)行一些2021年中期盤點(diǎn)總結(jié)。
在色彩方面，雖然UI是一個(gè)相對獨(dú)立的設(shè)計(jì)環(huán)境，但其實(shí)一直是在跟隨平面的趨勢。
年初潘通發(fā)布了2021年的色彩流行趨勢，灰黃色一時(shí)間成為了我們追逐的目標(biāo)。
但是潘通流行色更多是表現(xiàn)了一種當(dāng)下的社會(huì)情緒與遠(yuǎn)景追求，并不是用來指導(dǎo)設(shè)計(jì)的。
(圖片來源：Dribbble)
在UI的色彩方面，我們都記得2020年還是流行的是高飽和色彩路線，而2021年UI色彩一下子就被沖淡了，各種低飽和度色彩的作品更加得到設(shè)計(jì)師的青睞，似乎也昭示著大家的情緒也從疫情中慢慢穩(wěn)定了下來，這個(gè)世界的確需要設(shè)計(jì)來對情緒進(jìn)行即時(shí)表達(dá)，在5月份Google的全新Material You設(shè)計(jì)語言中，這種低飽和色彩也被發(fā)揮的淋漓盡致。相信低飽和度色彩將在2021下半年會(huì)延續(xù)發(fā)展！
有關(guān)Material You信息可以看一下我的另一篇文章《Material You 為你而來！》
(圖片來源：Google Material You)
(圖片來源：Dribbble)
圖形方面，亮點(diǎn)在3D！毫無疑問3D插畫在2021上半年繼續(xù)著他的強(qiáng)勁勢頭，2021上半年涌現(xiàn)出了大量優(yōu)秀的3D風(fēng)格插畫，并且不止是3D卡通人物，在產(chǎn)品渲染和背景展現(xiàn)上也在醞釀新的力量。特別說明的是，設(shè)計(jì)工具的高速發(fā)展也讓3D門檻不斷降低，如果你只盯著C4D那就真的OUT了，像Blender Spline Stager 這樣的新興輕量級3D工具軟件是需要特別關(guān)注的，也許這些新工具是真的能讓你跑出與別人不一樣的賽道。
(值得關(guān)注的3款新興3D軟件)
在2D圖形方面，也有突破，除了傳統(tǒng)的矩形、圓角矩形、圓形之外，UI中將會(huì)引入到更多的形狀，像多邊形、三角形、不規(guī)則形都會(huì)大量的出現(xiàn)在UI設(shè)計(jì)中，UI設(shè)計(jì)越來越開放和放得開了！
(圖片來源：Google Material You)
隨著去年底蘋果BigSur操作系統(tǒng)的發(fā)布，3D圖標(biāo)著實(shí)火了一段時(shí)間，出現(xiàn)了不少3D風(fēng)格圖標(biāo)。但是后來大家發(fā)現(xiàn)在圖標(biāo)在2D層面其實(shí)還是很有創(chuàng)新點(diǎn)的，并且也更加實(shí)用，所以我們又看到了磨砂玻璃風(fēng)格圖標(biāo)走入了我們的視線。這種采用背板透光設(shè)計(jì)的風(fēng)格圖標(biāo)，看起來清新自然，一經(jīng)亮相就讓設(shè)計(jì)師們喜歡起來了！
(圖片來源：Dribbble)
但無論是3D風(fēng)格還是磨砂玻璃風(fēng)格圖標(biāo)設(shè)計(jì)，從某種意義上說，這些都是擬物化設(shè)計(jì)的一種新的回歸方式，設(shè)計(jì)就是一個(gè)圈哪！
排版設(shè)計(jì)，塊狀與字體成為了關(guān)鍵詞。先看幾個(gè)作品，你發(fā)現(xiàn)了什么了嗎？
(圖片來源：Dribbble)
UI設(shè)計(jì)的排版不止是為了視覺好看，更多是要做信息的分割與歸類，讓信息閱讀快速準(zhǔn)確且優(yōu)雅！從某種方面也就是我們說的用戶體驗(yàn)。當(dāng)下仍然是扁平化為主體UI設(shè)計(jì)語言的時(shí)代，陰影設(shè)計(jì)幾乎已經(jīng)退出了當(dāng)下的主流設(shè)計(jì)，所以在信息的區(qū)分上靠的就是留白與文字，所以加粗大字體，卡片留白、形狀色彩塊就在UI排版設(shè)計(jì)中起到重要的作用。再輔助通過一些微交互動(dòng)畫，一切都是那么自然絲滑，主次分明！
(UI排版的三個(gè)趨勢)
最后我們說說行業(yè)趨勢方面，在2021上半年的UI設(shè)計(jì)作品中，除了常規(guī)的移動(dòng)端APP UI設(shè)計(jì)之外，我們更多看到了一些針對于其他設(shè)備的UI設(shè)計(jì)，比如說電腦B端應(yīng)用、車載HMI、數(shù)據(jù)可視化、交互動(dòng)畫等這樣的新端趨勢，并且這些作品的數(shù)量越來越多了，所以從行業(yè)趨勢來講，UI設(shè)計(jì)師們還是要打開更多的眼界和格局，設(shè)計(jì)的競爭不止是在水平能力上，更重要的是行業(yè)賽道的選擇！關(guān)注趨勢尤為重要！
(圖片來源：Dribbble)
(需要關(guān)注的四個(gè)新端設(shè)計(jì)趨勢)
用我開頭的那句話，做個(gè)結(jié)尾吧！ 往往偉大的事業(yè)都是從7月開始的，無論你上半年是碩果累累還是顆粒無收，現(xiàn)在開始！一切都還來得及，還來得及！
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn