騰訊設計師:輕鬆4步打造一稿過的高品質Banner

做運營設計六年+,在此總結出一些小經驗跟大家分享,應該能夠幫到進階中的你。

一、前言

選材(25)+背景(25)+文案設計(40)+營造氛圍(10)=100分(滿分)

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

(注意:積分在此是層層遞進關係,其中三個必選項內即便有減分項按照下面的做法實施也能將自己的設計稿維持在及格分數線以上,最後的可選項則會成為加分項。)

二、4步打造高品質banner

1. 素材選取(25分)

以日常動漫輪播需求為例,建立相應尺寸的畫布,將需求所涉及到的人物文案擺放到裡面,選擇所需人物素材,首先一張 banner 圖內的人物素材需要做到色彩、光影統一;半身人物需要至少露出胸以上位置,切記不要直接放置一兩個大頭,不同場景內拉出的人物務必要視角統一(例如不能一個頂視圖一個底視圖),不同環境色下的人物在最後一定要統一色調。

下面案例均為正確示範:

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

2. 背景打造(25分)

選材拖進畫布後,將需求文案統統寫進我們的 banner 中,在這同時我們將畫布填充一個顏色,具體的顏色我們吸取素材中較多的色相,從中調試一個較為舒服的顏色鋪滿整個背景。適當在背景裡來幾塊高光色塊鋪在人物下方或者文案下方,在這第二步的操作同時,我們需要將全部文案,做出大概的排版樣式。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

寫到這裡,有些控制不住自己了,再加一點進階版本,在我們做好的背景中加入一些其他的素材,例如有景深的背景元素,可愛的人物元素,或者一些不錯的環境畫面。我們看下圖將一目瞭然,可以說是巧妙的豐富了我們的畫面,加入了劇情。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

這種做法比較簡單易出效果,下面列出兩種慣用的方式。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

3. 字體設計(40分)

第三步字體設計亦為我們整個 banenr設計中最關鍵的環節。

下面我們加一個知識點來輔助完成不同類型的字體設計,在此講述的方式方法適合於沒有太多經驗的初學者。

字體設計中存在的自檢法——田字四維自檢攻略:

  • 識別,首先尤為重要的是識別性,當字體失去了他的識別性那麼一切都將是徒勞。
  • 貫穿,把將要設計的幾個字體視為一個組合,那麼具有風格性的設計樣式將要貫穿到我們整個組合當中。
  • 統一,所謂的統一性就是規範我們的橫與豎,例如橫的高度為十個像素,豎的寬度為20個像素,即為字體組合中的每個橫豎的規範。
  • 回顧,萬變不離其宗,這個主要強調的是對字體原型的回顧,在字體設計過程中不斷的回顧字體原型,回顧原本字體結構,是否在原來基礎上做的加法,以及在設計變形的過程中是否錯誤的改變了字體的本質。
騰訊設計師:輕鬆4步打造一稿過的高品質Banner

接下來,看下我們的方法論如何應用。

在開始做這個 banner 之前的思考過程也包括我們對於字體設計方向的選擇,需要一併在一切開始之前進行,前面我們已經提到暫且略過對思考過程的講解,在思考有結果之後我們所做的每一步都是圍繞著我們的重心來展開的,下面以戀愛類題材為案例進行細緻講解。

此款戀愛型的字體設計我們直接採用原字形的傾斜體(方正大標宋簡體),男女戀愛項體現出的浪漫氛圍,思考後將這種帶有曲線的藝術英文案例作為參考。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

從我們的參考中快速勾選出大概筆畫,放置我們的字體中看是否符合我們的預期,然後用「鋼筆工具」繪製出比較符合我們使用的筆畫。從圖中可以看出放置什麼樣式後依舊可以清晰的看出我們的原本字形(應用到的是識別);幾乎每個字體中添加類似的筆畫(應用到的是貫穿)。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

大致的樣式擺放完畢後,開始進行字形的優化。首先開始簡化原本字體結構,每個「橫」設置為3PX,每個「豎」為14PX的圓形直徑。(應用到的是統一)

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

然後開始將我們繪製的筆畫安放到簡化的字體結構中,在放置的過程中我們需要不斷的(應用到的是回顧)看我們的過程中是不是脫離了字形本身結構,不斷以一個旁觀者的角度來審視我們的文案是否具備較高的識別度(應用到的是識別),在這一步的過程中我們增加了幾個筆畫的變形樣式,但是依舊屬於同一風格的樣式,這就回歸到最開始的(應用到的是貫穿)。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

接下來我們將文案放置到我們的畫面中,根據人物色彩調整文案顏色

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

4. 營造氛圍10分

通過前面簡單的三步畫面到此屬於一個及格分數線了,如何通過簡短的幾分鐘再來一點小突破就看我們接下來的這一步了。

營造氛圍,讓畫面更加飽滿,氣氛更足。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

到這裡可以看到拆分開來,簡單的幾步就能打造一個高質量的 banner,在這裡總結的幾點方法論是貫穿我們整個設計過程的,整個圖的設計過程也是不斷優化這四步的過程,下面的一些案例,均按照上面的方法論進行設計,希望能給有緣看到的小夥伴一些啟發與幫助。

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

三、總結

騰訊設計師:輕鬆4步打造一稿過的高品質Banner

小分享略微有些長,純屬個人一些設計中的小偏方,歡迎交流討論。福利互動

為答謝客官閱讀完此文支持,特准備新人大禮包贈送領取:2000種設計筆刷,10本設計書,設計師必備500種字體~~下方是領取方式

2,評論文章,不限字數,一個字都行


分享到:


相關文章: