便當盒是日本午餐和午餐盒文化的重要組成部分。他們以井然有序的方式儲存食物，并保持著食物清潔。
圖片來源 — Freepik
從便當盒演變而來的 Bento UI 設計風格，是便當盒在屏幕上的數字化效果，基于卡片的設計或網格布局，其中信息以不同的部分或容器呈現，以提高清晰度和易用性。它慢慢開始在 Dribbble 和 Behance 等平臺上掀起波瀾，吸引數百萬設計師關注。
后續這種“模塊化”設計概念開始出現在網站的儀表板，包括 PayPal 的銷售和財務儀表板、Google Ads 的分析工具等。Windows Phone 和 Lumia 使用的 UI 本質上是 Bento 設計風格的早期迭代。后來，微軟也將這一概念應用到了 Windows 8 的 Windows 桌面開始菜單中。
Windows 8 開始菜單當蘋果公司在 iPhone 登陸頁面上開始使用 Bento 網格時，Bento 設計被徹底引爆，很快擴展到蘋果的發布會演示中。
另一張蘋果海報
眾所周知，蘋果公司總能引領市場設計趨勢，而 Bento 設計風格只是其中之一。從那以后，每個設計師都使用 Bento 進行產品設計、產品發布等。
日式便當的設計與 Bento 設計趨勢之間的最大區別在于， Bento 網格的每個部分都代表一個獨特的空間，而不是一個組的一部分。它現在已經發展到包括產品演示，與其他一些獨特的布局混合，甚至采用新的視覺設計概念進行風格化。比如下面這個：
Bento 設計互動現場演示
上面的例子來自 diagram.com，它使用便當網格來展示其工具通過交互式體驗可以做什么的現實生活示例，讓這個工具更具吸引力，并告訴用戶他們應該期待什么。
同時，為了幫助全球設計師開拓思路，出現了一些 Bento 設計靈感的收集網站，如 Bentogrids.com ，其中有大量用于 UI 和圖形設計的 Bento 網格。感興趣的設計師朋友可以前往體驗。
Bentogrids官網
Bento UI 設計風格擴展性較強，可以快速的創建響應式動態分布，同時可以輕松地創建明確的視覺層次結構和布局，提高信息可讀性和可理解性。這些優勢讓 Bento UI 在移動設備上的發揮非常出色，但如果是層級結構較為復雜的頁面，Bento UI可能并不適合。
想象一下，你剛剛醒來，拿起手機查看“重要電子郵件”。畫面切換，你帶著蘋果的 Vision Pro，整個信息流都來源于這里。這是 2023 年 6 月 5 日全世界每一位科技和設計愛好者的早晨。
圖片來源 — Apple.com
在接下來的幾周里，這是科技界談論的主要話題，每個設計師都在努力學習空間設計技能。除了設計趨勢之外，各種 AR / VR 初創公司也走到了最前沿，他們的技術終于被人們談論。Vision Pro 真正推動了 AR 和 VR 的發展。
偉大的技術帶來巨大的設計潛力。從智能手表到折疊手機，設計師們總是挺身而出，展示他們的適應性?？臻g設計也不例外。
一睹即將發生的事情
一款名為“Bezi”的流行設計師工具隨之推出，它非常接近 Figma 和 Spline 等設計工具，但增加了第三維空間。設計師可以進行空間設計，連接可用的 AR / VR 耳機，并創建交互式空間體驗。
更好的 UX 是更好的 AR / VR 體驗的一個重要貢獻者。深入了解前沿設計背后的技術、使用實際的 VR 耳機、在空間環境中進行測試，這些都是工作的一部分。隨著我們的發展，我們目前對用戶體驗的理解肯定會有很多新的變化。這是需要持續積累并會在將來使用的技能之一。
除了蘋果公司豐富的想象力和雄厚的財力之外，還有一些不太懂技術的公司也為佩戴眼鏡帶來了全新的體驗。比如太陽鏡公司 RayBan ，已經憑借其新款 Meta Wayfarer 進入了智能可穿戴設備競賽。它的內置攝像頭和智能功能允許用戶存儲視頻/圖像并直播到社交媒體，這為用戶體驗和客戶體驗帶來了新的維度。
圖片來源 — RayBan
當更多人掌握一項新技能時，新趨勢往往就會誕生。LottieFiles 可以便捷的將 UI 生成簡單的動畫，他們甚至推出了 Figma 插件，允許用戶將 Figma 動畫轉換為可導出的 Lottie JSON 文件。這解決了 After Effects 和類似軟件的漫長學習曲線問題，讓更多的設計師可以自己快速制作動畫。
同時我們注意到，如今每個公司的登陸頁面上都有誘人的互動。這源于網站訪問者對差異化體驗的需求不斷增長，以及在銷售產品/服務的過程中講好故事的更大需求。
以 Apple Watch Series 9 的登陸頁面交互為例：
有了滾動動畫，訪問者就會全神貫注于你要向他們展示的內容。Webflow 和 Framer 等無代碼工具不斷創新，為設計人員帶來此類動畫功能，而無需編寫長行代碼。
人們可能會認為，動畫至此已經達到頂峰，沒有什么值得期待的了。但幸運的是，科技界的人總是在尋找下一件大事，并且提供無窮無盡的強大工具，讓想象的一切都變得可能。其中一種可能性就是新的“動畫按鈕趨勢”。一種新的 UI 風格，引入了動畫技術，使簡單的按鈕變得生動起來。這些變化的范圍從按鈕周圍的簡單筆劃動畫，到鼠標懸停時在按鈕內移動的文字星星。
來源于 X的“@learnframer”的 GIF
除了動畫的趨勢之外，最近，許多設計師都在談論設計世界如何從扁平化設計轉向更偽現實的視覺風格。其中包括 3D 圖形、深度效果、擬物化、擬物化等。我們也看到很多公司都將 3D 作為核心風格。盡管它現在可能不會出現在網頁和應用程序設計中，但徽標正在隨著這一新趨勢而更新。
新 3D 浪潮的幾個很好的例子（來源于 Chan Karunaratne）
與動畫設計趨勢非常相似，人們實現這些樣式的一個重要原因是出現了易于使用的基于 Web 的 3D 工具，例如 Spline 和 Vectary ，這些工具使得在 Web 和應用程序上包含 3D 資源變得非常容易。他們還使用動畫將 3D 資產帶入生活，這是很多設計師所經歷過的最短的學習曲線。設計師很快就能使用基本的線性漸變和一些陰影為企業的品牌資產添加第三維度。另一家始終推動設計和趨勢的公司是 Airbnb。他們因其簡單而有效的應用程序設計和交互而廣為人知。2023 年，他們宣布了一次應用程序更新，融入了十多個 3D 視覺元素，甚至公告視頻幾乎都是關于3D的。
Airbnb 發布視頻
等距視覺效果、3D 角色和動畫以及大量應用程序交互足夠吸引眼球，讓用戶想要重復觀看。從平面到動畫或 3D 的轉變在緩慢而穩定的發生著。這種趨勢通常是由多米諾骨牌效應造成的。只要一位設計師的社交帖子受到歡迎，其他著名設計師也會效仿。
雖然一些設計師認為 AI 未來會對他們的職業構成威脅，但我們大多數人都在使用這項技術更快地創造出最好的設計。
Adobe Firefly 用于視頻處理
不過大多數聲稱自己為“人工智能驅動”的設計工具，雖然開放了生成式 AI 的 API，也在開發自己的人工智能模型，但大多數 AI 功能都還只是噱頭，只能完成隨機設計 UI、重組資產等不穩定功能。
但市場上也仍然存在一些設計領域的英雄產品，比如 Relume 。這家專注于 Webflow 的公司推出了名為 Relume AI 的產品，這是一款功能強大的線框和交互工具。在該網站中輸入你的網站描述，它會生成完整且詳細的交互稿和視覺圖，界面的布局和數據完整，可以快速復制到 Figma 和 Webflow。
前段時間我們也分享過 Durable 這個建站產品AI + 建站｜Durable，融資 1400 萬美金，30秒創建一個網站并成為自己的老板，它提供了創建網站所需要的一打子工具，包括網站構建器、CRM、發票軟件、人工智能助手等。用戶只需要提供品牌名稱、所屬行業、開展業務的地點和網站語言，Durable 就會基于用戶提供的信息快速創建一個網站首頁。
用 Durable 創建網站
在 ChatGPT 還沒有風靡的時候，數字產品的用戶體驗風格普遍為以 GUI （圖形用戶界面）為主，通過圖形、按鈕、菜單等標準化元素，使用戶可以通過鍵盤、觸摸等方式與終端設備交互。Windows 操作系統、MacOS 、Photoshop等軟件都已 GUI 的用戶界面為主。
GUI 的界面設計在近 20 多年的發展過程中，由于功能場景的不斷增加， GUI 界面需要兼容復雜的、多樣化的用戶需求。功能強大的同時，設計成本變得很高，用戶的學習成本也隨之提升。尤其是在 TOB 領域的設計中，功能的龐大讓整個頁面擁有多重窗口、四五級以上的導航，即使設計師努力提供簡單易用的頁面，也很難降低用戶的學習難度。
隨著 GPT4 的推出，CUI （對話式用戶界面）的界面體驗正在逐漸應用廣泛。CUI 采用了更加直觀和自然的語言交互的方式，通過自然語言、語音等方式進行對話，可以有上下文記憶和智能化的回應，典型如 Siri 、Amazon Alexa 、 Google Assistant。
CUI 的出現，用自然語言的對話方式，可以讓用戶更直觀的與數字產品進行交互，避免用戶記憶繁瑣的操作路徑，讓 AI 為自己找到最快的解決方案。
但是否所有應用都需要用 CUI 重構一遍？我們認為不會，不同的應用特性會導致不同的設計方向，這給了設計師進一步延展的空間。
用戶體驗的研究已經不斷發展和完善，使設計變得易于理解和包容。相比于視覺設計的精美程度，許多設計師更重視可用性，這帶來了更簡單且可行的設計風格。盡管過去幾年行業發生了變化，該設計原則仍然被踐行。
2019 年至 2023 年“用戶體驗可訪問性”的 Google 趨勢圖
上面的谷歌趨勢圖顯示了無障礙設計漸漸成為了真正的工業需求。可訪問性技術的范圍從顏色對比、可讀字體、可識別的動作元素，一直到追蹤不同用戶的反饋，應用到產品功能中去。
由于當前需要為所有年齡段的人甚至身體有障礙的用戶進行設計，因此無障礙性也受到了大力推動。公司希望從所有不同的人群中獲利，并且也在各個方面推動包容性。隨著越來越多的人走向數字化，設計師幾乎必須專注于無障礙設計，更多針對無障礙設計的課程和訓練營也面向設計師開放。
除了可訪問性之外，個性化才是真正讓人們鎖定應用程序或網站的原因?；蛟S你以前在 YouTube 上看過這條小信息 ：
YouTube 評估你喜歡哪種內容以便提供更好的推薦
即使是一個已發布功能，如果用戶反饋不佳，也很容易面臨撤回的情況，這直接體現了用戶體驗設計師在未來產品和服務方面的領先地位。
Perplexity AI CEO Aravind 曾分享過對于用戶體驗的理解，基本原則是“用戶永遠不會錯”。Perplexity 發現只有極少數人知道將好奇心轉化為清晰、準確的問題，從而導致結果不準確，甚至幻覺的出現。（歡迎閱讀我們研究 Perplexity 的深度文章：AI+搜索｜關于搜索的想象，和目前估值最高的生成式搜索引擎 Perplexity。）
一種解決思路是總結 prompt 的提問方法，讓用戶能主動學習；另一種解決思路是所以在對話式交互界面上，幫助用戶提一個好的問題。Perplexity 選擇了第二種，增加了提出問題之后的更多問題衍生。——平臺永遠要為用戶多想一步、多做一步。
Perplexity 界面
總得來說，設計趨勢會隨著工業化進程的推進，而演進為更前沿的風格，也會有更多工具幫助設計師開放腦洞，快速得到心中所想。但無論社會如何進步，以用戶體驗為中心的話題永遠不會終結。
藍藍設計(www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司
銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發
設計趨勢年年在變，設計技能也在不斷更新，但回到本源，底層的理論知識是不會變的。我自己幾乎每年還會翻看一些講設計基礎的書，比如《寫給大家看的設計書》之類的，會發現這些原理每次看都會有新的收獲。
在如今用戶為王的時代，用戶體驗成為一種新的品牌競爭力。隨著技術進步和體驗意識的普及，習慣了C端產品流暢愉悅的體驗，用戶對B端產品體驗的期望也越來越高。
B端C化的概念也由此產生，但B、C端有著本質區別，C端的設計思維無法完全復用到B端，那是否可以基于B端產品特征，融合C端體驗設計思維，即“B+C”來幫助提升B端產品體驗呢？本文聚焦在探索如何通過“B+C”的設計思維，提升B端產品體驗。
我們先簡單了解下B、C端產品各自的定義。B、C端其實是以使用對象的類型，來代指的產品類型，C指個人消費者 (Customer) ，B指組織 (Business) ，這個組織可以是個人、公司、政府或機構，因此B端模式也是多樣的，除了B2B，還有B2C、B2G等。
C端產品幫助個人解決生活場景中的需求痛點，提供人們消費的物質、信息和情感。常見產品類型有工具類、內容類、社交類、游戲類等，如滴滴、知乎、微信、王者榮耀等。
B端產品幫助組織實現其商業目的，提供商業的工具、方法和服務。常見的產品類型有：CRM 客戶關系管理、ERP 企業資源計劃、OA辦公等，如企業微信、金蝶、釘釘等。
下面我將從產品設計的角度，分析B、C端的差異化。
1、設計原則的差異
C端產品主要通過流量轉化獲得收益，因此人的注意力和使用頻率是關鍵，所以設計原則為“UCD”（User Center Design）以用戶為中心的設計。
B端產品主要是為了能高效解決行業業務問題而存在的，所以其設計原則是以效率為中心。
2、功能流程的差異
C端產品主打一個滿足用戶核心痛點的功能，通過這個核心功能明確產品的特性和定位，附加N個增值功能，提高用戶粘性，加之創新和趣味性，保持與競品之間的差異化。
B端產品功能重全面，為的是能滿足組織的各種業務需求，組織的業務邏輯通常就是產品邏輯，功能流程也由業務場景轉化而來。
3、交互邏輯的差異
C端產品是單線程操作，完成一項任務后才能進行另一項。碎片化的使用場景和廣泛的用戶群體，使得C端產品必須信息簡潔、容易上手、操作路徑短，否則將會導致用戶流失影響收益。
B端產品是多線程操作，支持多個任務并行。交互以優化業務流程，提升用戶操作效率為主，關注信息架構，清晰的信息架構能幫助用戶在呈網狀的功能和交織的流程中，定位到自己所在功能頁面，找到所需的有效信息。
4、視覺表現的差異
C端產品視覺設計風格多樣，如賽博朋克、孟菲斯、3D、酸性設計等，注重情感化表達和氛圍的渲染，加上短視頻和直播，讓用戶沉浸其中。
B端產品視覺服務于功能和信息的傳遞，視覺元素較為簡潔，常用色彩對比的形式，建立內容邊界和視覺層次。
無論是在設計原則、功能流程、交互和視覺方面，B端產品與C端產品都有比較明顯的差異?；谝陨喜町?，結合B端產品特征和C端體驗設計思維，我們可以從以下三個方面提升B端體驗：
視覺—降低認知負荷
B端產品講究屏效，看得多通常比看的美重要，信息密度高，則屏效高，卻也相應的會增加用戶的認知負荷，因此我們需要為用戶認知減負。
交互—以用戶效率為中心
從用戶的行為和感知出發，本著以用戶為中心的原則提升操作效率。
情感—關注情緒感受
關注體驗過程的“峰”與“終”，提升用戶整體的體驗感受。
下面我將結合實際工作案例，講述如何用“B+C”的設計思維，提升B端產品體驗。
Speedshop Omnichannel（下面簡稱為Omnichannel）是款針對國內及東南亞中小商家，統一管理多渠道商品、訂單、交易、會員的ERP系統。
目前共支持Lazada、Shopee、Tokopedia、抖音等7個渠道，最多可管理100個線上店，集訂單管理、產品管理、會員管理、聊天、導入導出等功能為一體，服務超40,000商家。
視覺 — 降低認知負荷
對信息的識別和處理是認知負荷的主要來源，在視覺層，我們主要解決的是信息識別帶來的負荷，信息識別就是用戶看到內容并選擇的過程，B端產品有信息量大，選擇多的特點，降低認知負荷也將圍繞這兩點進行。
1、優化信息展示
/ 符合用戶訴求
B端產品根據用戶規模的大小，可以分為大B (一定規模的中大型企業) 和小B (小微企業、個人創業)，兩者對信息的關注點和訴求不同。
表格是B端產品最常用的信息展現形式，且能將信息有序、高效、直觀的傳達給用戶，避免信息堆砌帶來的認知負荷。
比如同樣是訂單頁，大B用戶的訂單數據量龐大，且訂單通常是自動流轉的，無需手工操作，所以針對大B用戶，表格信息展示有兩個側重點，一是增加信息密度，二是幫助用戶能夠快速精準過濾信息。
小B用戶的訂單數據量相對較小，且以手工處理為主，所以在展示訂單時，可以將關鍵信息整合，通過將信息進行分層、分組的展示形式，降低單頁面信息的復雜度，還可以通過各模塊之間字體大小、顏色、圖標、間距等手段將信息層次區分開。
/ 豐富信息展示維度
還可以通過圖形化、可視化和視頻的形式，豐富信息的內容維度，化抽象為具象，讓信息能更高效的傳達。
在Omnichannel中，用戶需要完成新手配置后才能使用產品，進入首頁看到的是任務型的引導，通過圖形輔助任務說明，豐富畫面的同時還能增加產品的親和力。
B端產品由于業務的復雜性和技術的局限性，通常操作沒有那么靈活，需要遵守一定的使用規則，傳統的做法會通過文字說明的方式傳達給用戶，面對一長段的規則說明，讀幾遍還不一定能理解。
比如在導入產品時，規則內容多且邏輯復雜，可以將內容可視化，使其易于傳達和理解。
視頻比文字的畫面感更豐富，傳播的內容也更加具體，在幫助中心，圖文的基礎上增加視頻，幫助用戶更高效的獲取幫助信息。
2、提供個性化配置
B端產品通常包含多種用戶角色，每個角色的需求關注點不同，為了滿足各角色的需求，單頁面信息往往會出現超負荷的情況。
我們可以借鑒C端的個性化，對于非業務性的功能，允許用戶根據自己的需求和工作習慣進行自定義。
比如下圖，在列表頁，我們為用戶提供了自定義篩選條件和表格字段的設置。
3、提供有效決策信息
由于業務復雜，保障功能的全面，帶來的結果通常是操作和選項較多，如果沒有任何指引，B端產品的用戶通常無法做出合適的選擇。
比如下圖的添加商品，根據不同的使用場景，產品為用戶提供了三種添加商品的方式：
只有三個選擇，看似沒有任何操作難度，但用戶面對未知功能時，通常會根據自己過往的工作經驗，選擇熟悉的功能，這樣一來，可能會誤增了工作量，因此在設計上，要提供輔助介紹說明，幫助用戶決策。
我們在此基礎上，為第一次使用該功能的用戶又做了優化，除了消息提示框，還通過標簽強化視覺重點，推薦最適合新用戶的選擇，添加商品的文案也改的更通俗易懂。
交互 — 以用戶效率為中心
1、 提升用戶行為效率
無論B端還是C端產品，都有一個共同的體驗目標：提升操作效率，高效率意味著用戶通過更少的操作，更少的時間完成任務，實現降低成本的目標。在C端產品中，常見的提升效率的方式有：1、根據用戶行為的流程分析，推薦相應功能；2、聚合用戶行為，縮短操作路徑；3、轉移用戶操作成本，讓產品承擔更多的用戶引導、行為判斷和行為記憶，我們可以從以上幾點切入優化B端操作效率。
/ 引導用戶操作
在C端產品中，經常會有根據用戶的操作行為，產品給出相應的推薦操作，如截屏后，在用微信發信息時，系統會提示是否要發送截圖，這種在操作過程中增加相關功能的曝光或引導，提高用戶操作效率的同時也不影響流程的順暢進行。
下圖是商品管理頁，用戶首次進入時，可以根據用戶觸發的操作推薦相關的幫助引導。
手動創建商品時，需要完善很多商品信息，可以為經常出錯的內容預設提示，先發的避免用戶出現錯誤。
在收起/展開菜單欄時，提示快捷鍵功能。
/ 優化任務路徑
B端產品中通常會有一個任務關聯一些子任務，如果用戶在子任務中遇到困難，往往會造成整個任務效率的降低甚至任務中斷。
比如在手動創建商品的流程中，需要將商品信息推送到渠道線上店才算創建成功，所以在創建商品前，需要完成渠道線上店的創建。針對這種關鍵子任務，我們可以嘗試并行任務，在選擇線上店時，增加創建線上店的入口，將任務連貫起來。還可以通過操作的合并，比如保存和添加同步進行，提升整體的任務效率。
2、弱化低效感知
好的產品體驗，不止強調功能，還會在意體驗中的感受，設計也可以左右用戶感知產品效率的快與慢。
/ 等待時間可感知
用戶對等待的耐受度是有限的，等待時間在2s內是相對愉悅的，在時間不可控或時間較長的情況下，我們應盡可能縮短用戶的感知時間。
比如在下圖中，用戶完成新手配置后，產品有個加載的過程，通過加載動畫和加載步驟的分解，告知用戶系統在運行中，縮短感知時間的同時消除用戶的負面情緒。
/ 容錯性設計
在產品使用過程中，經常會出現因用戶“犯錯”而導致的任務中斷或失敗，這里的“犯錯”，通常是因為用戶操作偏離產品的使用要求，但這并不是用戶的錯，人不是精密的儀器，好的體驗應該包含這部分“錯誤”。
比如錄入數據時，應給予實時的提醒，讓用戶可以及時更正，而不是等到提交時才拋出錯誤提示，還有比如在數字輸入框中誤輸入其他字符時，自動幫用戶清除等。
在涉及對用戶影響較大、重要且不可挽回的操作時，給出提示。
情感 — 關注情緒感受
在整段體驗感受中，情緒最強烈和結束時的感受影響著用戶對整個體驗好與壞的判斷，這個現象就是峰終定律，因此我們可以通過關注這些關鍵時刻，來確保用戶對整段體驗是感到愉悅的。
1、減少負峰
消極的情緒，不僅影響用戶對產品的體驗感受，最終還會落到降低效率上，因此在設計時，我們要考慮減少用戶的消極情緒。
/ 提供明確反饋
用戶使用產品的過程就像是與產品進行“對話”，良好明確的反饋能幫助用戶理解和使用產品，在工作完成時，應告知用戶已完成，出錯時，告知用戶哪個環節錯了，如何改進或提供幫助，不要讓用戶去猜，而是主動為用戶提供解決方案，提供確定感。
比如在創建商品的流程中，商品創建完成后要推送到渠道線上店，中間有一段較長時間的等待，在設計時，根據推送中、推送完成、推送失敗，分別提供了3種對應場景的提示，讓用戶知道當前任務進展，以及展示相關對應的操作，即使任務失敗，用戶也知該如何處理，增加用戶的控制感。
/ 任務中斷可回溯
在B端產品中，經常會出現決策信息多，處理鏈路長，需反復多次進入任務流程的情況，當任務被迫中斷時，用戶情緒會受到影響，且用戶對未完成或中斷的任務往往比已完成的記憶更深刻，針對這類情況，我們需提供可回溯的設計，幫助用戶順利完成任務。
比如在將商品推送到渠道線上店時，同步過程中，用戶可以離開當前頁面進行其他操作，系統會將推送結果展示在列表頁，用戶可以通過列表頁，重新推送或者編輯修改后再推送，直至完成任務。
2、結束于正峰
在完成任務后，可以觸發氛圍動效反饋成就，給用戶積極的結尾。
以上就是我基于B端產品特征，和C端產品的體驗思維，用“B+C”的設計思維嘗試探索優化B端產品體驗的一些方案嘗試。“B+C”的設計思維，其本質是想找到業務與體驗的平衡，作為B端設計師，好的用戶體驗一定是與業務緊密結合的，與業務匹配的體驗優化才有其意義和價值。
在講開源設計前，我們或許可以先講講開源一詞是指什么。
開源全稱開放源代碼，開源軟件最大的特點是開放，也就是任何人都可以得到軟件的源代碼，加以修改學習，甚至重新發放，當然是在版權限制范圍之內。雖然開源一詞最初是為軟件開發而創造的，但現如今開源所涉及的領域也極其廣闊，并不只是包括軟件領域，如醫藥領域的藥物開發開源、文化領域的書籍到期開源等等所以開源設計已包含了更廣泛的含義，它包括了由任何人或者團隊自由共享、協作的設計方案、項目、產品。
我們來看幾個大型開源的設計了解一下~
Ant Design
阿里的開源系統后臺組件庫
https://ant.design
百度推出的開源圖表
https://echarts.apache.org/
全球知名圖片開源平臺
https://unsplash.com
免費（大部分是）：開源設計的一個關鍵要素是它們通常（但不總是?。┟赓M。這是一個重要因素，因為閉源設計通常需要花費不菲的價格或者冒著侵犯版權的風險去使用。
思想碰撞：更多的設計師或者創意愛好者共同為一個創意提出自己的見解和再設計。
設計開源領域廣闊：設計開源領域也幾乎涵蓋了所有的設計和創意領域如平面設計、三維設計、用戶體驗設計、環境設計、建筑設計、服裝設計、插畫、動畫設計等等
但是許多人可能會有一個疑問，開源設計和以往的素材網站或者源文件售賣網站有什么區別呢？
在我看來，開源網站與傳統售賣設計資源的網站最大的區別是開放與共建，以figma的社區為例，作者發布作品后，任何人都可以對其作品進行redesign甚至remix，這極大的提高了設計師的興趣，每個人都希望自己的作品能被他人看到，也希望自己的創意能與他人的創意進行更好的結合，這是一個多么美好的場景。而傳統網站只是冷冰冰的展示文件售賣資源，缺少了設計中的靈魂。
那說了這么多，開源設計到底有哪些優勢呢？
提升設計效率：設計師不應花費時間去解決別人已經解決的問題，比如當我設計一個新項目時，無需從零開始設計系統組件，可以直接使用Ant Design、Ant Mobile Design等現有組件庫。
增加學習機會：通過開源社區，設計人員可以從其他人所做的項目中學習，并與專業人員交流經驗。
提高設計質量：設計師自己看本人作品時，往往是身在其中不知如何下手，而將作品發布到更廣泛的社區有助于設計師獲得有價值的反饋以改進他們的作品。
提升品牌價值：對設計開源后，公司品牌能在某些領域內獲得傳播，提升品牌價值。并且在招募人才時也能成為有吸引力的一項條件。
提升個人價值：一個設計師想要提升個人價值和影響力，可以用開源作品來在行業內獲得一定口碑，甚至直接將用戶流量轉化為訂單，或許是更簡單且容易的事情。
從這些優勢中不難發現，在開源生態中，我們的作品不再是一座孤島，通過互聯網，我們的作品可以和任何人進行鏈接并且產生共鳴，提升品牌和個人的價值，所以每個人都值得感受開源的美好。
但開源的同時不可避免的會帶來許多新的問題和挑戰，讓我們一起來看一下。
知識產權問題：在開源社區中，設計師可能不清楚其創作的知識產權。因此，他們可能會不自知地侵犯其他設計師的知識產權。
設計門檻問題：設計開源意味著設計師的門檻變低，任何人都可以隨意使用開源的設計項目，導致設計師不再愿意花心血創作。
設計師競爭力下降：開源設計意味著普通的設計內容已不需要單獨的設計師來完成，頂尖設計師的機會會更多，而普通設計師的競爭力會明顯下降。
隨著這些挑戰的來臨，如何更好的面對設計領域的開源是值得深思的問題，既要保護設計師的自身利益，也要讓設計行業在開放、共享的環境下擁抱變革，所以在未來的道路上，我們每個人都可以嘗試用自身的方法去探索未來，讓每個人都能成為時代浪潮中的一朵浪花。
設計趨勢每年都在不斷地變化及輪回，多年前的風格技法在結合了當下的設計元素后，又會給我們展現出不同以往的主流時尚。
“趨勢不一定每年都會更新，但趨勢是我們設計的風向標?！?
基于對網絡數據的搜集及分析，我們對2023年設計趨勢做出了預測。
無論是否順應趨勢，我們都應該了解趨勢，擁抱變化，這才是我們設計師的準則。
借助當今的軟件和技術，3D創作已經不再被神話，越來越多的設計師開始在自己的作品中運用3D元素。
下圖是Droga5為格林威治（Greenwich）創作的一系列視覺設計，這組設計利用3D圖形，創造了更醒目的視覺效果，將格林威治宣傳為倫敦的新創意社區。
在手機品牌宣傳物料中，設計師將3D元素與手機進行了緊密結合，這樣的視覺樣式在市場中很快便能脫穎而出。
提起“酸”，大家下意識會想到酸的味道，而所謂的酸性設計更多表現的是一種設計理念。
酸性設計大多畫面元素豐富，各種金屬、玻璃、流體漸變、鐳射等科技感的元素都會運用其中，這也導致這類作品十分強調藝術的視覺沖擊性。
乍一看酸性設計會給人一種混亂失調的感覺，而實際上酸性設計并不止是某一種單一的設計風格，而是一種視覺情緒的表達。當下的暗黑金屬風、二次元的可愛風、明顯的幻彩漸變風格……往往都含有酸性設計的影子。
回看設計領域每一年的發展，“復古懷舊”一直是必不可少的關鍵詞。
無論是品牌形象，亦或是包裝設計，設計師們頻頻用現代手法詮釋復古之風。
還有傳媒集團CNET的品牌重塑，在現代時尚元素的基礎上，還融合了復古插畫，整體設計從1950-1970年代的美國新聞行業中汲取的靈感。
最近，襯線字體在品牌設計中的出鏡率極高。
不少網站的設計都是圍繞著襯線字體作為構圖中唯一或主要的設計元素而存在。
Stradivarius是誕生于1994年的西班牙女裝品牌，與ZARA隸屬同一公司。
2022年2月初，Stradivarius推出了全新的Logo視覺，襯線字體更容易彰顯女性簡潔現代的氣質外，同時兼具女性力量。
近兩年，NFT可以說是對設計、藝術、技術行業產生沖擊最大的新事物之一了。
NFT與平面設計聯系起來，就是我們所說的數字平面藝術。它的到來對設計師影響有很大變化，橫向能力要求有所提高，比如了解虛擬數字化設計，以及對全新審美和新三維技術有更高的要求。
以下這幅《Metafisica》便是非常熱門的NFT作品。
表情符號在如今是一個超越文本并能得到廣泛認知、跨越文化和多領域的視覺語言。
單一的枯燥圖標很難滿足多元化場景下情感的表達，于是，動態emoji圖標來了，它能帶來更強的視覺欣賞體驗。
高飽和度色彩是年輕的色彩，它是先天的樂天派，同時也是情感的直接表達。
可盡管“吸睛”對品牌而言十分重要，但在設計之余要注意色彩平衡，以免混用色彩，很容易引起視覺疲憊。
極簡主義杜絕一切多余的裝飾，形成獨特而簡單的視覺語言，用最簡潔的表現形式勾勒出產品最基本的形態。
簡潔的圖形設計摒棄了多余的圖案、文理等裝飾樣式，為真正重要的信息創造了呼吸的空間。
留白，是最高級的美。
將富有表現力的手寫字體寫在設計中，能為作品帶來不一樣的氛圍感。
隨手一寫，便是一幅“畫”！
2022年，我們在Dribbble或Behance中會發現很多設計師都開始有意識地采用“玻璃擬物化”美學的設計。相信在2023年，我們會看見更豐富的表達~
毛玻璃效果廣泛應用于UI設計之中，在摹客DT中也能快速完成。
使用玻璃擬物化設計的界面，由于毛玻璃的通透性，會呈現出一種虛實結合的美感。
除此以外，我們還可以看到的，這一趨勢已經明顯轉移到了玻璃和水晶質感上，而且以令人難以置信的用立體擬真度將圖形設計提升到了一個全新的高度。所以，2023我們也將看到更多與全息和3D趨勢相輔相成的透明質感和逼真的玻璃背景等元素的設計。
2023年的設計趨勢給我們展示了設計的無盡可能，設計師們可以創作出更多超乎尋常的非凡設計，為用戶營造出獨樹一幟的全新體驗。
身為設計師，我們要持續積累優質的設計素材，要知道設計趨勢因人而異，我們能做的就是選擇合適的風格應用在設計中，才能發揮它不可估量的價值！
作者：摹客設計云
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
關注趨勢本質上就是關注未來可能存在的形態。很多營銷需求和優秀設計趨勢是相互關聯的，兩者之間的關聯更像是一種動態的同步。
很多時候趨勢并不一定是全新的東西，它們往往是服務于當下和未來的需求，有很多趨勢存在了一些年頭，它們在現在發揮著作用，但是在未來可能會發揮更大的效用。所以，當我們在查看這些設計趨勢的時候，需要注意，它們必須是服務于用戶，服務于品牌和企業。
更多設計趨勢：
的確，極簡主義一直在某種程度上流行，但是 2022 年出現的新極簡主義的浪潮，比起傳統的極簡主義設計更加在意用戶注意力的吸引。這種新極簡主義的設計會采用更加大膽、 生動、明亮的色彩來填補留白，這種設計使得設計保持簡約的同時，更加富有調性，在簡約的框架下制造一種別樣的華麗，營造令人亢奮的氛圍。
干凈清晰、生動的新極簡主義風格在品牌推廣的過程中也更加受歡迎，大量的留白和跳脫的視覺焦點讓整個視覺更加抓人眼球，也使得品牌給人的感知更加新鮮獨特。
新極簡主義風格，對比度在深色主題下得到了進一步的提升。
這種設計并不意味著傳統的極簡主義已經被用戶拋棄，很多企業依然會青睞更加傳統的單色極簡主義設計，不過其中多少會增加一些明亮的色彩作為點綴。
從 1950 年開始，粗野主義就是年輕化、反叛、反主流、標新立異的設計風格。在過去的幾十年當中，這種設計風格一直隨著時代的發展而自我迭代，新粗野主義更加強調創造力、 大膽前衛的新奇元素，而這也正好符合很多品牌對于新奇性的追求，它可以瞬間抓住用戶的注意力。不過，這種風格的使用需要控制好程度，否則很容易失控。
粗野主義經久不衰的秘訣是什么？是未經打磨、粗糲而原始的素材，它讓觀看者忍不住想要改進它，這種未完成的原始感會在情感上吸引觀眾，這在營銷上是無價的優勢。
粗野主義在設計上并非看起來那么粗糙，相反它更加需要高度的專業性來控制它粗野的程度。設計師需要敏銳地感知到觀看者改進地欲望，讓設計粗野而不低級，原始而不拙劣。
新粗野主義柔糅合了極簡主義和大膽地排版，它依賴看似粗野地視覺沖擊：高對比度、粗糲地陰影，撞色、 簡約的背景、不對稱的布局、 未經修飾的照片，新粗野主義偏好基礎款的加粗字體，跟注重可讀性而不是舒適所制造的視覺吸引力。
這個網站就是一個典型的例子：
這一趨勢在絕大多數的趨勢排行榜當中，都占據首位。隨著技術的進步，用戶和數字媒體之間的交互正在增加，引人入勝的交互已經不僅僅停留在響應式設計當中，如今它已經開始關注心理和生理的邏輯，開始全方位地調動視覺、聽覺、 嗅覺、觸覺、味覺乃至于運動體感。
這種趨勢旨在幫助用戶體驗真實地感覺，在完成交互地基礎上，觸發用戶地情緒反應和生理反應，熱氣騰騰地餡餅視頻讓人垂涎，游戲中虛擬地對手讓人腎上腺素激增。
交互所制造地參與感，在某種程度上是實際地物理產品地替代物，用戶可以從不同角度來縮放查看產品，了解細節，選擇尺寸，挑選顏色。
交互過程中，手指和屏幕之間地觸摸交互開始變得豐富，開始變得有意味，它成為了用戶和虛擬世界之間溝通地橋梁，開始有游戲地樂趣，有更具設計感地交互環節。用戶也可以根據自己地喜好，對界面進行更多樣的個性化處理。
具有參與感的交互是我們的未來。
2022 年是疫情開始后的第三年，隔離使得人們對于照片所呈現出的故事和情感，有著更為強烈的情緒反應。在極簡主義設計當中，富有表現力的人物照片是最為流行的元素之一，這類照片搭配上簡短的文字，簡練的口號，一些帶有宏大敘事特質的文字引用，時常能夠更好地營造出故事感。
不用擔心主屏頁面太長沒人看，只要隨著用戶滾動，故事會隨之逐步展開，用戶可以在照片、 標題、視頻、動畫和文本地指引下，看到整個故事有步驟地呈現。
在這當中，富有表現力的人物照片是吸引用戶注意力的關鍵要素。
另外就是頁面的 Banner 的部分，強調主題和內容的標題文本，是用戶從屏幕上獲取的重要信息之一。
如今的用戶越來越偏好在詳細閱讀內容之前，快速瀏覽一下全局的做法，這也使得 Scrollytelling（滾動敘事：通過滾動觸發音頻、視頻、 動畫效果的一種技術）這種漸進式敘事方式，可以像電影一樣將故事呈現在用戶眼前。
Scrollytelling 適合大量的內容呈現，比如對于公司和產品的描述，對于數據呈現或者認知要求較高的內容，它適合學習和記憶性內容的呈現。
3D 圖形設計正在越來越流行，因為它確實是吸引用戶注意力的最主要的工具之一。3D 圖像無論有多么奇異，它本身都會被認為是有真實感的，明確的體積，精致的建模，所有的一切都令人著迷。很多時候，用戶停留在有3D元素的頁面上，是為了更細致的欣賞。
3D 圖形設計的趨勢從來都沒有減退，它正在進入更多的領域，甚至進入了品牌推廣的領域。3D 動畫圖標比過去更能吸引用戶的注意力。
我們通常說的抽象插畫，指的是帶有明確幾何特征的插畫，它們被廣泛地應用于網站和 APP，在社交媒體和包裝設計中也越來越多的存在。
抽象插畫之所以會如此成功，是因為它們大多有著吸引人的生動色彩和良好對比度，視覺上的美感和極簡主義的風格特質，它們成為視覺的焦點，為整個設計提升視覺。
抽象插畫在品牌營銷場景下的應用也很多，它們在這個時候是貼合品牌推廣的訴求的：通過色彩和形式來吸引用戶來關注品牌的形象和名稱。
這種趨勢的特別之處是其中的文本字體元素是完全獨立的。這些文本不僅僅是用來傳遞信息的，它們還充當著拉升頁面視覺效果的重要作用，它們結合動畫和交互，成為頁面中醒目的亮點。
超大字體的優點在于，它和很多設計風格是相得益彰的，加粗的大字體在極簡主義風格的頁面上不會顯得突兀，在元素豐富的頁面上，同樣可以起到優秀的點綴作用。這些文本內容可以和纖細和小尺寸的元素協同，而后者則襯托出它本身的醒目。
超大文本字體的另一個好處是有效地減少網頁上的圖像的使用，縮短加載時間，提升移動端的可用性。
這種設計元素最重要的，是選擇易讀且符合品牌調性的字體。
這么多年來，我們看到來這么多的趨勢，很多趨勢是一以貫之持續出現，有的趨勢則如同流星一樣一閃而逝。好的趨勢不斷迭代升級，并且持續存在，但是最重要的，始終是那些選擇合理的方案，并且堅持改進設計，讓趨勢服務于終端的產品和用戶的設計師。
讓趨勢服務于你，不要盲目地追趨勢！
作者：陳子木
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
隨著移動互聯網的發展，原本PC互聯網連接商業支付、購買商品、瀏覽信息流等的能力已經轉移到移動端，而PC互聯網更加專注于其他領域的優勢：
下面是我觀察到的目前比較主流的交互設計點，與大家分享。分別是：
典型的案例就是蘋果的Mac系統與Ios系統越發趨同，都采用了卡片化、模塊化，整個交互規范、視覺感受都一致以達到多端統一。同時信息可以自由流轉：比如在同一Apple賬號下，Mac與IOS中復制的信息可以進行同步粘貼。備忘錄、日歷、提醒事項、錄音中的信息進行流轉，在任何一臺Mac上登錄Apple賬號后都可以進行同步。
在國內，B站的網頁端與App端的體驗也逐步趨同，框架設計上更加卡片化與扁平化。信息流轉上，手機上暫停的視頻到網頁端繼續播放，實現了無縫切換。
淘寶首頁：從過去復雜的信息流導航變為現在更加簡潔的個性推薦卡片。整體體驗與淘寶手機端一致。
總結：精簡無關信息，關注最重要的核心任務，減少用戶跳出，沉浸式心流設計。
許多網頁接入騰訊、阿里的生態，支持掃碼關注公眾號/手機驗證碼即可完成注冊。省去了用戶編輯個人信息、輸入郵箱、輸入密碼等復雜的交互流程。
心流式體驗設計是這幾年很熱門的詞，指的是通過優化用戶體驗讓用戶能夠沉浸式地高效完成目標任務。這需要做到產品的交互習慣滿足用戶使用習慣，并且交互流程滿足用戶預期。過于頻繁的彈窗打擾和頁面跳轉的等待時間都會影響用戶進入心流。
比如，例如飛書審批，審批詳情不需要跳轉，點擊卡片即左側彈出詳情頁彈窗；讓用戶可以在同一個頁面即可瀏覽信息，不需要進行跳轉到新的頁面進行查看，方便用戶完成批量的審批任務。
再比如：阿里云，開通服務的時候不需要跳轉，而是在側邊彈出訂單彈窗，方便用戶操作。
上面說到，頻繁的彈窗提醒也會影響用戶進入心流，用戶在對表單、畫布中的內容進行刪除的時候，如果使用全屏二次提醒彈窗，會感到創作過程被打斷。
釘釘宜搭：卡片畫布類產品，刪除操作時，不局限于大彈窗，而是用靠近按鈕的小彈窗，使鼠標的滑動路徑更短，操作更加簡便；并且在不過多打擾用戶的前提下，完成了目標操作。
復雜性守恒定律由Larry Tesler于1986年提出，也稱泰斯勒定律。指的是“任何系統都存在其固有的復雜性，且無法被減少，只能設法調整、平衡。我們要考慮的是，怎么樣更好地處理它，讓用戶簡單、高效地使用它”。
很多的中后臺系統中很多表單會存在大量的配置項，這些配置項是否可以簡化，讓平臺變得更簡單智能？大部分時候答案都是否定的，過度追求簡化往往容易弄巧成拙。功能邏輯易于解釋與理解才是更好的方案，當你試圖簡化降低復雜度，可能在其他地方埋了雷。
其中一個解決方案是將復雜度轉交給系統，蘋果公司的黑盒理論與此互通；就是用戶不需要了解系統或功能背后的實現邏輯，只需要關注呈現在用戶眼前的交互界面即可。如今數據智能化處理正不斷發展，我們也看到了智能化在PC端領域的應用。
剪映相比于老牌視頻編輯軟件更加簡單，提供各種在線特效模板，來降低任務復雜度。相比傳統的PR、AE軟件需要本地存儲預設文件，或者手動編輯簡單了很多。用戶不需要知道背后的實現的技術原理，也不需要掌握過多的特效制作、調色技巧即可完成視頻的剪輯、調色工作。
推薦組件功能：用戶在進行流程搭建時，不需要從左側組件區拖拽組件，而是點擊連接線中間來添加組件。如果可以其實還可以更進一步，就是根據后臺數據分析創建目標流程需要的組件，向用戶主動推薦相關組件，以此來降低用戶的創建門檻。
隨著傳統業務向互聯網轉型越發普遍，線下業務流程轉到線上的需求場景越來越多，一個單一的系統不能完全滿足所有的業務場景需求，由此需要一個更加靈活模塊化的系統來針對不同的應用場景來應用不同的產品架構。而該系統中的功能框架、交互組件又可以重復利用，于是更加靈活、模塊化、可自定義配置的系統后臺越發受到歡迎。
飛書、釘釘易搭內的審批流程、會議系統、工單系統都可以通過模塊化的組件進行高效搭建，不需要代碼即可像搭積木一樣實現用戶的自定義需求。
阿里的天貓優品電器店線下門店設計平臺，整理了線下門店所需的16個模塊（前臺、小家電中島、洗衣機、櫥窗、空調、吧臺等），通過線上三維化場景直接進行可視化設計，所見即所得，并且能夠模擬現場燈光效果，根據門店現場規格，直接在三維空間里修改，快速導出效果圖;非常高效地完成了其他門店的需求化定制。
抖音網頁端的用戶體驗沿襲了手機App端的風格，用戶進入網頁的核心目的就是看短視頻打發時間，于是進入首頁即可看短視頻，不需要用戶手動選擇分類，并且手機端的用戶偏好通過用戶的賬號同步至網頁端，有了很順暢的用戶體驗。
相比快手網頁版，快手延續了常規視頻網站的交互方式，將視頻內容分為短視頻、直播、同城、長視頻、小劇場等多個類別，由用戶自主去選擇觀看的內容，內容雖然更加多元，但確實路徑過長，不夠直接。
再舉個例子，新版的淘寶網頁端不再像個門戶網站導航，而是通過數據分析用戶喜好來主動推薦代替用戶自己選擇。用戶來淘寶網頁端，其實并不是買東西，大眾用戶已經習慣了在手機上進行支付，到了網頁端反而會不適應。用戶來到淘寶網頁端的更多目的就是逛，看有沒有自己想要的東西，遇到喜歡的，就點進去看了。于是新版淘寶通過個性化推薦把過去復雜的活動運營頁板塊、特價板塊、品類板塊替換掉了，讓用戶在網頁端獲得更好的“逛街”體驗。
而京東，在首頁做了復雜的流量分發設計，通過不同的頻道、不同的板塊將用戶引流至相關的專題頁面，再進行商品瀏覽。本質上來說，用戶來到淘寶、來到京東的目的都是因為閑，而淘寶的通過數據智能，大數據精準推薦用戶喜歡的商品，簡化了用戶的使用路徑，并且使整體頁面更加簡潔。
網頁的官網、首頁承擔著產品介紹、流量分發、增強品牌印象等的職責。我觀察到越來越多產品官網都開始采用3D元素、視頻背景、大圖元素、微動效來讓頁面呈現更加具有質感和動感。
它是由Web3D技術的發展而興起，能夠給網頁Banner帶來更強的視覺吸引力，同時也強化了公司融合了AI技術的品牌印象。如法大大官網、騰訊云、阿里云的首頁Banner展示。法大大首頁Banner，鼠標滾輪向下滾動3D元素會相應產生變動，文案與元素一靜一動，對比明顯，也更易于用戶注意到文案信息。
大疆官網首屏采用了全畫幅大圖的形式展示熱門產品，下方的產品推薦頁自動播放宣傳視頻，提升了頁面的視覺沖擊力，展示了其科技屬性。
疫情時期，線上辦公的需求和頻率激增，線上協作興起，許多辦公軟件都有了多人場景編輯功能。特別是對于復雜的項目，需要團隊成員共同完成，協同合作的功能越來越受歡迎。
比如我們熟悉的figma，逐漸取代了傳統UI設計軟件ps、sketch等的頭部地位，其中的項目協同功能更是廣受歡迎。只需要發送項目鏈接邀請成員即可進行項目協作，還支持多人標注、語音溝通，大大提升了工作效率。
許多辦公軟件也都上線了類似的功能，比如幕布可以通過設置權限、發送鏈接或二維碼來邀請協作者共同編輯文檔，為產品的使用場景提供了更多可能。
曾鳴在《未來商業20講》里說：“未來的互聯網世界的兩大趨勢是數據智能、網絡效應”。
這在PC端也得到了印證。淘寶網首頁、抖音首頁、嗶哩嗶哩網頁端將PC端與APP端的數據進行互通，并對用戶行為偏好數據進行分析，為用戶提供更加精準的信息流的同時，還使得頁面的交互更加簡單，視覺效果更加簡潔，過去依賴用戶自主選擇進行流量分發的形式將會越來越弱勢。
在工具類產品中，利用數據智能化可以將用戶操作上的復雜度轉移給系統，從而降低用戶使用門檻，提升用戶體驗。與此同時，工具類平臺也越發靈活化化，通過模塊化設計來自定義搭建不同用戶的使用需求的產品，還能節省資源建設成本。
網絡效應的部分應用體現在用戶在使用工具類產品中，不再是孤單的個體，而是能通過線上協同，讓用戶與用戶之間能夠產生共同協作，共同交流，更加方便地完成任務。
作者：為美好而設計
轉載請注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
2022 年即將過半，疫情在家的我們重新花一些時間，回顧今年最引為人注目的一些設計趨勢，有些已經變成現實，有些可能即將會發生。在過去的這十幾年里，全國的互聯網和移動互聯網行業蓬勃發展，引發了 UX / UI 行業的火爆，無論是在設計技術方面還是在設計實踐方面維持著快速發展狀態。設計探索受到了前所未有的關注。創新也永不停止，正在向各個方向延伸——有的是曇花一現，有的是重塑想象，有的卻循環往復。
下面我們將更詳細地向你探討一些 2022 年的設計趨勢。
The Badass Project 搗蛋派計劃
過去幾年里，大字排版的趨勢越來越明顯，字體尺寸也在增加！接下來，字體更大且幾乎沒有圖像的時尚 英雄形象 網頁設計，將成為主流風格。
（英雄形象在網頁設計中是一個特定的網頁橫幅，通常是一個包含與內容相關的大圖像頁眉）
設計師和用戶都越來越習慣在登陸頁面前面和中心位置使用超大文字。無論是怪誕的無襯線字體還是現代奢華的襯線字體——這一趨勢就是在于越大越好。通過精心選擇的字體，網站可以做出比以往更大膽的宣傳，以吸引受眾的注意力并有效地信息傳達。
這些字體選擇通過 引人注目的動畫進一步生動起來。設計師正在實現通過鼠標移動或向下滾動頁面使排版移動并與用戶產生互動的創造性效果。以粗體、動畫和交互式排版為核心，許多網站也就不使用任何背景圖像，讓外觀變得干凈且精致。
MAFF
所以一定要試試這種趨勢：把文本尺寸放大，可以將其放置在一些圖像上，制作大尺寸的動態標題，讓用戶從中獲得樂趣。最重要的是，要勇于呈現大膽強烈視覺效果，從而可以立即吸引用戶的注意力。
案例：Medium 官網——https://medium.com/
Shakib - Sneakerbumb
在經歷了充滿不確定性和陰郁的兩年，我們學會了尋找和珍惜任何享受幸福的機會。我們大量獨處時光的花在了數字空間上，這一現象也不例外。
La puce à l’oreille
為了回應這一需求，設計師從 80 年代和 90 年代獲得了巨大的靈感；將色彩豐富、質感豐富、復古風格的主題與現代氣息結合起來，打造真實的外觀。鮮艷的色彩搭配柔和蠟筆肌理、古怪的排版、紋理豐富的背景、跨頁面網格的布局、非傳統的圖像和古怪的插圖，都可能會在接下來的一年吸引你的注意力。
Kristen Ryan for MakeReign
隨著這一切的發生，我們甚至可以說，在過去幾年里，每個人都學會了賦予自己一些自由的生活態度。這為我們提供了更多的實驗空間，當然也為設計和其他領域帶來了讓人愉快的成果。這就是說，設計師們覺得有必要從簡單和實用的用戶體驗轉向有趣、搞笑甚至愚蠢的交互。出人意料的是，讓別人微笑可能會是你的網站或 app 令人印象深刻的一種方式。
Blumenkopf
野獸派設計從 1950 年代的野獸派建筑運動中汲取靈感，延用其不修邊幅、毛糙粗狂的外觀形式，和故意做出的丑陋效果。就像在建筑中一樣，野蠻主義在網站中揭露和解構(甚至慶祝)這種媒介的底層結構和重要原則。原始、大膽和反動的本性使野獸派設計一直處于數字空間的邊緣，因為原始是互聯網的全部。然而，近年來，野獸派一直在緩慢而穩定地復蘇，現在被一些人稱為新野獸派。
Caroselling
隨著互聯網上干凈、傳統的網站越來越多，個人網站變得難以脫穎而出。轉向野獸派，提供真誠、原始但獨特的視覺體驗，可能正是提升你下一個網站的方式。
無網格布局，強烈的調色板，重疊的元素，擁擠和幾乎混亂的設計只是你的野獸主義工具包的一部分。將它們與等寬和奇怪大小的排版結合起來，缺乏或極少的導航，這相當于沒有額外的“空間”或子頁面的“開放式版面”，你會得到一個引人注目的粗野派外觀。
Work with us
案例：阿里云設計官網——Alibaba Cloud Design - Not Design Just Future
當然，還有更多，但野獸派網頁設計的定義規則是沒有規則；它反對既定的規則和慣例。更重要的是，你需要用更強烈的意義價值和意圖來將你的野獸派杰作與另一個設計糟糕的網站區分開來。
Messenger
Figma、Todoist、Slack和 Messenger 等網站和移動應用程序都把時間和精力集中在桌面客戶端版本。
Todoist
越來越多的應用程序似乎也在效仿，因為研究表明，這樣用戶會感到 更舒適、更安全。用戶希望自己的應用程序遠離互聯網瀏覽器，遠離所有打開的標簽，回到指定的應用程序窗口，讓人感覺更寬敞、更專注。在使用這些應用程序時，不需要處理數分散注意力的標簽，這無疑是一種進步！此外，將通知直接發送到桌面，我們的通知管理也必然得到改善。
Figma
為阿拉伯語國家的谷歌搜索頁面布局
用戶研究團隊利用 人類心理學 領域的洞察，以及 可用性測試，已經能夠塑造界面，為用戶提供最大的滿意度和愉快的體驗感受。幾十年來，這一直是用戶體驗設計的核心。
隨著技術的快速進步，我們看到數字產品體驗的保真度有了空前的提高。這一發展也為不同用戶群體之間的細微差異提供了新的理解。年齡、文化、地理位置、日常習慣、社會結構（以及其他因素）的差異可能會導致人們對什么構成令人滿意用戶體驗的期望存在顯著的差異。因此，這些體驗可能需要類似的設計，但肯定不是相同的設計方法。
隨著技術和研究方法的到位，我們開始看到一款產品的多種變體同時推出，以滿足不同用戶的需求。隨著許多大品牌都在努力擴大他們的用戶群體，創造本地化的產品體驗可能會成為一種大趨勢——如果不是標準的話。
NhuSW- Everyfit — Fitness for Everyone
包容性不僅是一種趨勢，也是一種運作模式；人類生存和共存是一個不可否認的重要方面。在日益全球化的復雜世界中，我們不斷意識到自己與其他個人或社群之間的差異。以同理心駕馭這些差異是我們的責任，并努力將所有文化、性別、性別、種族、能力和殘疾都有意義地適當地納入全球社會。
Spotify
隨著數字空間引領著世界的全球化，它也毫無疑問地成為我們包容性努力的前沿。人們總是希望品牌和公司采用更具 包容性的敘述 和語言，并向包容性的平臺、產品和服務 邁進。他們被鼓勵在圖像、語言和視覺語言中推動多樣化的表現，這樣做不僅僅是為了營銷收益，而是為了更大的意義和價值。
這些是我們在 2022 年會看到的趨勢和現象。記住，它們是為了提醒我們當前的總體設計趨勢?？梢允褂盟鼈儊碇С趾褪跈嗄脑O計決策，但不要害怕挑戰它們，或用它們為人們創造更多積極有效的體驗。
原文標題：UI/UX Design Trends of 2022
文章來源：Codeart
原創作者：Taras Bakusevych & Maja Mitrovikj
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
Dribbble 平臺對于互聯網 UI 界面設計有著舉足輕重的定位，對 Dribbble 設計的研究會讓我們看清設計的方向。
為了保證這篇文章的質量，Dribbble 年度的每個作品都超過 550 贊。在此原則下挑選了 828 件作品，作品總的大小為 2.2G。
從挑選出的 828 件作品中，排名前十的作品中 9 件為 B 端設計，另一件作品也是 B 端產品 C 端化的產物。其中：
明眼人都能看出其中的比重關系，B 端設計再次大火，為什么是再次？因為 B 端設計之前火過，只不過沒有趕上一個好的時代，在 C 端設計風光的十年里而忽略了其存在。隨著 C 端市場飽和與數字化的浪潮下，實體經濟、ToB、ToG 的產業再次迎來了它的曙光。視頻動效的作品占比也已超過 C 端界面設計，相信今年視頻動效作品占比還會再次提升。
Dribbble 年度最佳作品來自大家最熟悉的 UI8 團隊中的 Tran Mau Tri Tam ?，作者來自越南西貢，最佳作品截止目前355K瀏覽量，2933個贊。
為什么看似平平無奇的作品卻能獲得 Dribbble 年度最佳作品呢？既不是 C 端也不是純 B 端的作品，更像一個網頁與平面的結合體。如果去掉搜索圖標、分類圖標和按鈕，你可以理解它就是一個平面作品，一個字體加幾何形體構建的作品，為了豐富畫面的層次，讓畫面更加的活潑采用了多彩加幾何色塊，讓標題閱讀有停頓感和呼吸感。faster 底部的橫線讓它從標題文字中脫穎而出，這種使用線條突出重要信息的設計也是今年Dribbble 設計流行趨勢之一。
MetroUI 是 Windows8 的界面設計語言，在 2010 年至 2013 年間曾經風靡一時，那也是移動互聯網的發展元年，現在國家推行實體經濟、數字化帶動 To B、To G 的發展元年，通過幾何色塊（MetroUI）實現 B 端產品與 C 端設計風格的傳承與銜接，你會發現歷史總是驚人的相似。最后背景結合今年最流行的微軟風，毛玻璃的多彩高斯模糊漸變風，年度作品當之無愧。
最后來看下按鈕的設計，正常的按鈕要么文字加色塊，要么左圖標加右文字，它設計成左文本加右圖標，更加注重信息的可讀性和易讀性，也體現 B 端設計重功能和交互體驗，視覺點到為止的設計理念。
下面我們來欣賞年度最佳作品里面的流行趨勢吧。
1. 易讀性（停頓感）
字體三原則：可讀性、易識性、易讀性。當你同時讀一篇文言文和一篇設計文章，肯定設計文章的內容可讀性更好。易識性是用在字體設計上，不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每個位設計師都息息相關，因為我們都需要編排文本。當我們小時候寫作文時，不會寫的文字可以用拼音代替。這時候讀者讀到拼音時會有停頓感，更加適合用戶閱讀。
通過給用戶制作停頓感來增加用戶的易讀性。可以在相關聯文本后面添加圖片、表情、圖標來更好的理解文本內容，豐富文本內涵。比如情侶間表達愛意時會輸入文本，“我愛你”、“我 Love 你”、“我 ai 你”、“我??你”，哪個更加會有情感共鳴呢？不言而喻，相信你心中已經有答案了。
2. 曲線
在標題文字上添加曲線來突出重要文案是 2021 Dribbble 最流行的趨勢之一，第一個設計目的就是突顯文字，其次就是想表現鉛筆真實書寫的感覺。之前很多帶有簽名的設計中，簽字的文本都是手寫體的感覺，手寫體對比電腦的機械字體會帶有一種人文氣息，也會讓兩者之間產生一種對比、矛盾。
除了突顯文本外，曲線還有視覺引導的作用。通過視覺引導讓用戶按照設計師編排的順序進行瀏覽界面。當然還有比這更科學的工具就是眼動儀測試，通過真實用戶眼睛瀏覽界面顯示對應的熱點圖。
3. 多彩高斯漸變風
多彩高斯漸變風是從色彩的角度來傳達和豐富畫面的，多彩高斯漸變風其實是從制造矛盾到平衡矛盾的過程，多彩漸變多為冷暖對比來制造畫面的沖突，需要控制冷暖畫面的大小來實現平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。
多彩高斯漸變還可以結合輕擬物、幾何圖形、三維等新的組合方式去創新，給用戶呈現一種更加新穎的視覺表現形式。最后我們還是要回歸到內容上，為了更好的傳達信息需要去設計與內容相匹配的視覺風格。
1. 側邊欄 Sidebar
B 端設計的火爆帶動了 B 端相關模塊設計，更多的人也愿意嘗試 B 端相關模塊設計，側邊欄作為產品架構中重要的導航系統，好的側邊欄設計能為用戶帶來更好的效率。主流側邊欄都做了展開、收起、拖拽等交互效果，也是受限于 PC 屏幕為展示更多數據而騰空間。側邊欄主要承擔的功能有導航、分類、自定義篩選、共享、新增等。Dribbble 的 B 端產品設計已經不再是假大空概念設計，而是一套實用美觀可落地的設計。
2. 儀表盤設計
儀表盤設計是一個很好的隱喻，想象一下開摩托車或汽車主駕駛前面的屏幕，汽車儀表有燃油表、車速表、里程表、水溫表、轉速表、故障指示燈等。B 端類產品后臺界面的儀表盤設計也需要展示一些重要的數據和各種狀態，大體分為側標欄、導航欄、待辦任務、個人信息、報表數據、消息中心、快捷入口等。當然最重要的就是報表數據，團隊收益、任務進度、轉化比例、新增、存量、團隊工作時長等都是老板或領導關心的內容。每個公司業務不同、每個人員權限不同，自定義的儀表盤也各有差異。重要的是突顯數據和業務狀態，需要分層級系統性去思考和設計。
3. 流程設計
復雜的事情簡單化，簡單的事情標準化，標準的事情流程化，流程的事情自動化。流程設計是每一個企業核心功能和業務，可自定義的管理流程系統搭建也是 B 端產品設計的難點，需要對業務高度抽象，讓每一個業務人員可自定義的流程才是好的流程設計。
4. B 端 C 化
B 端 C 化是 B 端產品設計的視覺表現力慢慢往 C 端產品設計的視覺靠齊，國內 B 端產品界面設計視覺水平還有很大的提高空間。除了視覺上的提升外，由于業務的發展，B 端產品也開始移動化、智能化，國內主流還是通過小程序、H5 來現實 B 端產品 C 端化。
5. 輕代碼化
輕代碼化是一種低代碼賦能無代碼的方式，彌補無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時，又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發即可如搭積木般快速、靈活地創造屬于你的個性化管理系統，輕松實現多元業務場景的數字化管理。
輕代碼化將功能進行打包，升級成全局可以用的配置，技術人員配置好后，業務人員在應用編輯時直接選擇使用模版，綁定對應的變量即可使用。
1. 人文氣息
為什么人加色塊的組合方式能流行起來？還是 B 端行業流行帶動的。B 端講的更多的是企業對企業。企業對企業除了講行業解決方案外，還需要傳達公司的價值觀、使命、愿景。人加色塊的組合方式非常適合體現公司的企業文化。對于一家全球化的公司不同膚色的人物組合在一起，這種人文氣息和價值觀已經就不言而喻了。
當然企業也需要進行營銷，抓人眼球。幾千年來的遺傳證明了，人的大腦對食物、性、動的東西、人臉和眼睛、危險的動物很敏感。人加色塊的組合方式也具有抓人眼球營銷的功能。真可謂一舉兩得。
這種風格更適合大公司，國內的一些手機廠商 OPPO、VIVO 等也會通過手機+背景+人物來體現科技與人文的結合，而對于中小型公司產品差異化和行業解決方案展現應該還是重中之重。
2. 毛玻璃效果
毛玻璃效果加大了模糊程度，透明效果更加扁平，很好的順應當下 UI 扁平化的設計趨勢。蘋果 Mac OS Big Sur 系統的圖標、界面中運用了大量毛玻璃和半透明元素，界面更扁平。至于 C4D 三維彩色玻璃的視頻教程可以在 B 站搜索“透光藝術-C4D 創建彩色玻璃的 4 個技法”，完全能滿足 UI 設計師。當然還有一個好消息就是 Mac 用戶可以享有 OC 一年免費的使用權，具體安裝購買方法上某寶就可以輕松搞定，真香。
3. 輕擬物
輕擬物這幾年一直流行，在 UI 設計中趨于穩定的位置。從寫實到扁平再到輕擬物，其實是設計師們一路不斷探索的結果。本質就是光影對形體產生的視覺感受。在色彩中對高光、亮面、明暗交界線、暗面、反光（環境光）五個部分的處理。寫實三維的圖標等設計更適用于簡潔的畫面中，扁平等設計更適用于復雜一點的界面中，比如 B 端產品界面中的功能圖標。輕擬物可使用的范圍更廣，效果更佳。Sketch、Figma 軟件對于漸變、高光、投影、高斯模糊處理已經非常簡單且出彩。
4. 簡潔設計
簡潔設計遵從了密斯·凡德羅的“少即是多”的設計原則，在 B 端產品界面中更加需要簡潔設計，我們最熟悉的 Sketch 軟件界面已經是相當的簡潔了?；氐浆F實當需求功能不斷增加，產品界面的編排如何取舍，如何保證界面的簡潔是設計師需要深度思考的問題？如何與上級溝通？該功能是否可做可不做？是否需要埋點用數據說話？如果只是一味競品有我們就需要有，功能不斷累加只會讓界面越來越重。
5. 幾何圖形
幾何圖形和幾何插畫有異曲同工之妙，幾何圖形多為產品界面和宣傳內容的抽象，產品界面的幾何圖形多為占位符形式，加上色彩和幾何色塊讓其成為一個整體。B 端產品視覺設計 C 端化的進程中，幾何圖形、幾何色彩不失為最好的突破口，相信今年Dribbble B 端產品的視覺設計一定會更上一個臺階。
幾何圖形另一個場景化的地方就是品牌，作為一名 UI 設計師一定會經歷從圖標到幾何圖形到品牌設計的過程，品牌設計的技巧基本還是以幾何圖形為主，至于品牌的內涵需要更深層次的解讀。掌握主流品牌設計的技巧對產品定位、品牌宣傳打下扎實的基礎。
6. 暗黑設計
暗黑模式的設計是解決在微弱環境下內容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設備時長增大，如何在夜晚這個特定場景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞，提高在夜間使用的可讀性。
在設計暗黑主題時，不能為了突顯視覺上的逼格，而去使用高飽和度鮮艷的色彩來突顯界面的品質感。而應該把舒適度、可讀性作為設計的衡量指標。Material Design 給出了暗黑主題的設計準則，即正文和背景之間的對比度應至少為 15.8:1。按照此標準設計，可讀性都還不錯。這里介紹一個插件“Stark”（Figma、Sketch、XD、Chrome 插件）用來測試界面的對比度。
7. 模塊化（組件化）
為什么叫模塊化，而不叫組件化，組件化更多的利用原子系統從原子、分子、組織、模版、頁面來快速的搭建界面，但在 B 端產品設計中基礎組件和業務組件的搭建是以提高工作效率為前提，是否有從 0 到 1 搭建 B 端產品組件的經歷是設計師一生中最寶貴的經驗之一，它能提高設計師的系統化思維、邏輯思維和抽象思維能力。
產品模塊化設計就是將產品分成幾個部分，也就是幾個模塊，每一部分都是具有獨立功能，具有一致的連接接口和一致的輸入、輸出接口的單元，相同種類的模塊在產品族中可以重用和互換，相關模塊的排列組合就可以形成最終的產品。通過模塊的組合配置，就可以創建不同需求的產品，滿足客戶的定制需求 。
8. 插畫
插畫作為設計的一大品類，不同的插畫師都有自己擅長的風格，本質是都有自己的個性，但是在產品設計中更多是需要共情、共性來講故事，表達產品理念和價值觀。這就需要插畫師去嘗試并探尋出適合互聯網產品設計類的插畫風格。設計的本質是舊元素的重新組合，插畫不會過時，而是需要結合當下和產品找到最匹配的設計風格。
9. 幾何插畫
幾何插畫算是插畫簡化的一種表現形式，人和物的形態不再寫實，而是抽象成幾何圖形拼湊的感覺，同時保留人物形態的神韻。加上幾何色塊與人物交互形態的表現，傳達出簡潔、科技的現代感。難點還是在人物形態的表現上，平時多練習練習速寫還是很有必要的。
10. 線面插畫
線面插畫最近一兩年非常流行，準確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成，用塊面表現人物形態時某些結構會表現不出來，這時候用線條簡單勾勒后，結構就會清晰明了。其次當線面插畫運用在界面上時，可以打破界面純文字或組件化的機械和沉悶感。線面插畫的風格提升畫面熱鬧感的同時，還能保持界面的干凈整潔。
1. 微交互
界面微交互動效會讓用戶的體驗更加精致到位。想要打造優秀的產品設計，微交互和動效設計是繞不開的，UI 界面設計通過微交互反饋告知用戶當前正在發生的事情，所處的狀態。細微的動效更能調動用戶情緒，取悅用戶。C 端產品微交互和動效已經很成熟了，一部分功勞來自 iOS 系統原生自帶的效果。B 端產品的微交互和動效更多還是在學習海外產品，還需要給前端工程師灌輸微交互和動效的設計價值，共同打造產品體驗細節。
2. Mg 動畫
Mg 動畫需要很好的節奏感、韻律，每一個場景動畫都需要其中的元素進行連接變化，讓轉場動畫更加自然，MG 人物動畫通過點線面的動效變化讓畫面更加有趣、自然，通過粒子效果讓特定場景無限循環會讓人更加印象深刻。
1. 三維圖標
MacOS Big Sur 系統圖標的更新帶動了三維圖標的流行，三維圖標的應該場景還是需要有較大留白空間的界面，因為三維圖標太小后就看不到更多細節。三維圖標感覺又回到了擬物化和扁平化哪個更好的問題上？設計師應該保持開放多元的視角。設計本身也在不斷的演化融合，存在即合理。合適最重要，它們都會有適合自己的場景和設計價值。
2. 輕三維
為什么輕三維在界面設計中占有一席之位？一個是設計師不斷追求差異化的產物。另一個是更好的表現內容，并與用戶產生共鳴。輕三維的基礎模型都是來自手機界面中的各種元素，比如組件、開關、按鈕、占位符、圖表、幾何圖形、圖標、進度條等，這些都是用戶日常使用系統軟件常見的元素，通過簡單的幾何形體建?！驘艄狻硬馁|—渲染—PS調色。難度系數不大但效果很出彩。第一個出彩點是模型帶有厚度的倒角，結合燈光渲染的光澤是二維軟件不能比擬的。第二個出彩點就是材質自由添加，特別是當下流行的毛玻璃效果，玻璃材質渲染效果更佳。第三個出彩點就是可以加局部燈光，局部的漸變色或環境光更加出彩。
3. P4D（PS+C4D）
P4D 是 PS 加 C4D 的設計表現技法，也是視覺設計的最后一個環節，通過 PS 對 C4D 的渲染圖片進行調色，利用 PS 的調色技巧可以很好的解決 C4D 打燈光的瑕疵，還可以利用 PS 強大的合成功能，將渲染圖片與圖片素材進行合成，來表現畫面的視覺度，當然三維軟件比較難實現的水、粒子、煙花等效果，也可以通過 PS 的后期合成來實現，這也是 P4D 的強大之處。
4. 卡通 IP
卡通 IP 設計最近三四年技術的迭代已經慢慢的走上成熟，卡通 IP 也從傳統的純 PS 手繪技法，轉到 C4D 建?！巧壎ā狹D衣服制作—OC渲染—PS（靜態）/AE（動態）調色。
卡通 IP 火的本質更適合做營銷，相比于品牌或 Slogan，卡通 IP 具有親和力和畫面感。隨著各種手辦行業大熱，受互聯網大廠影響下，卡通 IP 已經是互聯網 B 輪以上公司的標配了。如果團隊中沒有這樣能力的人，也可以通過繪制好二維，一套三維可以選擇外包完成。
對于 UI 設計師來說學習是有成本的，暫時并不是必備技能，如果喜歡完全可以學習，從設計差異化的角度來看三維視覺確實有一定的競爭力。
5. 三維動畫
C4D 三維場景動畫通過構建實物和場景模擬生活中的現實場景，會讓用戶體驗真實感，三維軟件制作動效的最大優勢是通過動力學和表達式來模擬真實感，未來在 AR/VR 領域會有更好的發展。相對于界面動效學習成本難度也相對較大。在三維動畫中 C4D 軟件對于域、動力學還是有一定的優勢。
上一次寫 Dribbble 流行趨勢還是兩年前了，通過兩年的沉淀對趨勢流行有了更深的認知。十年的互聯網行業風風火火，隨著最近的互聯網裁員潮大家也慢慢的進入到反思層，客觀的看待和理解這個真實的世界，曾經的流行趨勢也需要慢慢的沉淀下來。
存在即合理，趨勢流行稍縱即逝，注定是不長久的，只有大浪淘沙歷史遺留下來的風格才能更長久。但我們也不能不去關注，因為哪有什么所謂的創新，只不過是舊元素的重新組合，并符合當下這個時代人的審美需求。香奈兒的“時尚易逝，風格永存”大概就是這個意思吧。
6000 多字的設計流行趨勢，希望能幫助設計師度過互聯網裁員的寒春。最后希望以后每年堅持輸出設計流行趨勢。為設計行業奉獻微薄之力。
轉載請注明：優設網
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
