做改版設(shè)計(jì)大體思路很簡(jiǎn)單邪财，只需要做好兩件事：發(fā)現(xiàn)問(wèn)題與解決問(wèn)題洁段。今天我們先來(lái)搞定第一件事：發(fā)現(xiàn)問(wèn)題应狱。
給你下面這樣的網(wǎng)站首頁(yè)，讓你找視覺(jué)層面的問(wèn)題祠丝，你會(huì)怎么闡述疾呻？（注意：本文只討論視覺(jué)層面問(wèn)題。）
我個(gè)人覺(jué)得會(huì)有三種不同類型的設(shè)計(jì)師：
1.感覺(jué)型
他說(shuō)：我感覺(jué)這個(gè)頁(yè)面太亂写半。
你問(wèn)他亂在哪里岸蜗，他說(shuō)不出來(lái)，僅僅是感覺(jué)叠蝇！這種設(shè)計(jì)師可能剛剛踏入設(shè)計(jì)行業(yè)璃岳，或者做了很久但每天混日子的那種。
2.混亂型
他說(shuō)：這個(gè)圖標(biāo)重心不穩(wěn)悔捶，頁(yè)面顏色有點(diǎn)臟铃慷，banner有點(diǎn)丑，圖標(biāo)描邊粗細(xì)不一致蜕该。
這種設(shè)計(jì)師有一定的經(jīng)驗(yàn)與見(jiàn)解犁柜，但是不善于總結(jié)與梳理，所以你會(huì)發(fā)現(xiàn)他們雖然能夠說(shuō)出問(wèn)題堂淡，但都是零散的點(diǎn)馋缅，沒(méi)有邏輯扒腕。
3.體系型
他說(shuō)：?jiǎn)栴}出現(xiàn)在以下幾個(gè)方面：顏色、圖標(biāo)萤悴、布局等等瘾腰，其中顏色問(wèn)題有....、圖標(biāo)問(wèn)題有.....
他們能夠先從大的方向?qū)?wèn)題歸類稚疹，然后再闡述細(xì)節(jié)問(wèn)題居灯，思路非常清晰。
大家應(yīng)該都希望成為第三種類型的設(shè)計(jì)師内狗，但如何能成為體系型的設(shè)計(jì)師呢怪嫌？
其實(shí)無(wú)非就是將結(jié)構(gòu)化思維用好，找問(wèn)題也一樣柳沙，不要上來(lái)就說(shuō)一推零散的點(diǎn)岩灭，這樣會(huì)讓人覺(jué)得你毫無(wú)邏輯。
如果別人讓你挑毛病赂鲤，首先我們要禁止說(shuō)“憑感覺(jué)"三個(gè)字噪径，其次即使你能說(shuō)出問(wèn)題所在，說(shuō)之前也要先思考一下数初，你所說(shuō)的問(wèn)題夠不夠系統(tǒng)找爱，是否先從大的方向?qū)⑵錃w類，然后才具體闡述泡孩。
例如就拿上面這個(gè)網(wǎng)站來(lái)說(shuō)车摄，我會(huì)從以下5個(gè)方面來(lái)挑出視覺(jué)層面的問(wèn)題（僅供參考），大綱如下：
1.布局
2.文字
3.顏色
4.圖標(biāo)
5.控件
1.布局
1.1關(guān)于柵格分欄
我會(huì)挑戰(zhàn)整個(gè)網(wǎng)站的柵格系統(tǒng)仑鸥，5等分欄的布局方式使整體內(nèi)容過(guò)于密集吮播，并且很多內(nèi)容并沒(méi)有按照柵格來(lái)布局（比如中部的5個(gè)圖標(biāo)），如下圖：
1.2 布局層級(jí)問(wèn)題
很多需求方希望傳遞很多內(nèi)容信息眼俊，并且每一個(gè)都是重點(diǎn)意狠，最后就會(huì)導(dǎo)致用戶根本不知道看什么，我們的這個(gè)網(wǎng)站就存在這個(gè)問(wèn)題疮胖，重點(diǎn)應(yīng)該是課程的導(dǎo)航环戈，然而個(gè)人信息和快捷入口的圖標(biāo)區(qū)已經(jīng)完全搶走的我們的視線。
我覺(jué)得布局層級(jí)一定要清晰澎灸，該收的應(yīng)該收起來(lái)院塞，比如個(gè)人信息；該輕的應(yīng)該輕一點(diǎn)击孩，比如快捷入口的圖標(biāo)區(qū)，如下圖：
2.文字
2.1 文字規(guī)范
文字的大小及顏色的種類太多鹏漆，個(gè)別還出現(xiàn)加粗情況巩梢，例如僅首頁(yè)的字體大小有12创泄、14、16括蝠、18鞠抑、20场斑、24這么多種始苇，根本沒(méi)有統(tǒng)一的規(guī)范與邏輯，如下圖：
2.2 ?文字層級(jí)
文字層級(jí)區(qū)分不明顯辫诅，我們看下圖：
仔細(xì)觀察法绵，我們的卡片箕速，標(biāo)題與輔助信息視覺(jué)層級(jí)很接近，幾乎看不出主次朋譬，而競(jìng)品的卡片盐茎，標(biāo)題與輔助信息對(duì)比很強(qiáng)烈，很容易就知道要突出標(biāo)題徙赢。
3.顏色
3.1 整體顏色雜亂字柠，缺少品牌感
顏色過(guò)于雜亂，沒(méi)有規(guī)則狡赐，導(dǎo)致視覺(jué)流不清晰窑业，根本無(wú)法聚焦內(nèi)容本身，并且你幾乎無(wú)法判斷那個(gè)顏色是品牌色枕屉，因?yàn)閷?shí)在太亂太雜了常柄，如下圖：
3.2 ?顏色飽和度過(guò)高，種類偏多
舉個(gè)例子搀庶，前三名的序號(hào)真的需要那么搶眼嗎拐纱？就算用三種顏色是否可以適當(dāng)降低一下飽和度？我看了很多競(jìng)品哥倔，他們是怎么做的呢秸架？下期再說(shuō)！
4.圖標(biāo)
4.1 圖標(biāo)視覺(jué)大小不統(tǒng)一
4.2 描邊粗細(xì)不一致
非常低級(jí)的錯(cuò)誤咆蒿！
4.3 圖標(biāo)風(fēng)格比較陳舊
這個(gè)就是仁者見(jiàn)仁智者見(jiàn)智了东抹，個(gè)人覺(jué)得圖標(biāo)風(fēng)格已經(jīng)是很多年前的了，所以可以整體優(yōu)化沃测！
5.控件
5.1 標(biāo)簽樣式陳舊且不夠明顯
請(qǐng)看下圖缭黔，能看見(jiàn)標(biāo)簽在哪嗎？感覺(jué)已經(jīng)和背景圖融為一體蒂破，毫無(wú)違和感馏谨，厲害了附迷！
5.2 選項(xiàng)卡樣式缺乏統(tǒng)一性
排行榜的選項(xiàng)卡有兩種樣式惧互，沒(méi)有進(jìn)行統(tǒng)一設(shè)計(jì)哎媚，差評(píng)，如下圖：
5.3 樣式的細(xì)節(jié)過(guò)于復(fù)雜
都說(shuō)現(xiàn)在的設(shè)計(jì)要簡(jiǎn)潔喊儡，比如今年很流行的無(wú)線化分割等等拨与，來(lái)看下圖：
這是網(wǎng)站的一塊截圖，我至少看到了10條分割線艾猜，包括卡片的線條买喧，選項(xiàng)卡的線條等等，這么復(fù)雜的細(xì)節(jié)匆赃，你說(shuō)網(wǎng)站能不亂嗎淤毛？
以上就是改版的第一步——發(fā)現(xiàn)問(wèn)題，也許問(wèn)題覆蓋的并不全面炸庞，但是思路是清晰的钱床，可以在真正進(jìn)行設(shè)計(jì)的時(shí)候查缺補(bǔ)漏，我也僅僅只是提供一種思考方式埠居，至于你怎么找問(wèn)題查牌，不一定用我的方法，只要能夠系統(tǒng)的解決問(wèn)題滥壕，那就是正確的纸颜。
關(guān)于第二步——解決問(wèn)題，由于篇幅原因绎橘，我們下周六再見(jiàn)嘍胁孙！
哦對(duì)了，如果留言人數(shù)不多称鳞，我就不寫這個(gè)了涮较，哼！
今天就這樣冈止，科科狂票！
更多干貨歡迎查看簡(jiǎn)書主頁(yè)的微信公用號(hào)。
