本文介紹了Redesign（重新設計） Page的概念、頁面分析方法和優化方式、提供了設計改稿的一些經驗，與大家分享！

今天AYONG給大家帶來了全新的數據可視化設計文章，關於設計改稿的一些經驗，今天分享給大家~

一、什麼是Resdesign

Redesign並不是一個簡單的美化過程，視覺只是Redesign的一部分而不是全部。

如果你做產品重構只是爲了視覺更美觀，從各種網站獲取靈感用樣機包裝，沒有任何產品架構以及交互邏輯，那麼你的改版必定不會很完美。

但同時也會有很多人陷入這種誤區，產品中過時的設計規範會使你的用戶會流失到設計體系更好的競品那裏。

重構你的產品設計語言，讓他看起來更美觀。這當然很好，但是也不能盲目的跟隨設計趨勢，沒有任何邏輯做改版，這樣會導致交互邏輯的紊亂以及產品架構不清晰。

今天阿勇就從網上任意摘選了一個產品功能需求有問題的一個頁面來進行一個頁面改版，一起來看看吧！

二、如何進行頁面分析

• 根據顏色：顏色不宜太多，對於特殊行業，固定的顏色是有固定的含義的，比如紅橙黃藍四色預警。
• 根據佈局：不合適的佈局總是會讓人覺得很彆扭，並且對於頁面整體效果會有很大的影響。
• 根據風格：藍色系風格就儘量選用色相接近的顏色，畫面顏色太多，顏色也會失去其本身的美觀度以及特殊含義。

三、如何發現並解決問題

對於畫面不合理的地方需要記錄下來，對當前板塊的內容進行正確的導向。

比如你發現這個字體不合適，你的腦海中一定會有正確的用在此處的字體。比如間距，換行，字號等方面也是如此，心中得有一杆秤，去衡量設計的美感。

1. 優化-01

優化了原本單調並無亮點的主視覺區域，通過添加覆蓋區域/區域告警/視頻監控等信息大量豐富了畫面並實現了地質災害自動化管理。從事件發生到事件解決，真正實現地質防治的自動化。

2. 優化-02

將原本的區域設備數量排行，換成了各地區地質災害數量排行，更能反映出地質災害集中在哪些地域，事發頻率以及爆發率進行排序。顏色上通過紅橙黃來進行前三的強調，更有層次感。

3. 優化-03

將原本的區域在線設備，換成了數據資源統計，是爲了更清晰的去表達具體日期下的設備數量情況；同時可以避免數據表達不清晰的問題。

四、更多組件樣式

新增告警列表，設備數量，資源調度信息，展示歷史告警記錄，合計設備數量，總結資源調度數量，真正掌握自動化地質防治指揮。

五、最終修改成品

設計師應該跳脫出自己狹義的視角重新來審視“設計趨勢”，爲自己帶來更多的可能性。

視覺只是表現層，理解業務，理解數據，合理表述纔是核心。道理大家都懂，但真正的理解數據卻是很多設計師邁不過去的門檻。

送給大家一句忠告，永遠不要迷信產品原型，設計也不應該被原型所制約。

要勇於用自己的設計思維去驗證產品的合理性，要用商業眼光去對產品進行查漏補缺，要站在用戶的立場上去試想產品的可能性。

本文由 @AYONG_BDR 原創發佈於人人都是產品經理。未經許可，禁止轉載

題圖來自 Unsplash，基於CC0協議