Mar 26 . 2018 ~ Mar 29 . 2018
2018 FeiNiao Community Block chain technology and application Summit Forum |
2018 飞鸟区块链技术与应用高峰论坛 |
FeiNiao Community 飞鸟论坛 |
这是我们第 8 次亮相。

“区块链”最近火了,最近召开的区块链技术与应用高峰论坛更是不少,“飞鸟社区”做的是其中领先的一员。这次他们汇聚了10+位重量级大咖,上千行业优秀投资人、创始人,一时成为时代风暴的中心。
转眼间2018年就到了3月末,忙碌之余我们给各位分享这次的案例,拆解设计过程。
现场效果 | Grand Occasion
“沉浸、舒适 ”








设计周期 | Design Cycle
' 发布会幻灯片 '
这个项目的设计周期很短,只有1.5天的时间,一共12位嘉宾,我们被分到了2位,是对快速标准化美化的一次挑战。
屏幕的尺寸为2:1,接近16:9的设计,但是也没有达到超宽屏的尺寸,所以设计以常规设计为主。
在这一种演讲的场合,尽量让信息简约的呈现,不必用太过炫的效果,争取1/3页面有亮点能让人印象深刻即可。
视觉设定 | Visual s cript
' 视觉化联系关键词 '
设计期的我们要做什么?
这个环节主要来聊聊,我们在设计中做了哪些努力。
- 样板初稿有适度美化。
——
Creative Detail
- 创意细节01:样机创新 -

作为产品介绍页,我们必须要有与产品相符的视觉化元素,例如** icon、辅助图形、具体产品**等,在这里我们选择了 icon 以及该款应用的网页图片。
采取了左右结构的排版方式,一般情况下,普通的做法都是采用正面的 Mock up 样机,但是为了让页面更加灵动,我们采用了倾斜式的样机,同时在底部添加形状作为修饰,使页面更加丰富。

——
Creative Detail
- 创意细节02:意向创新 -

这页关键词是“生态”,我们做幻灯片的时候经常遇到类似“体系”、“生态”这样的词汇,这种词汇的本质展现形式应该是以点线面中的“面”的形式去呈现,最后的呈现效果是结构化的、整体的、链接的。
在这里我们采用了具有科技感的星球元素,将四大特点围绕在星球的周边,体现科技感的同时能够将“生态系统”意象化。

——
Creative Detail
- 创意细节03:图片墙 -

这页主要讲了产品技术的应用领域,简短的文案,四个icon,可以有许多排版方式,但是如何才能体现“还可以实现很多”?
所以这页一定要带给观众丰富的视觉效果,这时我们脑海中闪现出了一个视频场景:许多张技术应用的图片慢慢出现,逐渐拼接成一幅图片墙。

——
Creative Detail
- 创意细节04:标志统一 -

作为常规的合作伙伴介绍的页面,最难的地方在于** PNG 的格式 Logo 的寻找以及位置摆放,为了让页面看起来更加简约整齐,我们寻找到了每个品牌的PNG格式的Logo,统一反白后,我们要按照视觉对齐的原则**,将Logo摆放在合适的位置。

在摆放的时候,多维度尝试以及微调,以达到视觉效果最佳为止。
——
Creative Detail
- 创意细节05:图标创新 -
这页在于如何体现区块链技术和货币化“加速扩展”,我们可以寻找一些带有速度感的图片,例如“长曝光的车轨”“隧道”等关键词都能找到类似的图片。

但是这里为了保持整份幻灯片的统一性,我们选择用了向上的箭头表达速度感,并且将 icon 放大以提高图版率,同时添加渐变让整个页面更加丰富。

幻灯片设计 | Slide design
' Compatible Keynote / PowerPoint '
HelloGold 的《金融与支付创新》,统一黄色亮色、黑底风格。

Genaro 的《区块链-共享经济博弈的开始》,统一黄色亮色、黑底风格。

此外,此次定制受斐哥邀请的还有下面三位,因为一场区块链大会聚在一起,1.5天时间对10多位嘉宾进行了Keynote美化,也是一场缘分,此处感谢斐哥的邀请。



Keynote研究所——人生哥



设计甲—马志强



内容逻辑与视觉化传达—黄显浩
复盘总结 | Multitray summary
' 经验精华 '
最后回顾整场发布会的过程,我们复盘更新得出几个需要注意的地方:
******①** 要追求背景与前景文案互动的美感。
正如这次的“2018我们需要改变些什么?”连续四页的内容,背景仅仅是简单的添加了图片,而缺乏与前景文案的互动以及引导幻灯片整体逻辑的作用。
这其实就是一个普通设计师和优秀设计师最本质的区别,优秀的设计师将会更好的呈现内容而不仅仅是将素材简单的拼凑,灵动的设计整体才是我们今后要追求的道路。
****② 在进行设计时,要具备一种综合的统筹能力。
正如这次的“区块链基础概念页”,无论寻找什么样的图片素材,很难对应到区块链和共享主题上面,所以更好的方法应该是,通过创作而不是寻找素材,具象化该页内容,达到表达文案思想的目的。
什么时候该去寻找素材,什么时候该自己创作,其实是考验设计师设计能力以外的综合统筹能力。
③ 在整体设计之前把握此次设计的“魂”,是更重要的事情。
这次的幻灯片整体设计,大多页面文案很少,标题就代表了整个页面想要表达的内容。
此时,普通的页面板式就已经不适应这次设计,所有页面的共性应该是突出一句话的金句页面风格,页面的空白就必须要设计一套统一的视觉元素来负责与文案匹配。
如果在开始设计之前就做好了这件工作,在制作工程中就会减少很多返工的成本。
④ 平时的积累,只有运用过的内容才能做到手到擒来。
正如这次的设计,很多逻辑结构重复着常见的版式,即使有突破也是少数,这就是对整理的素材资源不熟悉的缘故。那么如何加强对于素材哭的整理与运用,将是提高效率、设计进步的必由之路。
平时对于素材的积累很多,但是到了真实案例时却会导致无从下手。关键原因时没有把积累的素材内化为自己的东西。
网友评论