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

今天主要的改版案例依舊是表盤，我們要在表盤的基礎上做減法。

往期B端干貨：

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

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

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

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

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

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

問題 1：導航欄的圖標

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

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

問題 2：頂欄的設計

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

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

問題 3：統計數字的問題

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

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

問題 4：圖表的應用

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

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

問題 5：配圖類型選擇

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

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

問題 6：裝飾圖標應用

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

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

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

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

今天的內容就優化到這里。

歡迎關注作者的微信公眾號：「超人的電話亭」