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

在设计的过程中,灵感经常时有时无,飘忽不定,所以把自己的做稿流程总结出来。在没有灵感和想法的时候,按照以下流程进行设计,提高工作效率。

往期回顾:

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

拿到需求

设计需求包含:文案信息(主标题、副标题),要求(如:必须出现什么元素、用什么风格)。

思维发散

明确设计需求后,根据主题联想,从文案内容中提取关键词,开动大脑做思维发散,筛选提取关键词,进入下一步的灵感搜集环节。

如果在这一步已经有了清晰的想法,就可以直接省略以下步骤,开始绘制草稿了。

灵感收集

根据关键词搜图片,找灵感。我平时常用的是海洛创意和视觉中国,在我没有什么想法的时候,会通过关键词搜灵感图片,找到更多的设计方向。

通过搜索主题相关联的设计作品和插画作品,找灵感。常用花瓣、追波,搜集素材,积累自己的素材库。

选择主体元素类型

根据需求选择最能表现主题的主体类型,可参考「画面元素层的选择思路」

确定画面版式

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

选择文案层类型

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

根据文案的内容,选择合适的文案组合样式。

确定画面风格参考

搜索选择一个符合主题和自己想表现的设计风格参考。

绘制简单的草稿

目的是简单确认整体画面感,每个元素的位置,大小关系。

主体元素层绘制

人物类主体需要:确认人物动作、确认人物服饰和配饰、确认人物表情。

这个环节可以找参考图片,丰富人物的细节和情感传达。

辅助元素绘制

辅助元素包含:相关联元素、点缀元素。

背景类型选择

选择一个符合画面的背景类型,注意背景一定要和元素风格一致。

色彩搭配

我有一个小技巧,根据主题的属性选择一个适合的主色,去找参考图吸色。

推荐使用 Eagle,把收集的图片全部放进去,找参考色的时候,筛选起来很方便。

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

整体细节调整

画面中每个元素之间的大小关系调整,优化画面细节。

案例

下面展示 2 个套用以上步骤设计的的案例图。

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

案例一

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

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

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

案例二

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

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

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

以上就是自己的做稿流程,分享出来仅供参考。目前还有很多地方不够完善,还会继续边学习边实践,分享自己的经验。

收藏 1727
点赞 180

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。