通常我做的設(shè)計相對比較簡潔可愛,比如下面這些:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

為什么走簡潔風(fēng)可愛風(fēng)呢?是不喜歡那種層次豐富、酷炫的風(fēng)格嗎?

當(dāng)然不是,是我做起來太費勁,不在我的舒適區(qū)內(nèi)。

但是我也想突破一下,讓自己做的東西更加的豐富飽滿,于是說干就干。

我們先看下效果對比。

優(yōu)化前:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

優(yōu)化后:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

這次優(yōu)化的過程,我大概用了一個周末的時間,幾乎將我能看到的所有細(xì)節(jié)都優(yōu)化了一遍,過程中還請教了慢熱、小智怎么畫云和流體,學(xué)到了非常多的知識。

今天和大家剖析下優(yōu)化的內(nèi)容,大概有如下幾點:

  • 云和流體繪制的技巧
  • 字體的優(yōu)化
  • 排版的優(yōu)化
  • 畫面元素的關(guān)聯(lián)性
  • 元素的質(zhì)感優(yōu)化

云和流體繪制的技巧

云和流體的這種元素繪制起來時非常麻煩的,這里和大家介紹幾個小技巧。

1、云一定要有一個大的動勢,然后整體結(jié)構(gòu)要跟著大的動勢走,比如我這里的大的動勢就是從那個圓圈里出來,然后環(huán)繞一圈擴散出去:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

如果沒有大的動勢,就很容易畫亂。

2、一定要先畫好草稿,在進行鋼筆繪制,如果直接上來就用鋼筆畫,很難畫出好的結(jié)構(gòu)細(xì)節(jié),所以一定要在草稿的時候就把大概的結(jié)構(gòu)畫到滿意,然后用鋼筆直接描出來就好了:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

3、云一定要有層次,如果你的云只有一層顏色,就會非常單薄,所以一般最少都要有三層,一層固有色,一層暗部,一層亮部:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

這樣看起來就會豐富很多。

4、云兩側(cè)的形狀一定要都漏出,千萬不要只露出一邊,那樣很容易畫成我中間的一版本:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

就變成普通的疊層了。

這四個點就是在畫云過程中的一些感悟,現(xiàn)在畫的還不夠熟練,還需要多練習(xí),去感受其中的的細(xì)節(jié)。

字體的優(yōu)化

想讓一個畫面變得更加優(yōu)化,我就必須要把默認(rèn)字體變成有點設(shè)計感的字體,不然看著就會比較呆板,這個字體差不多修了 3、4 個小時,中間有嘗試更加夸張一點的形式,比如:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

但是做的還不夠到位,并且和主畫面不是很搭配,因為主畫面已經(jīng)比較豐富了,字體如果還那么亂的畫,整體畫面就沒辦法看了,所以選了一個比較保守的字體設(shè)計,過程優(yōu)化如下:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

這一版就看起來還算比較穩(wěn)。

排版的優(yōu)化

之前的排版實在是沒什么細(xì)節(jié):

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

因為字體修飾了,所以只要稍微加點小細(xì)節(jié),整體就會豐富很多,比如整體文案都用了傾斜的方式,然后副標(biāo)題下面加了一排小英文:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

這樣整體排版就會豐富精致很多了。

畫面元素的關(guān)聯(lián)性

最開始我的修飾元素有兩個冒出來的豎條,其余的都是球體:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

這樣就會導(dǎo)致元素和整體主題的關(guān)聯(lián)性比較弱,那是不是可以適當(dāng)加一點與會員相關(guān)的元素呢?

于是我就加了兩個會員特權(quán),比如 1080HD、再比如速看等等:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

這樣就會讓元素與整體主題更加契合一些。

元素的質(zhì)感優(yōu)化

最開始的那版元素,其實基本沒怎么修飾,所以看起來比較單?。?/p>

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

在優(yōu)化的過程中,主要是對色彩進行了更 加豐富的出來,比如環(huán)境光:

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

還豐富了顏色的色相,比如我在左側(cè)圖標(biāo)的橙色上融入了黃色以及梅紅色,這樣可以讓顏色看起來更加透徹一些。

總結(jié)

以上就是這個優(yōu)化案例的知識點啦,過程很痛苦,因為要脫離舒適區(qū),去做不擅長的東西,但是結(jié)果正向,自己也算是比較滿意,這是個開始,希望后面可以做的越來越好!

更多案例:

歡迎關(guān)注作者的微信公眾號:「菜心設(shè)計鋪」

騰訊設(shè)計師是如何做設(shè)計優(yōu)化的?這個案例太形象了!

收藏 138
點贊 97

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。