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

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

2019/08/18 13794评论 6

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

往期回顾:

拿到需求

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

思维发散

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

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

灵感收集

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

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

选择主体元素类型

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

确定画面版式

选择文案层类型

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

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

确定画面风格参考

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

绘制简单的草稿

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

主体元素层绘制

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

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

辅助元素绘制

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

背景类型选择

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

色彩搭配

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

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

整体细节调整

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

案例

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

案例一

案例二

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.gangya.net/banner-design-guide-3

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

交互设计师 版式设计 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里

ag捕鱼游戏注册