騰訊設計師是如何做設計優(yōu)化的?這個案例太形象了!
通常我做的設計相對比較簡潔可愛,比如下面這些:
為什么走簡潔風可愛風呢?是不喜歡那種層次豐富、酷炫的風格嗎?
當然不是,是我做起來太費勁,不在我的舒適區(qū)內。
但是我也想突破一下,讓自己做的東西更加的豐富飽滿,于是說干就干。
我們先看下效果對比。
優(yōu)化前:
優(yōu)化后:
這次優(yōu)化的過程,我大概用了一個周末的時間,幾乎將我能看到的所有細節(jié)都優(yōu)化了一遍,過程中還請教了慢熱、小智怎么畫云和流體,學到了非常多的知識。
今天和大家剖析下優(yōu)化的內容,大概有如下幾點:
- 云和流體繪制的技巧
- 字體的優(yōu)化
- 排版的優(yōu)化
- 畫面元素的關聯性
- 元素的質感優(yōu)化
云和流體繪制的技巧
云和流體的這種元素繪制起來時非常麻煩的,這里和大家介紹幾個小技巧。
1、云一定要有一個大的動勢,然后整體結構要跟著大的動勢走,比如我這里的大的動勢就是從那個圓圈里出來,然后環(huán)繞一圈擴散出去:
如果沒有大的動勢,就很容易畫亂。
2、一定要先畫好草稿,在進行鋼筆繪制,如果直接上來就用鋼筆畫,很難畫出好的結構細節(jié),所以一定要在草稿的時候就把大概的結構畫到滿意,然后用鋼筆直接描出來就好了:
3、云一定要有層次,如果你的云只有一層顏色,就會非常單薄,所以一般最少都要有三層,一層固有色,一層暗部,一層亮部:
這樣看起來就會豐富很多。
4、云兩側的形狀一定要都漏出,千萬不要只露出一邊,那樣很容易畫成我中間的一版本:
就變成普通的疊層了。
這四個點就是在畫云過程中的一些感悟,現在畫的還不夠熟練,還需要多練習,去感受其中的的細節(jié)。
字體的優(yōu)化
想讓一個畫面變得更加優(yōu)化,我就必須要把默認字體變成有點設計感的字體,不然看著就會比較呆板,這個字體差不多修了 3、4 個小時,中間有嘗試更加夸張一點的形式,比如:
但是做的還不夠到位,并且和主畫面不是很搭配,因為主畫面已經比較豐富了,字體如果還那么亂的畫,整體畫面就沒辦法看了,所以選了一個比較保守的字體設計,過程優(yōu)化如下:
這一版就看起來還算比較穩(wěn)。
排版的優(yōu)化
之前的排版實在是沒什么細節(jié):
因為字體修飾了,所以只要稍微加點小細節(jié),整體就會豐富很多,比如整體文案都用了傾斜的方式,然后副標題下面加了一排小英文:
這樣整體排版就會豐富精致很多了。
畫面元素的關聯性
最開始我的修飾元素有兩個冒出來的豎條,其余的都是球體:
這樣就會導致元素和整體主題的關聯性比較弱,那是不是可以適當加一點與會員相關的元素呢?
于是我就加了兩個會員特權,比如 1080HD、再比如速看等等:
這樣就會讓元素與整體主題更加契合一些。
元素的質感優(yōu)化
最開始的那版元素,其實基本沒怎么修飾,所以看起來比較單?。?/p>
在優(yōu)化的過程中,主要是對色彩進行了更 加豐富的出來,比如環(huán)境光:
還豐富了顏色的色相,比如我在左側圖標的橙色上融入了黃色以及梅紅色,這樣可以讓顏色看起來更加透徹一些。
總結
以上就是這個優(yōu)化案例的知識點啦,過程很痛苦,因為要脫離舒適區(qū),去做不擅長的東西,但是結果正向,自己也算是比較滿意,這是個開始,希望后面可以做的越來越好!