當然產品本身也是隨著實際業務場景的變化，從而考慮設計不同的形式來達到該功能的使用。產品需要優化，交互和布局同樣需要優化，所以在B端產品中并不是一個同樣的功能就僅限于只有一種解決方案。

對于產品而言，只有參與的項目越多，設計和思考的場景越全面，了解的產品越多，才能更好的掌握一個功能的多種類型和使用場景，這一次能夠在原來的基礎上更加全面的總結同一個功能的類型和場景，主要是在工作中也有遇到類似的業務場景，加上對其他產品的體驗，從而讓我更加全面的了解到該功能的多樣性。

B端產品設計具有較高的業務屬性，所以對于ui設計師而言也需要有較強的業務知識，在完全理解需求后，再針對業務場景、用戶體驗、交互、布局合理、易用性等多維度展開設計。

這一期主要分享關于B端產品中拖動排序功能。排序在B端和C端產品中都比較常見，前期排序有通過點擊上下箭頭排序，但是這樣的交互易用性較差，隨著用戶對產品使用的易用性提高，這種排序方式在產品交互中已經漸漸的被舍棄。

目前對于排序功能，使用更多的是通過拖動排序，通過選中數據后長按鼠標右鍵，上下拖動來完成數據的排序。

表格的設計，雖然看似簡單，但是作為用戶最常用的組件之一，我們需要對視覺和交互的精準把握，才能保證用戶在使用表格時更加高效表格被公認是展現結構化數據最為清晰、高效的形式。常和按鈕、搜索、篩選、分頁等其他元素一起協同，構成表格頁。表格的設計，雖然看似簡單，但是作為用戶最常用的組件之一，我們需要對視覺和交互的精準把握，才能保證用戶在使用表格時更加高效。

首先看我們這次改版的對象：

如何給界面做減法，實現B端設計提效效果？

光憑第一印象，整體效果是還不錯的，落實到每個局部的話，布局也是合理的，可以看到是有設計的細節在里面.jpg。

但是，再多看幾眼，就會發現整體的效果似乎有點不和諧，但又找不出來問題具體在哪，不知道怎么改下去。問題的根源就是 —— 過度設計。

我們強調過很多次，表盤頁的設計是作品集項目中最重要的頁面，因為觀看者對整體視覺和設計水準的印象是通過它建立起來的，不管你分析怎么寫，我們首先關注的肯定也是設計的效果。

但重要不代表需要過度傾注和堆疊視覺元素，過度的設計會讓界面看起來有 “飛機” 敢，不僅不真實的印象產生了，還會顯得業余不夠自信。同時任何項目中表盤頁過度設計都會對整個項目造成負擔，后續的頁面要怎么設計才能不和它產生隔閡，保持一致性。

下面，我們根據原頁面進行分析，來找出問題并優化：

問題 1：導航欄的圖標

導航的頂部 LOGO 描邊沒有太大必要，以及圖標的設計在這個尺寸下非常的局促，因為細節較多，不僅復雜性提升了，也缺乏圖形辨識。

所以改動中，將多余的背景去掉，再簡化圖標本身的樣式。

如何給界面做減法，實現B端設計提效效果？

問題 2：頂欄的設計

頂部欄本身設計單看是沒有問題的，但是作為全局欄目和導航欄顏色缺乏區分，而且用了投影來強化層次，就讓這個模塊的權重被過度放大。

所以我們去掉了背景色，并適當增高欄目的高度，讓局部更舒展。

如何給界面做減法，實現B端設計提效效果？

問題 3：統計數字的問題

統計數字在作品展示里用特殊字體很常見，因為要用更美觀的字體來呈現重要的信息。但任何頁面中的信息權重都要保持階梯性，不能讓加粗、深色、特殊字體幾個要素作用在過多的信息上，這就讓畫面顯得非常的“吵”。

所以要對字重和色彩做控制，創造對比來降低視覺的壓力。

如何給界面做減法，實現B端設計提效效果？

問題 4：圖表的應用

原圖中的圖表應用有一定的問題，第一個柱狀的堆疊類型并不是太符合實際數據應用，下方的環形圖中起始位置顯然不對，并且色彩比較混亂。

所以是答案對它們做出優化，并調整了一些小細節。

如何給界面做減法，實現B端設計提效效果？

問題 5：配圖類型選擇

在引導卡片中，用的扁平插畫素材一方面不高級，另一方面內容太碎，再加上用奇怪的字體和傾斜，使得這個卡片看起來非常別扭。

改動中替換新的圖片素材（臨時找的，理解意思就行），同時使用一般黑體的標題，以及增加背景色，來形成新的卡片樣式。

如何給界面做減法，實現B端設計提效效果？

問題 6：裝飾圖標應用

在快速入口和日程模塊中，都有使用裝飾圖標，顯然大家也能理解他們對于目前的語境來講還是細節過多了，所以需要做一些調整，讓它們簡化。

如何給界面做減法，實現B端設計提效效果？

最后，再加上一些細節的小改動，最終的樣式就完成了。

如何給界面做減法，實現B端設計提效效果？

表盤的設計一定要在最后做檢查，一些設計感強的元素是否有必要這么做，尤其是類似圖標元素，做得很花哨是否對信息的識別能帶來幫助？如果不行，那就可以果斷的放棄。

表盤頁的設計感來自 —— 全局元素和色彩的控制，而不是單一某個局部內容的加強。

文章來源：優設
作者：酸梅干超人

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢～希望得到建議咨詢、商務合作，也請與我們聯系01063334945

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.kgenes.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

人工智能的嶄新概念正在逐漸改變我們對設計的認識和實踐方式。在這個數字化時代，AI不再僅僅是一種輔助工具，它已經成為設計師的得力助手，能夠提供更高效、更智能的設計方案。在B端設計視覺中，AI的應用為我們開辟了一條通向更優質設計的道路，本文將深入探討如何借助AI技術，輔助設計師完成B端設計視覺。無論你是剛剛踏入設計領域的小白，還是經驗豐富的資深設計師，都可以利用AI工具來提升設計效率、優化視覺效果。

我們很多時候會在選擇設計方案上搖擺不定。自己覺得好的方案，看到別人是另外一種形式，又會覺得自己的是不是不太好。其實沒必要，每一種方案都有好與壞，很難做到100%完美，只能說在當前這個階段里接近完美。

就像小孩有了蟲牙，去醫院治療，醫生也會說有很多種方案。具體用哪一種會根據年齡、性別、牙齒生長情況來決定。比如：一個6歲的女孩，在不嚴重的情況下，醫生可能就建議清理后補一下；如果是一個5歲的男孩，當前牙齒還不錯，距離換牙還有比較長的一段時間，可能會給你放個普通點的牙套保護起來

在B端設計中，表單設計是常見的需求設計，對于B端來說，表單的信息復雜程度會根據業務的實際情況而定，常見的簡單表單設計只需要將表單的字段平鋪在頁面中，用戶輸入相關信息即可完成表單的任務。但是B端的實際業務中，表單的需求有簡單也有非常復雜的場景，如果都采用簡單的平鋪方式，必定會讓表單填寫任務變得難以操作。對于不同的表單模式使用的業務場景不同，但是表單的呈現方式也具有多種選擇，并且適用的場景也不同。下面我總結了三種不同的表單展示方式，四中表單的呈現方式以及應用場景。

本篇文章將分享Web端表單體驗優化等相關內容，分析設計師在設計B端類產品時如何讓用戶愉悅并高效的填寫表單。表單作為基礎通用組件，也是在各個企業級中臺中出現頻率最高的元素之一。在用戶界面中表單無處不在，比如：用戶注冊登陸頁、支付頁、用戶反饋、共享信息數據錄入等不同類型的表單。當我們使用/設計表單頁面時看似是按鈕、輸入框等表單組件進行組合搭配使用，看似簡單，但是在實際業務使用中卻有著無數可推敲的細節冒出來，常常給設計師造成較多的困擾。

表單頁作為B端設計中常見頁面之一，在設計過程中如何解決用戶的問題如何降低使用者的錄入負荷。一點小小的經驗供大家參考～在使用表單組件、或設計表單頁面時，很多設計者都是根據自己的直覺或者個人經驗本能驅動解決排列、布局的一些問題。但又會有很多的疑惑會從過程中冒出來困惑設計師，導致自己的設計很難使產品、開發等信服。每一個設計都離不開解決某問題或達到某個預期，好的表單設計往往都能讓用戶快速get到關鍵信息同時快速準確錄入信息，降低使用者填寫負荷。帶著這樣的設計目的結合業務內容將表單進行分組，結合適當的設計策略，這樣能使設計方案更加有理有據。

一個完整的后臺，由菜單/導航、數據/圖形展示、表格、表單、控件/組件以及彈窗等構成，下面跟大家分享后臺中的表格和表單的設計細節當接到一個全新的網頁后臺項目時，首先確定設計風格，然后考慮這個后臺尺寸是做居中固定式，還是全屏響應式（上一篇文章已經跟大家分享了網頁設計的畫布尺寸）。全屏響應式的網頁設計，選擇怎么樣的屏幕來做效果，就顯得有些主觀了，除非有規定，否則你可以選擇任意主流尺寸作為基尺寸來設計網頁。當然，不管選擇什么尺寸，都得基于做好一個后臺而開展工作。