
人的“衣食住行”,“住”是一直无法被忽略的重要一环。
提到“住”,也许很多人会关注“城市”“地理位置”“房型”,但很少第一时间想到家里的“门”——它就像一个忠诚却不邀功的战士一样,一直默默守护着你。
梦天木门是木门行业的绝对领导品牌,看到他们的代言人我就知道,他们一直偏好选择头部,正如这次选择我们。
转眼间2018年就到了4月,忙碌之余我们给各位分享这次的案例,拆解设计过程。

- 倒计时的数字旁边是有价值的小文案。
现场效果 | Grand Occasion
' 沉浸、舒适 '








设计周期 | Design Cycle
' 发布会幻灯片 '
设计周期需要多久?
本次项目从收到任务到完成总共历时10天,划分为三个阶段:
创意 / 搜集期(1天):探索发布会主KV设计风格及沟通设计方向。
设计 / 执行期(6天):进行风格页设计及根据内容调整。
调整 / 跟场期(3天):修改确认终稿并确认播放无误。

创意 / 搜集期的我们要做什么?
幻灯片的用途、现场人数、现场环境、演讲时长、幻灯片页数、使用日期、屏幕尺寸、屏幕分辨率……等,都是需要沟通确认的内容。
- 但别担心,我们有专门的表格与你确认(点击菜单栏“预约合作”可以查看。)
拿到原稿的时候,非常感谢梦天木门,已经帮我们梳理好每页需要出现的内容——通常我们会对内容进行一定的建议,但发布会上,客户往往更清楚自己要传达什么。

内容确定后,需要着手的是设计的方向和执行。
一如既往地,主视觉kv设计完毕后,都会对幻灯片的设计有很强的指导性作用。
关于整体发布会的视觉包装,可以看我们的案例:| Case Analysis | Chanjet - 发布会全方位视觉包装,包括:设计元素、字体、颜色参考色值等,让幻灯片设计遵循一体化。

虽然已经做了那么多场发布会,但仍需要追求每一份作品都需要有创新。
看上去很简约的版面上,实际要考虑的内容不仅仅是排版,也有创新设计的要点。可能看的过程中观众无法说出具体细节,但“美”是每个人都能真实感知到的。
视觉设定 | Visual Script
' 视觉化联系关键词 '
设计期的我们要做什么?
这个环节主要来聊聊,我们在设计中做了哪些努力。
- 样板初稿有适度美化。
——
Creative Detail
- 创意细节01:中国风 -

通常这类三段式的页面,可以将页面分成三段排列,需要考虑的是:
1、如何给三个词找到合适的配图(需要充分的理解文案的含义)
2、如何在版式上有一定的优化(让页面比较耐看)
我们使用了毛笔的字体错落排版,加上一个印章效果,带有一丝中国风意境,整个页面显得大气灵动。

——
Creative Detail
- 创意细节02:具象化 -

这页有两个需要注意的关键词:“科技感”和“用户”。
“科技感”的打造可以从“背景”和“元素”入手,加入立体感很强的光晕、并把文字使用了科技感的图片进行填充。
鉴于内容是四大方面刻画用户画像,于是“用户”的呈现我们具象化直接采用一个站立的人形,荧光效果和背后的虚影,都使页面充满了科技感。

——
Creative Detail
- 创意细节03:艺术感 -

看到这页时心情是喜忧参半的——“喜”是感觉这页会设计得很美,“忧”担心设计得不好。如何体现梦天木门的设计感?
如果背景墙采用普通的图片排列方式,那么整个页面就会很死板。所以我们对于图片墙的处理是采用了错落的几何图形排版。
直接选择半透明文字会显得灰暗,为了精致化细节,文字进行了“填充”“柔光”“叠加”的处理,看起来透亮但不暗淡。
旁边的圆弧元素是设计师在设计时的意象化元素,象征着设计手稿和过程稿艰辛和美感,增加了页面的艺术感。

——
Creative Detail
- 创意细节04:灵动感 -

这一页同样是表达情怀的页面,关键在图片与文案的契合度以及字体的排版。
这页的找图方向偏向于冒险类(如攀岩、登山等)具有强烈无畏精神的图片。
对于字体的排版,我们依旧对关键词挑选了书法字体以及采用错落排版,增添灵动感。

——
Creative Detail
- 创意细节05:精修化 -

这页的设计难点在于对嘉宾图片的裁剪、位置和精修。
是的,我们竟然还对照片进行了“精修”。
抠图层面,先将人物的主体轮廓勾选出来,然后再用蒙版进行轮廓细节的擦除;色调层面,需要对人物的皮肤进行了精修和提亮处理,让皮肤看起来更加地光滑舒服。

幻灯片设计 | Slide design
' Compatible Keynote / PowerPoint '
这次案例放出10张幻灯片。

复盘总结 | Multitray summary
' 经验精华 '
最后回顾整场发布会的过程,我们复盘更新得出几个需要注意的地方:
①要具备在具体文案出来前制作画面感的能力。
在本次的项目中,文案一直都没有确定下来,但是主办方的答复是文案含义不会有大出入——发布会这种情况就是常态。
这考验设计师能否在知道文案的含义——但是不确定具体内容时,能否打造出页面的视觉感受,通俗点来说:这个页面有没有“Feel”。
有“Feel”,就合格,否则不合格。而如何避免反复改稿,这又是一门学问。
② 不断用具象化的设计去揣摩顾客抽象化需求,是一名优秀设计师必备的能力。
正如“用户画像”那一页,如何体现“用户画像”最能直接体现设计、如何体现科技感?采用了科技元素的人形轮廓、对文字填充后,当时客户就拍板说:对,就要这种设计,比较有冲击力。
③设计就像写作文,平时要多看多练多积累,定制时才能如有神助。
就像这次郎咸平的“嘉宾介绍”参考了“时间的朋友”跨年演讲的人物介绍设计;就像“用户画像”参考了游戏界面的设计,跨界思维才有创新。
④ 要具备主导项目设计走向的能力。
普通的设计师会咨询客户“这一页你想要怎么设计?”——客户回答不上来是正常的。
客户只知道自己想表达什么,但如何呈现是需要设计师的主观能动性调节的,更多时候客户并不知道具体要怎么做(否则还要设计师做什么?),提的意见只是建议性,
作为设计师需要判断意见的是否适合采纳,不能盲目跟着客户走。
优秀的设计师是客户的顾问,而不是美工。
- 微信服务号:SlideSign
- 微博:@SlideSign
- 站酷:SlideSign
网友评论