47

超全面!写给入门新手的运营插画 Banner 设计指南(一)

 5 years ago
source link: https://www.tuicool.com/articles/eaiMFrm
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

6JNneqM.jpg!web

近一年多接触到了插画 Banner 设计,算是自己边做边摸索,还在学习探索期,目前总结了一些做稿的思路,分享的目的是为了梳理完善自己的方法论,让自己继续向前进一步。

本篇文章分享内容:插画 Banner 的三个层次。

YvMrmmR.jpg!web

7zqM7rr.jpg!web

插画 Banner 的三个层次:文案层、画面元素、背景层。

文案层

  • 文案样式:左对齐、居中对齐、右对齐。
  • 文案组合设计形式:上下组合、上中下组合、一体组合。

mMBNrer.jpg!web

77ZZbqR.jpg!web

yERryeQ.jpg!web

63QRBnU.jpg!web

有框的形状部分都可以视具体画面需求变化形态,每一个块面里还可以划分小块,和构成原理相同。根据文案的内容选择合适的文案组合样式。

画面元素层

  • 主体元素
  • 相关联元素
  • 点缀元素

相关联元素和点缀元素可以二选一,也可以同时使用,具体根据设计画面而定。

Rjiy63J.jpg!web

背景层

以下内容是我目前总结的背景层类型。

选择背景时的注意事项:背景一定要和元素风格一致。我经常会出现这样的问题,主体物和背景不融合,导致设计看起来主体元素是贴上去的。

NVBJNfY.jpg!web

rqQnmmM.jpg!web

2iQjeyZ.jpg!web

注:以上所用到的图片素材均来自于懒设计、稿定设计

Banner 设计画面千千万,套路来回就几样。希望大家能在框架的基础上进行思维发散,创作出好的作品。

定量的设计套路(不变)+百变的设计风格(变)=属于你的千变万化的 Banner 作品

zMjIZjy.png!web


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK