蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數(shù)據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
轉載請注明：學UI網》線條是新開始
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
整個導航欄通常分為左、中、右三部分，左側和右側主要用來放置功能控件，中間部分主要用來放置文字標題，接下里展開分析左中右三部分的構成。
左側導航
放置在APP頂部導航欄左側的控件很多都跟動作相關，例如執(zhí)行返回動作、關閉動作或者點擊漢堡菜單進行展開動作等。
除了在左側放置表示動作的控件，還可以在放置頭像框、消息提示等優(yōu)先級較高的內容，用來引起用戶的注意。
在網頁端的頂部導航欄中，左側都會放置品牌logo，因為網頁端頂部的空間更大，所以還可以在LOGO周圍結合徽標、搜索框、下拉菜單等空間。
中間部分
APP頂部導航欄的中間部分主要用于放置標題，當然根據使用場景的不同，還可以放置頭像、搜索框、下拉框、導航等控件。
1) 標題
最常見的是在中間使用加粗的文字作為標題，也可以使用主標題+副標題的形式來展示更多的信息。
還可以把標題區(qū)域做成支持下拉的樣式，擴展更多的功能全。
2) 用戶頭像
在社交類產品或對話框中，會在中間部分放置用戶的頭像和信息，用來展示用戶的詳細信息。
3) 產品Logo
有些產品還會將Logo放在導航欄的中心位置用來展示品牌形象，在APP的首頁可以考慮這樣設計，起到強調作用。
4) 分段控件
在移動端產品中，還可以在中間部分放置分段控件，通常2-3個標簽，在早期的網易云音樂APP中就用到了這樣的設計，通過點擊標簽或者左右滑動頁面完成內容切換。
5) 搜索框
導航欄中間經常能看到搜索框，然后搜索框左右兩邊放置其他的控件。當導航欄的內容太多，比如有文字標題、頭像、按鈕等控件，搜索欄和這些控件可能無法并排放置時，可以將搜索欄橫向拉長，放在下一行單獨展示。
現(xiàn)在淘寶APP首頁的導航欄就做成了兩行，上一行用來放置文字標題和功能圖標，搜素欄集合掃碼、拍照等功能單獨作為一行。
6) 導航選項
在網頁中，標簽、按鈕、面包屑導航等常見的導航組件，通常會固定在網頁導航的中心位置。當頁面縮小到移動端時，考慮到移動端尺寸較小，如果頂部導航內容太多，可以嘗試把功能組件放到第二層級。
右側導航
相對于左側和中間，APP導航欄的右側部分更加靈活，沒有固定的要求說必須放哪些內容，根據需求放置各種類型的功能控件。
1) 頭像
如果想調用與用戶屬性相關的功能，就可以將頭像放在導航欄的右側區(qū)域，點擊彈出相關的選項。
2) 圖標
在右側區(qū)域放置功能圖標是最常見的設計，把用戶最常使用的功能，例如消息圖標、搜索圖標，都可以集中到導航欄的右側區(qū)域。
如果右側需要展示的圖標太多，可以把這些圖標聚合在一起，處理成類似微信首頁右上角的設計，點擊之后出現(xiàn)更多功能。
3) 按鈕
按鈕也可以放在右側區(qū)域來引導用戶操作。當出現(xiàn)多個按鈕時，要使用樣式和顏色來靈活區(qū)分按鈕的主次關系。
按鈕的形狀包括圓形、方形、圓角矩形等，按鈕樣式包括顏色填充、描邊、圖標和文字結合等多種風格，通過靈活的設計抓住用戶的注意力。
4) 搜索框
在網頁端中會看到搜索框放在右側的設計，將搜索框作為單獨的控件或者和其他控件組合使用放在右側，方便用戶快速訪問。
5) 下拉菜單
在Pad端和網頁端中，可以使用嵌套在應用欄右側的下拉菜單進行切換帳戶、語言等操作。
頂部導航欄設計風格需要與與整個產品的UI相匹配，常見的導航欄設計樣式有
扁平風格、陰影懸浮效果、顏色填充效果、使用半透明導航等。
扁平風格
頂部導航區(qū)域完全融入到背景中，和整個頁面融為一個整體，頁面看起來比較簡約。
陰影懸浮風格
通過在導航欄下方增加一層陰影效果，讓導航欄有懸浮在頁面上的感覺，同時便于和頁面其他內容作區(qū)分。
顏色填充風格
將導航欄背景進行色彩填充，不透明度降低到8-12%，使用一些簡約而高級的色彩來增加頁面的豐富度，體現(xiàn)品牌特點。
深色風格
APP頁面的背景大多都是淺色，這個時候如果使用深色的導航，能夠產生很強烈的對比效果，用來突出導航中的內容。比如早期的微信APP頁面，頂部就是采用深色的導航，和淺色的頁面作對比。
透明風格
圖片詳情頁的UI設計中常用到透明的導航風格，既能避免導航欄將圖片內容遮擋，還能突出頁面的高級感。
選中狀態(tài)
當用戶與導航欄交互時，導航欄上的控件要能夠動態(tài)切換來為用戶提供即時反饋，比如當選中頁面中的內容時，導航欄要出對應的操作提示，是否刪除、分享等。
滾動狀態(tài)
當頁面上下滾動時，原本扁平的APP導航欄出現(xiàn)陰影懸浮的升高效果，狀態(tài)的改變會讓操作看起來更自然。
背景模糊
當頁面滾動時，頂部導航出現(xiàn)毛玻璃的模糊效果，這是現(xiàn)在很流行的視覺效果，會讓整體的用戶體驗更流程。
尺寸調整
當頁面尺寸變小時，要考慮將多余的導航選項折疊并隱藏在“更多”圖標里面，這樣才會讓設計更合理。
以上就是導航欄(App Bar)設計中能用到的知識點和設計細節(jié)，希望通過這些內容能幫助你對導航欄有更多的設計想法和思考。
「組件系列」的其他文章，近期也會不斷更新，歡迎大家關注??
設計夾將近期分享的設計資源整理成了一份清單合集，如果其中有大家需要的資源，直接在公眾號后臺回復對應的關鍵詞即可免費領取，這份清單也會不斷更新更多的資源，建議大家收藏起來隨時查看。
慢慢來比較快，希望對你有幫助！
領取方式：關注公眾號，后臺回復【資源】獲取高清素材清單
作者：Clippp
轉載請注明：學UI網》APP導航欄設計分析：5種設計樣式+4種交互狀態(tài)
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
原文地址：站酷
作者：君小陽
轉載請注明：學UI網》一組復古風格logo嘗試
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
什么是汽車HMI呢？咱們先把這個概念拆分成兩個關鍵詞：汽車+HMI。
先來說一下HMI，HMI是Human Machine Interface的縮寫，“人機接口”，也叫人機界面。
HMI(人機界面)是系統(tǒng)和用戶之間進行交互和信息交換的媒介，它實現(xiàn)信息的內部形式與人類可以接受形式之間的轉換。
知道了HMI的定義后，我們把“汽車”這個前綴加上，汽車HMI是指用戶與汽車系統(tǒng)之間進行人機交互的媒介。
當然汽車HMI并不局限于界面中，而是作為功能的集合，例如汽車儀表盤、HUD抬頭顯示器、交互媒介(語音、觸覺)等，都是汽車HMI設計包含的內容。
目前我們說到的汽車HMI最早是在80年代初推出的。
在當時，普通汽車需要實現(xiàn)的功能在迅速增加，設計師的任務之一就是為駕駛員提供控制，保證駕駛員能夠使用和管理這些新功能。
對于新功能的增加，主要遵循兩種方法：
第一種方法在德系車中比較流行，而第二種方法在美系和日系車中比較流行。
現(xiàn)在看來也是這樣，雖然現(xiàn)在汽車都在用車載大屏來代替物理按鍵，但德系車的物理按鍵仍然要比日系車多。
別克汽車在1986年最早推出了車載屏幕系統(tǒng)，用戶可以在單色觸摸顯示屏中控制電臺和天氣。
另一個典型的案例是日產推出的CUE-X概念車，具備可觸摸和彩色圖形的車載系統(tǒng)。能夠看出來，當時車內功能控件的位置和設計跟現(xiàn)在的車內飾已經很像了。
現(xiàn)在的汽車HMI更像是汽車控制中心與娛樂系統(tǒng)混合的數(shù)字座艙，提供的功能更多更強大，同時兼?zhèn)鋳蕵穼傩浴?/span>
設計美觀有效的HMI，需要將藝術性與功能性合為一體。藝術性和功能性應該是平等和諧地協(xié)同工作，讓用戶沉浸在體驗中。以下是一些基本的設計原則：
給用戶控制感
汽車HMI應該始終在合理的時間內，通過適當?shù)姆答?，告知用戶當前的狀態(tài)。
這一點在用戶開車時尤為重要。如果系統(tǒng)在沒有通知駕駛員的情況下就采取某個行為，很可能會對駕駛員造成干擾，產生不好的后果。
駕駛員駕駛汽車，實際上就是在控制汽車做出各種行為。這既是一種控制，也是一種反饋，控制的是汽車的功能，反饋的功能帶來的結果。例如利用指示燈、速度儀表等各種動態(tài)化信息，隨時告知駕駛員當前的狀態(tài)。
遵循“安全第一”法則
HMI系統(tǒng)主要的好處是可以幫助我們避免事故。現(xiàn)代汽車配備了許多傳感器，傳感器可以收集信息，再利用這些信息跟蹤駕駛狀況。
HMI系統(tǒng)可以實時監(jiān)控情況，防止交通碰撞和事故的發(fā)生。系統(tǒng)對條件的響應包括：
反應型：系統(tǒng)會通知駕駛員剛剛發(fā)生的事，例如胎壓過低或疲勞駕駛，并向駕駛員發(fā)出警告。
主動型：系統(tǒng)分析狀況，預測可能發(fā)生的情況，并基于潛在的不良情況向駕駛員發(fā)出警告。例如系統(tǒng)分析天氣狀況，并建議用戶避免在道路結冰的日子開車。
在設計系統(tǒng)響應時，重要的不是用大量信息淹沒用戶，而是要制定可靠的通知策略。發(fā)送給用戶的反饋應該是：
認知負荷最小化
認知負荷是使用系統(tǒng)需要付出的腦力成本、思考成本。用戶在使用產品時付出的成本越小，說明這個產品至少是簡單易用的。
話說回來，如果一個車載系統(tǒng)要求用戶承擔大量認知負荷時，說明這個系統(tǒng)存在很大的改進空間。
首先，不要去強迫用戶記住汽車駕駛相關的信息。大家都知道，用戶在短期記憶中不能記住太多信息，特別是多個容易混淆的功能或抽象的概念。
預先考慮用戶在駕駛過程中可能遇到的問題，例如機艙溫度是多少？現(xiàn)在在聽什么音樂？怎么導航去商場？基于這些場景和問題進行系統(tǒng)的設計，以此來解答用戶的問題。
其次，基于現(xiàn)有的心智模型構建HMI至關重要。為什么大多數(shù)汽車的儀表、中控的分布位置都很相似呢？
實際上這些都是在用戶與汽車的交互行為中建立起來的使用習慣，遵循熟悉的設計方式，能最大限度減少學習使用系統(tǒng)所需的工作量。
減少不必要的分心
駕駛過程中，駕駛員沒有什么理由去看手機，因為HMI能夠做任何在手機上能夠做的事情。可能會有人說，現(xiàn)在車載大屏尺寸那么大，會吸引用戶的注意力，對駕駛造成一定影響。
所以現(xiàn)在越來越多的智能汽車推出各種車載語音助手，將聲音——而不是觸摸，作為用戶與系統(tǒng)交互的主要媒介，通過語音來控制場景，例如切歌、撥打電話、調節(jié)溫度等。
不言自明的導航體驗
可發(fā)現(xiàn)性(在系統(tǒng)中找到特定功能)和導航體驗應該在設計中處于最高級別。
現(xiàn)在很多車載系統(tǒng)面臨著操作層級過多/過深的情況：用戶需要點擊很多次才能找到他們想要做的功能。
通過仔細規(guī)劃系統(tǒng)的信息架構，將常用的功能放置在第一層級，可以避免這種情況。
改進視覺效果
在美即適用效應的影響下，用戶更傾向于認為好看的、有吸引力的產品更實用。
設計師可以通過改進系統(tǒng)的視覺效果，改善用戶對系統(tǒng)的感知態(tài)度。例如為導航渲染逼真的3D模型，能幫助用戶更快地理解他們現(xiàn)在所在的位置和要去的地方，并獲得很好的體驗。
驗證HMI是否合理，不僅要衡量操作完成的時間和發(fā)生錯誤的數(shù)量，還要注重用戶滿意度。
用戶對汽車HMI的期望很高，有時候甚至會依據汽車HMI體驗的好壞來決定是否購買汽車。
如果你下次設計HMI系統(tǒng)，可以將這些要求作為基準：
原文地址：Clip設計夾（公眾號）
作者：Clippp
轉載請注明：學UI網》還不知道什么是汽車HMI設計？進來帶你快速了解
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
輕量漸變
首先值得一說的是輕量漸變，輕量漸變屬于弱漸變范疇，其特點為漸變色彩鄰近，幅度輕柔，節(jié)奏緩慢，融合感和細膩感較強。
因為輕量漸變多會選擇那些明度高、飽和度低的鄰近色，所以能很好地表達出設計中的“呼吸感”。這種呼吸感和通透感給人的感覺非常清新，所以在2022年應該還會持續(xù)地流行下去。
高飽和度撞色
高飽和度色系的應用在2020年就已經成為了重要趨勢之一，因為高飽和度的色彩更能吸引人的注意力，從而有效的吸引用戶的視覺落點。
可盡管“吸睛”對品牌來說非常重要，但我們在使用時仍需克制，因為過高飽和度的搭配，往往會給頁面的一體性造成一定程度上的背離，且非常容易帶來視覺疲勞。
所以設計師在使用這類顏色時，也通常會對其飽和度和明度進行一定程度的降低，讓顏色“豐盈卻不擁擠”，從而保證我們視覺上的舒適性。
另外，從高飽和的UI案例中我們也能夠看到，在搭配色彩時，選用大量的鄰近色營造氛圍，再用一兩個對比色產生沖突，就會使得整個頁面輕重相平衡，帶來不錯的視覺體驗。
糖果色
糖果色以粉色、粉藍色、粉綠色、粉黃色、明艷紫、檸檬黃、寶石藍和芥末綠等甜蜜的女性色彩為主色調，它能帶來一種纖細,柔軟的感覺。所以哪怕一個畫面中出現(xiàn)過多的色彩，也不會讓人覺得很沖突和背離！
emoji表情
表情符號在現(xiàn)如今是一個超越文本并且能夠得到廣泛認知、跨越文化和多領域的一種視覺語言，在文字段落的末尾加上 Emoji 能夠更好傳達情緒，這使得表情符號不僅在網頁、文本甚至在海報中作為主視覺，都能帶來非常不錯的氛圍感。
在2021年，emoji不僅被廣泛應用起來，還被廣泛3D化。加上陰影效果的emoji，其情緒的傳達也變得更加豐富。
2022，emoji的表達依舊會持續(xù)進行，只是其形式會更加豐富，例如這種“假3D”效果等
3D化
說到了emoji的3D表達，就不得不說2021最為流行的一個設計趨勢，那就是大量的平面內容通過增加了陰影的效果而被立體的表達了出來。
像我們熟悉的蘋果應用程序icon等，其設計細節(jié)都因此變得更加的豐富而有層次。
而2022，3D設計趨勢也會通過不斷的發(fā)展進一步明確了其自身的地位。它能夠為設計師提供無限的可能性，為任何你能想象的東西提供更多可發(fā)揮的空間。
2022年我們也會看到更多關于2D和3D之間完美結合的設計，像下圖的案例，手繪線條的手指和球體表情之間的互動，不僅讓整個頁面顯得更加有趣生動，還能使2D3D這兩種設計方式的優(yōu)點都能得到更充分的展現(xiàn)。
玻璃擬態(tài)
同樣，在2021年超級流行的毛玻璃效果，我們也會在2022年看見更加豐富的表達~
比如最近在dribble上很火的這組效果圖，就是在平面的基礎上，將毛玻璃的效果運用在3D的物體上，讓整體的虛實感更加的生動，也會給設計增加一點與眾不同的活力。
除此以外，我們還可以看到的，這一趨勢已經明顯轉移到了玻璃和水晶質感上，而且以令人難以置信的用立體擬真度將圖形設計提升到了一個全新的高度。所以，2022我們也將看到更多與全息和3D趨勢相輔相成的透明質感和逼真的玻璃背景等元素的設計。
幾何抽象
完全不同于寫實的3D風格，2022年的設計風格可能也會開始往抽象發(fā)展。用幾何圖形來表達意象，用色彩傳達情感。少了繁瑣的裝飾，用更簡潔有力的方式去傳達設計理念。
當分形形狀與色彩完美結合時，就可以創(chuàng)建出極具吸引力的視覺效果。
的確，每年的設計趨勢似乎總有相似的地方，2022年的設計風格也是在2021的基礎上進行演變和發(fā)展的。所以更重要的是，我們要學會持續(xù)地積累這些設計素材，并不斷地審視自己的設計作品，學會將他人的設計思路結合在自己的設計靈感上，才能成為一個一直擁有輸出能力的設計師~
原文地址：CSDN
作者：摹客
轉載請注明：學UI網》2022最新盤點，這些設計趨勢今年會怎樣？
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
雖然 3D化 的視覺風格早已到來，但是在B端市場上，3D風格在此之前依舊表現(xiàn)的十分克制。
隨著 C4D、Blender 這些 3D 建模軟件的不斷普及，再加上互聯(lián)網上關于 3D 建模教程的增多，你會發(fā)現(xiàn) 3D 風格的視覺表現(xiàn)，是一個 B端視覺設計師 的基本要求。
而3D風格用在B端軟件當中，會有兩個使用場景：
圖標
因為在B端產品當中，圖標本身就是非常難以去表現(xiàn)，比如“物聯(lián)網，大數(shù)據”。
許多的抽象詞匯，很難通過一個具象的事物進行表達，而在企業(yè)官網當中，在視覺表現(xiàn)上的要求又十分的高。因此你會發(fā)現(xiàn)，在視覺風格上的選擇，往往只有 3D 圖標 + 插畫 這一條路。
并且 3D 圖標的使用場景不會太過于局限，也可以用于產品的工作臺、運營營銷工具箱 等頁面，因此 3D 圖標的出現(xiàn)，它的應用場景也會相比之前 要更加的廣闊。
可視化大屏
大屏設計 也在不斷的“內卷”，因為傳統(tǒng)的 2D 可視化大屏 所搭建出來的大屏已經滿足不了企業(yè)的野心， 像DataV 騰訊云圖 ，大家都在朝著 3D風格 炫酷的方向進行延展，因此也就會導致 3D 的視覺風格需求 激增，而 3D 建模仿佛就是大勢所趨。
雖然新擬態(tài)是在前兩年的產物。這個設計風格背后，遭到了很多設計師的質疑與排擠。
但是隨著這個風格的不斷成熟，感覺它在B端視覺領域（特指的是 官網 ），是非常受到歡迎的，因為整體的風格，與官網的設計形式趨同。
同時作為B端產品的官網，其實是更需要新擬態(tài)這種風格。因為電腦場景下鼠標光標對頁面進行 Hover 操作 給出的真實反饋，而使用了新擬態(tài)的官網按鈕，給你的反饋非常真實。
這里安利一下騰訊云的首頁官網，大家就會發(fā)現(xiàn)在設計風格上，大量的采取了新擬態(tài)元素，并且配合 3D 風格的圖標，以及毛玻璃材質的設計，讓它的設計瞬間加分不少。
在去年，設計系統(tǒng)迎來了一波發(fā)展的高峰期，隨著字節(jié)、騰訊，三大設計系統(tǒng)（Arco Design、TDesign、Semi Design）的開源，其實是給我們很多B端設計初學者，有了更加完整仔細的B端入門教程。
比如 Arco Design 的組件用法 https://arco.design/docs/spec/link
就清晰的講清楚了每一個組件的使用方式，以及注意事項，仔細閱讀這里面的內容，其實就是B端設計的入門學習。
而未來，國內的環(huán)境，開源的系統(tǒng)也會越來越多，大家可以針對這幾大類不同的設計系統(tǒng)，進行對比，或許會有一番收獲。
超級app
這里的 超級app 可能和大家潛意識里的 支付寶、微信 這些軟件不太一樣。
在B端行業(yè)，隨著疫情的不斷擴散、再加上了兩年時間的發(fā)展，很多B端產品的功能架構都出現(xiàn)了一個現(xiàn)象，產品的功能開始變得非常擁擠。因為B端軟件的核心價值其實就是靠著一個又一個功能去累積，也就意味著隨著B端產品的發(fā)展，功能模塊在不斷的累積，導致在設計層面，這樣的現(xiàn)象變得更加嚴峻。
你會發(fā)現(xiàn)左側的導航菜單已經完全沒有辦法裝下這些導航內容，而這一現(xiàn)象也反映在很多產品當中，比如我了解的 飛書管理后臺、薪人薪事 等等諸多B端產品，它們在整個導航內容上，已經增加到一級導航 15+ 、二級導航 40+ ，這無疑會開始對設計師的能力造成巨大考驗。
面對這一情況，許多導航菜單都將會迎來前所未有的挑戰(zhàn)，最近也在深入研究導航菜單過多時的解決辦法，發(fā)現(xiàn)了一些新的 導航菜單 設計方法，有機會咱們重新梳理一下 導航菜單 的內容，將B端設計指南 文章進行更新。
低代碼定制化
低代碼一直是我關注的一個領域，先給不明白低代碼的同學簡單科普一下。
低代碼，一種快速開發(fā)應用的軟件，將通用、可重復利用的代碼形成組件化的模塊，通過圖形化的界面來拖拽組件并形成應用。低代碼能夠實現(xiàn)只寫少量代碼或不寫代碼，類似用“樂高積木”的方式來開發(fā)。
在國外有很多著名的低代碼成功案例。Outsystems（國外非常出名的低代碼平臺）幫助施耐德電氣在20個月內推出了60款應用程序，開發(fā)過程加速了兩倍，僅在第一年就節(jié)省了650人天的工作量；在2012年即將推出Model S之際，特斯拉放棄了SAP的ERP產品（可以思考一下為什么），改用低代碼開發(fā)平臺Mendix，用25個人四個月時間自建ERP系統(tǒng)。
去年，低代碼平臺，也有很多新產品面世，其中就包含：
因此你會發(fā)現(xiàn)，其實低代碼就是在解決一件事，圍繞著某一個業(yè)務場景，通過平臺的持續(xù)完善優(yōu)化。
讓所有的功能都能圍繞這個業(yè)務展開，其中包括：權限、時間軸、流程、表單、公式等等，能夠解決很多特殊的業(yè)務場景。
而低代碼會涉及到設計思路上的轉變，以及低代碼編輯器的出現(xiàn)，如何去設計如此復雜的配置流程，如何能夠讓用戶能夠快速上手，如果你能夠有比較完整的思路，這些都會成為我們設計的新機會。
行業(yè)細分
隨著互聯(lián)網市場的不斷發(fā)展，用戶會越來越關注產品在自己行業(yè)的應用，比如CRM，其實只是一個籠統(tǒng)的稱呼，現(xiàn)在CRM市場又會分為 SCRM、運營CRM，等諸多產品。
PaaS類的平臺也出現(xiàn)了 負責從虛擬主機和數(shù)據庫層面入手的 iPaaS 以及 從應用和數(shù)據層面入手的 aPaaS。
即使是大家經常使用的 釘釘、企微、飛書，它們也在各自的領域有所擅長。
因為B端產品，在底層邏輯上是不能允許趨同的產品出現(xiàn)，如果你和別人的產品一樣，其實是沒有辦法在目前的市場上立足。
因此你會發(fā)現(xiàn)，雖然產品形式都會比較相同，但是B端市場十分廣闊，大家都在去尋找自己產品的差異化。
當然市場是瞬息萬變的，這里也只是簡單聊聊我自己的看法，希望對你有所幫助。最近拖更確實比較厲害，準備之后幾天給大家抽些書，可以多留意留意公眾號的文章。
原文鏈接：CE青年（公眾號）
作者：CE青年
轉載請注明：學UI網》2022年，B端設計的趨勢有哪些？
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數(shù)據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
藍藍設計的小編 http://www.wnxcall.com