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