如何系統(tǒng)的進行改版設(shè)計（上）

我個人覺得會有三種不同類型的設(shè)計師：

1.感覺型

他說：我感覺這個頁面太亂。

你問他亂在哪里，他說不出來，僅僅是感覺！這種設(shè)計師可能剛剛踏入設(shè)計行業(yè)，或者做了很久但每天混日子的那種。

2.混亂型

他說：這個圖標重心不穩(wěn)，頁面顏色有點臟，banner有點丑，圖標描邊粗細不一致。

這種設(shè)計師有一定的經(jīng)驗與見解，但是不善于總結(jié)與梳理，所以你會發(fā)現(xiàn)他們雖然能夠說出問題，但都是零散的點，沒有邏輯。

3.體系型

他說：問題出現(xiàn)在以下幾個方面：顏色、圖標、布局等等，其中顏色問題有....、圖標問題有.....

他們能夠先從大的方向?qū)栴}歸類，然后再闡述細節(jié)問題，思路非常清晰。

大家應(yīng)該都希望成為第三種類型的設(shè)計師，但如何能成為體系型的設(shè)計師呢？

其實無非就是將結(jié)構(gòu)化思維用好，找問題也一樣，不要上來就說一推零散的點，這樣會讓人覺得你毫無邏輯。

如果別人讓你挑毛病，首先我們要禁止說“憑感覺"三個字，其次即使你能說出問題所在，說之前也要先思考一下，你所說的問題夠不夠系統(tǒng)，是否先從大的方向?qū)⑵錃w類，然后才具體闡述。

例如就拿上面這個網(wǎng)站來說，我會從以下5個方面來挑出視覺層面的問題（僅供參考），大綱如下：

1.布局

2.文字

3.顏色

4.圖標

5.控件

1 布局

1.1關(guān)于柵格分欄

我會挑戰(zhàn)整個網(wǎng)站的柵格系統(tǒng)，5等分欄的布局方式使整體內(nèi)容過于密集，并且很多內(nèi)容并沒有按照柵格來布局（比如中部的5個圖標），如下圖：

2 文字

2.1 文字規(guī)范

文字的大小及顏色的種類太多，個別還出現(xiàn)加粗情況，例如僅首頁的字體大小有12、14、16、18、20、24這么多種，根本沒有統(tǒng)一的規(guī)范與邏輯，如下圖：

仔細觀察，我們的卡片，標題與輔助信息視覺層級很接近，幾乎看不出主次，而競品的卡片，標題與輔助信息對比很強烈，很容易就知道要突出標題。

3 顏色

3.1 整體顏色雜亂，缺少品牌感

顏色過于雜亂，沒有規(guī)則，導(dǎo)致視覺流不清晰，根本無法聚焦內(nèi)容本身，并且你幾乎無法判斷那個顏色是品牌色，因為實在太亂太雜了，如下圖：

舉個例子，前三名的序號真的需要那么搶眼嗎？就算用三種顏色是否可以適當(dāng)降低一下飽和度？我看了很多競品，他們是怎么做的呢？下期再說！

4 圖標

4.1 圖標視覺大小不統(tǒng)一

4.3 圖標風(fēng)格比較陳舊

這個就是仁者見仁智者見智了，個人覺得圖標風(fēng)格已經(jīng)是很多年前的了，所以可以整體優(yōu)化！

5 控件

5.1 標簽樣式陳舊且不夠明顯

請看下圖，能看見標簽在哪嗎？感覺已經(jīng)和背景圖融為一體，毫無違和感，厲害了！