发起

[设计文章] 刷屏的长图,原来是这样设计出来的~

[复制链接]
小L Lv0
发表于 2018-5-2 11:17:36 | 显示全部楼层 |阅读模式




今天的文章是HE赫恩化妆品旗舰店设计团队投稿
————————
大家好!今天很高兴能在超级美工跟大家分享,赫恩男人节的长图设计教程。这个活动灵感来源于去年百雀羚火爆的长图广告设计,我司也想要这样一个好的推广创意。



为响应公司的号召组织了一个设计创意小分队,经过为期一个星期的设计+无穷无尽的改稿,成就这篇赫恩男人节的长广告。
先发下图,主要用在我司天猫店二级页还有双微使用。





































































下面跟大家分享下我们整个设计过程
||一、首先是团队头脑风暴确定内容。
故事内容的出发点,切合我们品牌,以男士为导向,表达年轻男生的形象痛点,给消费者一个改变自我的理由。
我们三个设计师与文案经过激烈的讨论确定了几个设计要点:
①猪猪男:单身,不注重形象,吃货,打游戏…(身边无处不在);
②设计场景生活化,必须具备连贯性过渡;
③主角人物大头化设计,丰富展示表情神态;
④旁白话语简洁,以提高可读性为主;
⑤白天的日常与后期舞台的设计过渡(白天到黑夜);
||二、开始设计草稿






根据每个场景大概画了神一样的手稿,还好另外两位设计他们懂我。



||三、 寻找素材
万能的百度搜起!!!(建筑素材+生活素材+万恶的人物素材)



||四、开始设计,三个设计师分工同时进行
①首屏抛出大主题,空间留白,增加悬疑性。



②脑洞设计:这屏主要表现人物在自己邋遢的洗手间洗脸;由于在建筑物里面不好展示,只能弄点脑洞破解~透视魔法~



③场景设计:生活场景设计贴近生活中的点滴滴 (后院、公园、公司、网吧、舞台……)进行细节化设计;



④场景衔接设计:运用长文字拉伸,引起好奇心下滑浏览



④ 最后附上一张设计动态图…
除了第一屏是一点透视,其他屏全部都是等角透视。步骤就是钢笔工具画出轮廓,然后开始叠加材质。



啦啦啦~



——————————
感谢分享…
我这里在补充一点内容
什么是一点透视?



一点透视是现实生活人眼的一种视觉现象,近大远小,远处最终会消失成一个点。
什么是等角透视?
等角透视是采用平行斜线表现空间感,没有消失点,所以会形成持续连贯的绘画。
这个透视与中国古画有同工之妙。中国传统画经常会表现丰富的情节,连绵起伏的场景。所以单点透视无法实现。因此,中国画经常用散点透视来表现。






等角透视在设计中运用最广泛的就是2.5D风格了~



2.5D也是在等角辅助线基础上进行。



纪念碑谷就是典型的2.5D~ 曾一段火遍设计圈…大量电商店铺玩转过这个风格~



就到这里吧~ 下期再见~

回复 收藏

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|UI设计爱好者  

GMT+8, 2018-5-25 22:38 , Processed in 0.094041 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表