超全面!寫給入門新手的運營插畫 Banner 設計指南(三) - 優設網 - UISDC

超全面!寫給入門新手的運營插畫 Banner 設計指南(三)

2019/08/18 39760評論 12

在設計的過程中,靈感經常時有時無,飄忽不定,所以把自己的做稿流程總結出來。在沒有靈感和想法的時候,按照以下流程進行設計,提高工作效率。

往期回顧:

拿到需求

設計需求包含:文案信息(主標題、副標題),要求(如:必須出現什么元素、用什么風格)。

思維發散

明確設計需求后,根據主題聯想,從文案內容中提取關鍵詞,開動大腦做思維發散,篩選提取關鍵詞,進入下一步的靈感搜集環節。

如果在這一步已經有了清晰的想法,就可以直接省略以下步驟,開始繪制草稿了。

靈感收集

根據關鍵詞搜圖片,找靈感。我平時常用的是海洛創意和視覺中國,在我沒有什么想法的時候,會通過關鍵詞搜靈感圖片,找到更多的設計方向。

通過搜索主題相關聯的設計作品和插畫作品,找靈感。常用花瓣、追波,搜集素材,積累自己的素材庫。

選擇主體元素類型

根據需求選擇最能表現主題的主體類型,可參考「畫面元素層的選擇思路」

確定畫面版式

選擇文案層類型

  • 文案樣式:左對齊、居中對齊、右對齊。
  • 文案組合設計形式:上下組合、上中下組合、一體組合。

根據文案的內容,選擇合適的文案組合樣式。

確定畫面風格參考

搜索選擇一個符合主題和自己想表現的設計風格參考。

繪制簡單的草稿

目的是簡單確認整體畫面感,每個元素的位置,大小關系。

主體元素層繪制

人物類主體需要:確認人物動作、確認人物服飾和配飾、確認人物表情。

這個環節可以找參考圖片,豐富人物的細節和情感傳達。

輔助元素繪制

輔助元素包含:相關聯元素、點綴元素。

背景類型選擇

選擇一個符合畫面的背景類型,注意背景一定要和元素風格一致。

色彩搭配

我有一個小技巧,根據主題的屬性選擇一個適合的主色,去找參考圖吸色。

推薦使用 Eagle,把收集的圖片全部放進去,找參考色的時候,篩選起來很方便。

整體細節調整

畫面中每個元素之間的大小關系調整,優化畫面細節。

案例

下面展示 2 個套用以上步驟設計的的案例圖。

案例一

案例二

以上就是自己的做稿流程,分享出來僅供參考。目前還有很多地方不夠完善,還會繼續邊學習邊實踐,分享自己的經驗。

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.dbw33.com/banner-design-guide-3

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

設計圈干貨 界面設計 排版布局 版式設計 職場 優設專訪 優設大課堂 設計師干貨 設計達人 配色 web前端開發 視覺設計 素材下載 AI教程 設計理論 設計流程 神器下載 字體下載 設計師專訪 psd下載 海報設計 設計規范 設計趨勢 用戶體驗設計 動效設計 logo設計 平面設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里

久播电影网伦理片