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

首先看我們這次改版的對(duì)象：

光憑第一印象，整體效果是還不錯(cuò)的，落實(shí)到每個(gè)局部的話，布局也是合理的，可以看到是有設(shè)計(jì)的細(xì)節(jié)在里面.jpg。

但是，再多看幾眼，就會(huì)發(fā)現(xiàn)整體的效果似乎有點(diǎn)不和諧，但又找不出來(lái)問(wèn)題具體在哪，不知道怎么改下去。問(wèn)題的根源就是 —— 過(guò)度設(shè)計(jì)。

我們強(qiáng)調(diào)過(guò)很多次，表盤頁(yè)的設(shè)計(jì)是作品集項(xiàng)目中最重要的頁(yè)面，因?yàn)橛^看者對(duì)整體視覺(jué)和設(shè)計(jì)水準(zhǔn)的印象是通過(guò)它建立起來(lái)的，不管你分析怎么寫，我們首先關(guān)注的肯定也是設(shè)計(jì)的效果。

但重要不代表需要過(guò)度傾注和堆疊視覺(jué)元素，過(guò)度的設(shè)計(jì)會(huì)讓界面看起來(lái)有 "飛機(jī)" 敢，不僅不真實(shí)的印象產(chǎn)生了，還會(huì)顯得業(yè)余不夠自信。同時(shí)任何項(xiàng)目中表盤頁(yè)過(guò)度設(shè)計(jì)都會(huì)對(duì)整個(gè)項(xiàng)目造成負(fù)擔(dān)，后續(xù)的頁(yè)面要怎么設(shè)計(jì)才能不和它產(chǎn)生隔閡，保持一致性。

下面，我們根據(jù)原頁(yè)面進(jìn)行分析，來(lái)找出問(wèn)題并優(yōu)化：

問(wèn)題 1：導(dǎo)航欄的圖標(biāo)

導(dǎo)航的頂部 LOGO 描邊沒(méi)有太大必要，以及圖標(biāo)的設(shè)計(jì)在這個(gè)尺寸下非常的局促，因?yàn)榧?xì)節(jié)較多，不僅復(fù)雜性提升了，也缺乏圖形辨識(shí)。

所以改動(dòng)中，將多余的背景去掉，再簡(jiǎn)化圖標(biāo)本身的樣式。

問(wèn)題 2：頂欄的設(shè)計(jì)

頂部欄本身設(shè)計(jì)單看是沒(méi)有問(wèn)題的，但是作為全局欄目和導(dǎo)航欄顏色缺乏區(qū)分，而且用了投影來(lái)強(qiáng)化層次，就讓這個(gè)模塊的權(quán)重被過(guò)度放大。

所以我們?nèi)サ袅吮尘吧⑦m當(dāng)增高欄目的高度，讓局部更舒展。

問(wèn)題 3：統(tǒng)計(jì)數(shù)字的問(wèn)題

統(tǒng)計(jì)數(shù)字在作品展示里用特殊字體很常見(jiàn)，因?yàn)橐酶烙^的字體來(lái)呈現(xiàn)重要的信息。但任何頁(yè)面中的信息權(quán)重都要保持階梯性，不能讓加粗、深色、特殊字體幾個(gè)要素作用在過(guò)多的信息上，這就讓畫面顯得非常的"吵"。

所以要對(duì)字重和色彩做控制，創(chuàng)造對(duì)比來(lái)降低視覺(jué)的壓力。

問(wèn)題 4：圖表的應(yīng)用

原圖中的圖表應(yīng)用有一定的問(wèn)題，第一個(gè)柱狀的堆疊類型并不是太符合實(shí)際數(shù)據(jù)應(yīng)用，下方的環(huán)形圖中起始位置顯然不對(duì)，并且色彩比較混亂。

所以是答案對(duì)它們做出優(yōu)化，并調(diào)整了一些小細(xì)節(jié)。

問(wèn)題 5：配圖類型選擇

在引導(dǎo)卡片中，用的扁平插畫素材一方面不高級(jí)，另一方面內(nèi)容太碎，再加上用奇怪的字體和傾斜，使得這個(gè)卡片看起來(lái)非常別扭。

改動(dòng)中替換新的圖片素材（臨時(shí)找的，理解意思就行），同時(shí)使用一般黑體的標(biāo)題，以及增加背景色，來(lái)形成新的卡片樣式。

問(wèn)題 6：裝飾圖標(biāo)應(yīng)用

在快速入口和日程模塊中，都有使用裝飾圖標(biāo)，顯然大家也能理解他們對(duì)于目前的語(yǔ)境來(lái)講還是細(xì)節(jié)過(guò)多了，所以需要做一些調(diào)整，讓它們簡(jiǎn)化。

最后，再加上一些細(xì)節(jié)的小改動(dòng)，最終的樣式就完成了。

表盤的設(shè)計(jì)一定要在最后做檢查，一些設(shè)計(jì)感強(qiáng)的元素是否有必要這么做，尤其是類似圖標(biāo)元素，做得很花哨是否對(duì)信息的識(shí)別能帶來(lái)幫助？如果不行，那就可以果斷的放棄。

表盤頁(yè)的設(shè)計(jì)感來(lái)自 —— 全局元素和色彩的控制，而不是單一某個(gè)局部?jī)?nèi)容的加強(qiáng)。

今天的內(nèi)容就優(yōu)化到這里。

作者：超人的電話亭