相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

移动端运营banner设计的那些“套路”

倾情发布于:2019-11-28 14:51 |原作者: 果冻GoldenJoe|
倾情
河北省 衡水市 平面设计师
发私信 + 关注
简介: 根据遇到的问题,总结的一些小经验,个人的一点薄见,欢迎大家交流。 最近有小伙伴接到了国外的运营外包项目,发现国外和国内对于运营的需求是有差别的,这篇文章就谈谈国内外:中国、韩国、欧美,它们运营设计的各自特点和里面的门道。 主要从以下三方面来说: 三个地区文 ...


移动端运营banner设计的那些

移动端运营banner设计的那些

如果是代表年轻化,多用绿色和黄色,绿色代表活力、生机、积极向上;黄色系代表温暖、希望、舒服。

这两个颜色由于是临近色的关系所以也会搭配出现在画面中,色环90°角的颜色搭配所以是最舒服的配色,还有就是颜色对比非常和谐。

由于蓝色是绿色的邻近色、是黄色的对比色,红色是绿色的互补色、黄色的邻近色,所以绿、黄、蓝、红这些会在画面中组成主色、辅色、点缀色。

注意协调好每部分颜色之间占比,主色60%左右、辅色30%左右、剩下的辅助色10%左右。

移动端运营banner设计的那些

如果是代表科技、互联网,就会以蓝色为主,颜色也不会像上面那样丰富,颜色体现的设计也没有那么活泼,代表冷静、自然、科技。

一般画面在2-3种颜色,以蓝色为主,再搭配紫色。因为紫色和蓝色是邻近色,不会像暖色调一样太冲撞,所以我们经常会看到蓝紫这种"好基友"的搭配(紫色单独不要随便使用,在国外紫色代表"男同"…此外紫色也代表神秘、魅惑。)

移动端运营banner设计的那些

知识分享类,分为普通的讲师分享和高端知识分享。讲师分享颜色要亮一些,颜色搭配大概是1-2种。

而高端知识分享,要体现知识的稀缺性和专属感,代表尊贵、品质、价值,颜色大多用暗色或消色(消色就是黑白灰),大概也是1-2种。

移动端运营banner设计的那些

颜色方面我总结几点坑需要避开的:一,如果用插画表现,一定要避免颜色的灰和脏,因为学习代表着积极向上的,灰色不适合。颜色选取的时候大概要避开"颜色警示区"的位置。

移动端运营banner设计的那些

二,插画风格避免选择紫和一些冷色调,以暖色调为主,才能贴合情绪版定位;三,同样的道理,颜色不要过于艳丽、过于刺激,反差明显了,反而阅读体验不好,影响观感;四,所有的颜色最终都要定位到主题上,做完后,反向推倒检查一下,颜色呈现符合当前文案定位吗?符合面向的用户人群吗?根据主题当前配色合适吗?

移动端运营banner设计的那些

最后我想说的是,所做的东西把自己当成模拟用户自检一下,自己如果看到这个banner会点击么?会吸引到你么?能直观感受到么?会让你舒服么?如果连自己都无感,那是相当失败的。

移动端运营banner设计的那些

运营专题在设计的时候,我们要考虑的是针对运营需求,给特定需求的用户传达零成本阅读体验,很多设计师做的banner画面特别乱,原因是画面中没有突出主体元素。

所以在banner设计上要考虑贴合当前传达的主题,所谓设计的"言之有物"。下面来详细的谈一下运营设计时如何突出主体元素,其中的言之有物。

运营活动最终想给用户快速传达文案信息,也就是"三秒阅读"体验,配合辅助文案的主体图形更能方便用户去理解。

可以看到下图左为了让画面丰富,设计师往往会加一些辅助元素或图形;而图右糟糕的元素添加反而会过度设计,干扰用户对于运营活动本身的理解和其表意性。

移动端运营banner设计的那些

那么,如何突出视觉主体物,而达到最理想的设计作品的表意性呢?

我们从以下五方面细谈:

移动端运营banner设计的那些

移动端运营banner设计的那些

移动端运营banner设计的那些

我们在看音乐类运营banner的时候发现线条运用非常普遍,特别是利用illustrator里的"混合工具"来实现两条线之间的复制混合。

移动端运营banner设计的那些

我们在看音乐类运营banner的时候发现线条运用非常普遍,特别是利用illustrator里的"混合工具"来实现两条线之间的复制混合。

移动端运营banner设计的那些

往往为了表现特定的主题:比如年轻化、个性化,通过错位移动,添加亮色来使人物突出,往往更多的表现在:音乐、设计、嘻哈接头文化的电商运营宣传中。

移动端运营banner设计的那些

这类设计个性鲜明,所以做之前考虑好,所要传达的特定的人群是不是符合当前的审美认知。

移动端运营banner设计的那些

有时候为了让传达主题更加明确,简洁化设计很有必要"少即是多",所以比如学习和知识付费类的设计,干脆就用简单的圆形、方形、波浪曲线。

移动端运营banner设计的那些

下面这个案例,设计者为了使这几个人物不会太散,用圆形包裹,目的也是为了更加整体,试想一下,如果把圆形去掉,人物不仅会显多,画面也显得既单调又乱。

移动端运营banner设计的那些

移动端运营banner设计的那些

让风格调性显得品质高,同样让设计少而精。需要注意的是,品质感高逼格的设计所用的图形相对要规整一些,尽量不要显得太随意,多用方块形状立体几何载体

比如网易严选,为了突出"所卖东西都是精挑细选",会采用立体几何载体衬托的方式,所表现的就是"隆重和百里挑一",我们不一样~(会唱的朋友们一起唱)

移动端运营banner设计的那些

移动端运营banner设计的那些

运用模特表现的时候,高品质感会用一些规则多边形,比如:四边形、多边形等。多边的形状会给我们带来稳重感,"尊贵感与众不同"往往是这类商品想传达给我们的。

移动端运营banner设计的那些

23

好评
16

差评

刚表态过的朋友 (39 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

倾情
河北省 衡水市 平面设计师
+关注 发私信
发表评论

最新评论

引用
kaixinxiaoluo发布于:2019-12-1 18:12
https://www.zcool.com.cn/article/ZMTA2OTcwOA==.html
 这是我的原作链接

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计