美文网首页
刷屏的长图,原来是这样设计出来的~

刷屏的长图,原来是这样设计出来的~

作者: UI设计达人 | 来源:发表于2018-05-02 10:39 被阅读344次

    今天的文章是HE赫恩化妆品旗舰店设计团队投稿

    ————————

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

    为响应公司的号召组织了一个设计创意小分队,经过为期一个星期的设计+无穷无尽的改稿,成就这篇赫恩男人节的长广告。

    先发下图,主要用在我司天猫店二级页还有双微使用。

    下面跟大家分享下我们整个设计过程

    ||一、首先是团队头脑风暴确定内容。

    故事内容的出发点,切合我们品牌,以男士为导向,表达年轻男生的形象痛点,给消费者一个改变自我的理由。

    我们三个设计师与文案经过激烈的讨论确定了几个设计要点:

    ①猪猪男:单身,不注重形象,吃货,打游戏…(身边无处不在);

    ②设计场景生活化,必须具备连贯性过渡;

    ③主角人物大头化设计,丰富展示表情神态;

    ④旁白话语简洁,以提高可读性为主;

    ⑤白天的日常与后期舞台的设计过渡(白天到黑夜);

    ||二、开始设计草稿

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

    ||三、 寻找素材

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

    ||四、开始设计,三个设计师分工同时进行

    ①首屏抛出大主题,空间留白,增加悬疑性。

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

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

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

    ④ 最后附上一张设计动态图…

    除了第一屏是一点透视,其他屏全部都是等角透视。步骤就是钢笔工具画出轮廓,然后开始叠加材质。

    啦啦啦~

    ——————————

    感谢分享…

    我这里在补充一点内容

    什么是一点透视?

    一点透视是现实生活人眼的一种视觉现象,近大远小,远处最终会消失成一个点。

    什么是等角透视?

    等角透视是采用平行斜线表现空间感,没有消失点,所以会形成持续连贯的绘画。

    这个透视与中国古画有同工之妙。中国传统画经常会表现丰富的情节,连绵起伏的场景。所以单点透视无法实现。因此,中国画经常用散点透视来表现。

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

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

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

    就到这里吧~ 下期再见~

    相关文章

      网友评论

          本文标题:刷屏的长图,原来是这样设计出来的~

          本文链接:https://www.haomeiwen.com/subject/uhfqrftx.html