【 設計理論】如何設計電商平台七夕活動滿屏海報

如何設計電商平台七夕活動滿屏海報

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自站酷的設計理論類文章,寫教學的作者是PascalK,感謝PascalK提供設計理論的實作教學。

教學大綱:

不過恰好公司有個經驗分享會,把這份飛機稿整理一下變成了一個思路上的教程,希望能給大家帶來幫助。


設計理論教學開始

不過恰好公司有個經驗分享會,把這份飛機稿整理一下變成了一個思路上的教程,希望能給大家帶來幫助。

第一步

首先,因為七夕/中秋/國慶等節日的逼近,你的上頭肯定會給你安排一個任務:製作XX活動海報。我覺得領到任務第一步應該是整理關鍵字,如這次是七夕,那麼……

如何設計電商平台七夕活動滿屏海報

不過考慮到我們是做男裝,而且在品牌調性上似乎不太好按傳統的七夕關鍵字來製作海報。

幸好,近些年來七夕成為了中國情人節,於是再發揮關鍵字整理。

如何設計電商平台七夕活動滿屏海報

第二步

關鍵字整理出來了,相應的元素和配色出來后,再結合自己所賣的產品,我想你腦海中應該有個大概的海報想法了,那麼,請把它畫下來。

如何設計電商平台七夕活動滿屏海報

畫下來的好處多多,其一是可以照着線稿方便去找素材,其二是避免自己遺忘了腦海中的大概想法,其三是可以通過線稿跟上頭先溝通一翻,讓他知道你想要做什麼,如果方案不通過,就不會做好了被PASS浪費時間再做新稿……

話說回來,每個人的想法肯定不一樣,但請相信你的第一感覺,我根據關鍵字所得來的是在上面這麼一個想法,一個男人背後藏着一束玫瑰,想在今天的約會給對方驚喜,約定了夕陽時分在某個廣場見面,共進燭光晚餐度過一個完美的情人節。

所以在畫出線稿后,應該就是開始尋找素材了。

第三步

這個時候就是用到上面好處一的時候了,參照着線稿去尋找素材。

如何設計電商平台七夕活動滿屏海報

有人會說了,我不會畫畫,第二步對我來說太難了,那應該怎麼辦呢?

其實我也不會畫畫,但為了避免上列好處三中列舉的情況發生,你可以像我一樣,先選擇素材再大概拼合一下,然後疊着圖層畫:-D

第四步

接下來就要動手製作了,很慶幸我能找到一張環境、光線、感覺等都符合我需求的素材,但也不是可以直接拿來就用所以開始着手處理吧。

如何設計電商平台七夕活動滿屏海報

根據線稿,需要從圖中扣除左右兩個建築物,以及遠處的裝飾建築物,恰好圖中還有兩條雕刻柱子,於是一併扣出來當裝飾用,至於剩下的就是用於地面了。

如何設計電商平台七夕活動滿屏海報

進行了初步的拆分后,然後根據線稿重新調整位置拼合,大概的背景效果已經出來了。

如何設計電商平台七夕活動滿屏海報

接下來是雜物的處理,影子與人等雜物用仿製圖章等工具去除,並且根據光影稍微調一下透視(我透視也不好,如果發現什麼不對的,請你當做沒看見,謝謝!!!)

如何設計電商平台七夕活動滿屏海報

然後要把人物放進去了,放入人物后也順便加入裝飾素材,鴿子在廣場是經常出現的,同時有着美好、幸福的象徵,據說在古巴比倫裡面鴿子愛情的象徵,果斷加入讓畫面生動飽滿一些,至於飛舞的花瓣則是順應情人節玫瑰帶動氣氛嘛~

如何設計電商平台七夕活動滿屏海報

這一步是上面考慮不周做了調整,因為根據畫面規則的話,中間那一塊應該是屬於要放文案的地方,如果背後有建築可能會影響文案的視覺效果,所以把背景再度調整了下。

如何設計電商平台七夕活動滿屏海報

初步調了下顏色,如整體帶着夕陽的黃色,陽光直射最耀眼的地方添加了光芒,女人的身影則是有着逆光的感覺。

如何設計電商平台七夕活動滿屏海報

主題是情人節,強調溫馨浪漫,所以整體上往粉色系那邊靠近一下。

如何設計電商平台七夕活動滿屏海報

繼續強化主題氛圍,我希望逆光處更有光芒一點,整體再柔和粉嫩一點,像是在初秋看到了心愛的人,從單純金黃秋色變成了帶着溫馨浪漫的粉紅,男模在衣物邊緣地區稍微打了一點亮光。

如何設計電商平台七夕活動滿屏海報

最後則是文案方面了,這裡也要注意與整體貼合,如因為是情人節,如果是黑粗的字體促銷味就重了一點,太柔和的字的話就與這有着英倫風味的背景建築不合,所以用了小標宋,既適合在正式的場合來使用,又不會厚重與背景的風格也是良好搭配。

而且也要在文案上畫些小心思,如LOVE里的O有情侶剪影,下面的促銷信息用心型形狀裝飾,飛舞的花瓣遮住了部分字等這些小細節能更好的塑造起節日氣氛,讓整個畫面的感覺更融合。

第五步

你以為到了上面教程就結束了嗎?當然沒有!上面是一個過程的整理,我更希望大家能從關鍵字那裡去擴展思維,如一樣的布局,能出來什麼?

我可以不可以換成在沙灘上的求婚?或者是她在生日晚會如同公主一般閃耀出現男人準備送禮/求婚?又甚至是重回符合七夕主題的牛郎織女?

當然可以!只要你想到並敢去做就行,不要局限自己的想法。

如何設計電商平台七夕活動滿屏海報

看,一樣的布局可以變成織女背着月光像牛郎走去,而原先的地面可以變成鵲橋,變成樓台,變成雲海……

最後

好了,嗦到這,技術渣渣,還跑來顯出第一次,請各位強人口下留情,輕點兒噴。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 如何設計電商平台七夕活動滿屏海報