第一步,先看文案,腦子里先過一遍,banner想表達什么,希望以什么樣的形式展現。
主標題是感恩卡,肯定與感恩節有關系。(想到感恩節,我就只想到火雞,這算吃貨屬性嗎- -!)我是先上花瓣找了好多感恩節的圖,看看別人感恩節是怎么做的,找找靈感和參考。好多設計都是橙色,黃色,紅色等暖色調,然后就是愛心,火雞,親情,愛情等。也沒想做的標新立異,所以還是根據大多數用戶的感覺來走,選用了黃色為主色調,然后元素就選取了愛心,火雞。
除了與感恩節有關,也與電商擦邊,畢竟送的是京東卡,還是會用來購物的。所以排版上,我在花瓣上找的是電商類的參考。(由于banner設計時間過去了很久,所以一下子找不到參考的圖了)
風格上,我當時剛剛來公司,下單給我的時候,說按照其他banner的風格來,當時官網其他banner正好都是扁平化的,所以我就選用了扁平卡通風格。
我把想法畫在了紙上,便于我尋找素材和做圖,以免忘記,順便也可以看看哪里不對。當時想既然送卡,又是感恩節,于是就直接把我念念不忘的火雞(這明明是一只雞!)放上來送卡了,適合主題也很形象。
畫的丑,但是沒關系,自己看的懂就好。筆和紙真的是很方便的工具,適合前期構思,也很方便思維發散/頭腦風暴,而且不需要很復雜。
這一點我是看了大神講合成的時候的辦法,我發現做banner也適用,我以前也不愛用,總覺得畫不好或者在ps用形狀來占個位置就夠了,結果找素材或者做圖的時候思維容易飄忽,看到每一個都覺得好,都想用到自己的設計里面,漸漸偏離了本身構思,浪費了時間什么也沒做出來。
第二步,找到感覺了就開始設計了。
按照草圖我鋪了個底色,并且畫上了愛心。選用飽和度不是很高的黃色。愛心就用形狀工具畫的,然后發現太正規了,不太適合構圖,就用鋼筆工具稍微改了一點點,讓它傾斜一點,并且疊加了三層,更有層次感。看右邊的分層展示,都加有陰影。
繼續按照草圖放文字,并且稍微排了版,找下整體感覺。字體就選比較粗的就好,很久以前的一位設計主管告訴我,banner字體不要放太細的,看不到,雖然這個說法并不完全正確,但是有些情況下還是需要放粗的字體的,由于是放到官網,所以我沒有選擇太卡通的字體,總覺得不太好,個人觀點。
我沒有急著處理文字,我想先把所有的元素放好了最后調整,所以接下來就先去找我親愛的火雞了。
這個素材并沒有現成的,而且我怕官網放別人的火雞會有版權問題,所以愛照自己構思中的拿著京東卡的火雞,用鋼筆結合形狀勾了一只雞,對,就是一只合成雞。我找了火雞總動員的女主珍妮,還有幾個卡通的火雞作為參考。當然也有好多細節扔掉了,嘴巴,肚皮等等,因為太復雜了,我偷懶了-。-
把火雞放倒畫面里,看下整體風格,然后開始細化文字,畢竟就那樣放著不好看。
首先,對比手法,顏色對比,把感恩和京東用了白色突出。
然后,一般會吸引大家眼球的就是優惠了,也就是這里的滿500送100,強調一下。(由于京東logo是紅色,所以京東卡用的紅色,整個畫面再用少量紅色就不會太突兀)
整個畫面主體元素差不多完成了,但是還有一些需要完善的。
問題:火雞脫離了畫面;背景是純色,顯得沒有設計感。自己找了下問題,然后完善。
解決:給火雞加了個陰影就好多了。由于是京東購物卡,與購物有關,我找了好多購物相關的小圖標疊加在背景上,這個方法好多人用,已經算“設計公式”了。
最后,加上一些飄絮,增加氛圍。基本也是慣用技法了。
字體這一塊,好吧,我真心不會字體設計,半路出家的設計還是有硬傷的,這個正在學習中。于是,算是偷懶吧,少量的增加點元素還是可以的,就簡單在恩上面加了個紅色的小愛心。建議是好好學習,我覺得字體設計還是非常有用的,不論什么設計,總會用到字體不是嘛。
最后,祝大家設計能力越來越強,都成為大大神。
新聞熱點
疑難解答