当前位置: 首页 >文章 > 刷爆朋友圈的Design Week,主视觉咋做?
收藏
分享

刷爆朋友圈的Design Week,主视觉咋做?

举报小虎转载君小虎转载君发布于 2021-06-221348阅读0点赞
如果是你来操刀Design Week的KV设计,你会怎么臻选视觉符号...

经历两年的沉淀,相信大家对于Design Week(原阿里UCAN)官网的这个“&”视觉符号已经谙熟于心了。

今天分享一个简短的创作思路,仅供参考原理,不作100%还原。

先备好C4D、Octane。



Step1 #基础形态

新建一个圆环,分段数不要太低。在垂直方向Y轴上给一个“螺旋”变形器,把平面的圆形扭成一个立体的8。

新建一个平面,通过锚点编辑将它改成带圆角的三角形。

给它俩添加“扫描”效果器,你就得到了一个类似莫比乌斯环的形体。

就还,挺妖娆的。

如果觉得动感不够,可以继续给圆环添加一个“扭曲”变形器,让造型更妖娆一些。



Step2 #灯光场景

显而易见Design Week这个KV走的是酸性金属风格,因此我们场景需要一个镭射质感的幻彩背景。

车展上为了呈现汽车轮廓曲线的立体感,会用阵列式的格栅光源,那种光怪陆离的灯效充满了未来科技感,非常适合营造酸性金属风。

因此我们用OC区域光进行阵列,从主体的几个不同方向添加到场景,完成布光。

至于灯光的冷暖和强弱对比,大家可以根据喜好自行安排。



Step3 #镭射材质

酸性金属表面有一层看似油膜反射的色散材质,有很强的视觉流动感。

实现方式非常简单,在OC材质系统里打开薄膜选项就行了,参数可大致参考我给的数值。

如果更考究一些,你也可以选择Mix混合材质,将薄膜材质与半透明材质融合一下,使主体看上去更通透。



Step4 #动起来!

回到基础形体,在“扫描”效果器-对象选项面板里,将“细节”打开,分别在0帧和120帧K出如下的数值:

调整摄像机视角,将时间轴归位,从头开始播放动画,你就能得到一个立体“&”形态无限自循环的效果。

最终调整布光阵列的位置,反复观察在形体表面形成的反射是否美观,调整摄像机焦距,打开辉光参数,渲染输出所有帧,进行简单排版就能得到如下视频:

(这是之前做的,我偷懒了,没有加背景)

至此就基本完成了视觉符号的设计,你有时间也可以将“&”的基线换成其他造型练练手,看看会不会有什么意外的惊喜。


#延展探讨

以上是关于技法实现的探讨,聊完了我们一起回到这个符号本身。技法只是表象,思辨才是设计的本质。

Design Week选择“&”作为视觉符号,是一个取巧的策略。“&”意同and,来源于拉丁语et (意为and)的连写,逻辑上表示两者属于缺一不可的关系。

设计作为纽带,一端绑定用户,一端绑定商业;

设计作为桥梁,一端连接人文,一端连接科技。

重要的是找到这个符合语境的设计语言,通过图形透传品牌理念,而不仅仅是表现出来。

一件经典的设计不但可以满足社会需求,也是技术与艺术的平衡,更是心智与认知的革新。

比如VR全景视频;比如iPhone的视网膜屏幕;比如扎哈的建筑。

设想一下,如果是你来操刀Design Week的KV设计,你会怎么臻选视觉符号?




本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:赏酒二两!

头部券商UX设计师主理,带你了解更多产品体验设计


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩10天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩10天52人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩27天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,588
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证