上期分享了每周任務頭圖制作過程的前半部分,后半部分要分享如何從第二版到第三版優化的:

把這個5點做好,再難看的畫面都能變好!

過程中,我一直在問自己,為什么第二版看起來還不夠優秀?如何才能更優秀?這是一個很大的問題。

有時候遇到一個大問題,我們必須要學會拆解,不然很難得到答案,一個畫面還不夠好,那一定是組成這個畫面的某些要素還有待提高!

好,現在來把頁面可以優化的要素逐一展示一番。

顏色與質感

第二版的顏色我認為問題不大,但質感卻給畫面減分不少,過于油膩了,尤其是下面這種:

把這個5點做好,再難看的畫面都能變好!

顯得不是很高級,有點土土的感覺。所以我去掉了質感,把它們變成了平的圖形:

把這個5點做好,再難看的畫面都能變好!

這里的一個核心觀點就是,既然質感沒加好,那就直接不加了!在別的地方好好發力!

背景

因為前景有兩三層云的圖形,所以為了讓整體更加和諧,我在背景加了一些紋理細節:

把這個5點做好,再難看的畫面都能變好!

只要紋理加上,整體看起來就會精致很多。

元素

做畫面,如果每個單體都是不夠精致的,那整體是不可能太好的,所以我把畫面中的元素進行了優化,還拿了一些之前可以復用的、符合主題的、足夠精致的元素:

把這個5點做好,再難看的畫面都能變好!

這里有一個元素的優化非常明顯,就是這個日歷的樣式,我們看下前后對比效果:

把這個5點做好,再難看的畫面都能變好!

之前的厚度不夠飽滿、前后兩塊的厚度對比也過于平均,還有顏色也沒那么通透,優化之后效果就好多了。

這里還有一個點要注意,就是元素最好穿插在層與層之間,這樣會看起來比較自然,也會讓畫面更加的豐富。

標題

之前的標題是偏向 3d 效果的,效果其實并不是特別理想,所以我去掉了 3d 效果,把字體簡單修飾了一下:

把這個5點做好,再難看的畫面都能變好!

然后用扁平的投影做成假 3d 效果:

把這個5點做好,再難看的畫面都能變好!

因為我想在淺色背景上突出文字,所以把投影加的有點太黑了,整體不夠融合,后來優化了一下投影顏色:

把這個5點做好,再難看的畫面都能變好!

這樣整體就和諧很多了。

排版

其實最開始的時候,中間標題部分還是有些單一的:

把這個5點做好,再難看的畫面都能變好!

有點壓不住重心,這里采用了兩個手段:

其一是在豐富排版,整體沒那么空:

把這個5點做好,再難看的畫面都能變好!

其二是在字體上加一筆靈魂,一個微笑的表情,給人一種輕松做任務的感覺:

把這個5點做好,再難看的畫面都能變好!

這樣中間部分的排版就看起來飽滿多了。

總結

這次主要想分享在思考一個大問題的時候,如何進行問題拆解,比如剛才的案例,說一個畫面不夠好,太大了,我們需要細分,把畫面分成:顏色、質感、排版、背景、元素,等等,然后把有問題的地方挑出來進行逐一優化,當每個部分都做好時,那整體也就差不多了,這時候,大問題也就解決了!

共勉、加油!

歡迎關注作者的微信公眾號:「菜心設計鋪」

把這個5點做好,再難看的畫面都能變好!

收藏 53
點贊 51

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。