做改版設計大體思路很簡單，只需要做好兩件事：發現問題與解決問題。今天我們先來搞定第一件事：發現問題。
給你下面這樣的網站首頁，讓你找視覺層面的問題，你會怎麼闡述？（注意：本文只討論視覺層面問題。）
我個人覺得會有三種不同型別的設計師：
1.感覺型
他說：我感覺這個頁面太亂。
你問他亂在哪裡，他說不出來，僅僅是感覺！這種設計師可能剛剛踏入設計行業，或者做了很久但每天混日子的那種。
2.混亂型
他說：這個圖示重心不穩，頁面顏色有點髒，banner有點醜，圖示描邊粗細不一致。
這種設計師有一定的經驗與見解，但是不善於總結與梳理，所以你會發現他們雖然能夠說出問題，但都是零散的點，沒有邏輯。
3.體系型
他說：問題出現在以下幾個方面：顏色、圖示、佈局等等，其中顏色問題有....、圖示問題有.....
他們能夠先從大的方向將問題歸類，然後再闡述細節問題，思路非常清晰。
大家應該都希望成為第三種型別的設計師，但如何能成為體系型的設計師呢？
其實無非就是將結構化思維用好，找問題也一樣，不要上來就說一推零散的點，這樣會讓人覺得你毫無邏輯。
如果別人讓你挑毛病，首先我們要禁止說“憑感覺"三個字，其次即使你能說出問題所在，說之前也要先思考一下，你所說的問題夠不夠系統，是否先從大的方向將其歸類，然後才具體闡述。
例如就拿上面這個網站來說，我會從以下5個方面來挑出視覺層面的問題（僅供參考），大綱如下：
1.佈局
2.文字
3.顏色
4.圖示
5.控制元件
1.佈局
1.1關於柵格分欄
我會挑戰整個網站的柵格系統，5等分欄的佈局方式使整體內容過於密集，並且很多內容並沒有按照柵格來佈局（比如中部的5個圖示），如下圖：
1.2 佈局層級問題
很多需求方希望傳遞很多內容資訊，並且每一個都是重點，最後就會導致使用者根本不知道看什麼，我們的這個網站就存在這個問題，重點應該是課程的導航，然而個人資訊和快捷入口的圖示區已經完全搶走的我們的視線。
我覺得佈局層級一定要清晰，該收的應該收起來，比如個人資訊；該輕的應該輕一點，比如快捷入口的圖示區，如下圖：
2.文字
2.1 文字規範
文字的大小及顏色的種類太多，個別還出現加粗情況，例如僅首頁的字型大小有12、14、16、18、20、24這麼多種，根本沒有統一的規範與邏輯，如下圖：
2.2 文字層級
文字層級區分不明顯，我們看下圖：
仔細觀察，我們的卡片，標題與輔助資訊視覺層級很接近，幾乎看不出主次，而競品的卡片，標題與輔助資訊對比很強烈，很容易就知道要突出標題。
3.顏色
3.1 整體顏色雜亂，缺少品牌感
顏色過於雜亂，沒有規則，導致視覺流不清晰，根本無法聚焦內容本身，並且你幾乎無法判斷那個顏色是品牌色，因為實在太亂太雜了，如下圖：
3.2 顏色飽和度過高，種類偏多
舉個例子，前三名的序號真的需要那麼搶眼嗎？就算用三種顏色是否可以適當降低一下飽和度？我看了很多競品，他們是怎麼做的呢？下期再說！
4.圖示
4.1 圖示視覺大小不統一
4.2 描邊粗細不一致
非常低階的錯誤！
4.3 圖示風格比較陳舊
這個就是仁者見仁智者見智了，個人覺得圖示風格已經是很多年前的了，所以可以整體優化！
5.控制元件
5.1 標籤樣式陳舊且不夠明顯
請看下圖，能看見標籤在哪嗎？感覺已經和背景圖融為一體，毫無違和感，厲害了！
5.2 選項卡樣式缺乏統一性
排行榜的選項卡有兩種樣式，沒有進行統一設計，差評，如下圖：
5.3 樣式的細節過於複雜
都說現在的設計要簡潔，比如今年很流行的無線化分割等等，來看下圖：
這是網站的一塊截圖，我至少看到了10條分割線，包括卡片的線條，選項卡的線條等等，這麼複雜的細節，你說網站能不亂嗎？
以上就是改版的第一步——發現問題，也許問題覆蓋的並不全面，但是思路是清晰的，可以在真正進行設計的時候查缺補漏，我也僅僅只是提供一種思考方式，至於你怎麼找問題，不一定用我的方法，只要能夠系統的解決問題，那就是正確的。
關於第二步——解決問題，由於篇幅原因，我們下週六再見嘍！
哦對了，如果留言人數不多，我就不寫這個了，哼！
今天就這樣，科科！
歡迎關注微信公眾號：菜心設計鋪
每週六晚給思維加一道菜！複製程式碼