莫b

今天分享的案例是一个视频素材上传的宣传页,希望能有点冲击力、吸引力,风格没有太多限制。就想和大家聊聊做这个需求,我个人的成长点。这次的案例实际上是我个人能力的一个突破点,优化后的设计象征着我另一方面的进步。

寻找自己可以突破的点

还是老规矩,做事情不能一直吃老本,每个需求都尽量让自己学到新东西,不然,一直做一样的需求,就是在浪费时间和生命。
本来最开始打算按这个感觉出一版视觉:

图片

后来想想太简单了,没什么挑战,希望能有所突破,因为需求方希望能有点冲击力,所以我把突破点目标锁定在“大透视”
基于大透视这个点,我尝试了这个版本:

图片

但感觉还是没什么难度,没啥可突破的,于是开始思考如果才能产生更大透视的效果。

 

增强透视感的一个方法

思来想去,决定还是加一个场景,会显得更加饱满,于是做了一个简单的场景,背后是一面圆形窗户,窗户发着光:

图片

后来好友慢热来看了下,说景深不够,这时我才顿悟,原来想有足够的透视感,必须要有足够的景深,于是我改成隧道,并且把隧道拉的很长:

图片

这样,整个透视感立马就出效果了,这也是我这次需求进步最大的地方,制造透视冲击力。

 

元素的具象关联性

元素关联性还是非常重要的,做草图的时候,我是用圆球做了代替,实际场景,我一定会选择一些与视频相关连的元素,比如3d眼镜、胶卷、摄像机等等:

图片

当然,这里肯定少不了品牌形象黑子:

图片

还需要强调一个点,尽量让每个元素具象一点,并且有点细节,不要像这种:

图片

直接一个矩形加一个播放按钮,像板砖一样,别人也不知道是啥。所以我换成了胶卷和播放按钮的组合:

图片

这样就可以更加具象、丰富一些。

 

修图之后的成品

渲染完成之后,肯定是少不了ps的后期修图的,比如把四周压暗,让画面有更强的层次感,再比如加一点光效修饰等等。
我们可以看看效果对比:
修图前:

图片

修图后:

图片

整体会比之前更加的丰富和谐,千万不要想着直接3d软件就能把所有事情搞定,多少还是会带一点ps的后期处理,所以后期的合成小技巧,还是可以学一点,以备不时之需!

 

总结

最后的效果可以说还算可以吧,但我觉得还能更好,也还没有达到自己最理想的状态,比如管道的精致度、摄像机的细节、元素的细节、颜色的丰富度等等,都可以更好。
当然,我会先拿这个去过稿,过稿不成问题,而且收到了需求方的赞赏:

图片

但我会利用业余时间,把这个图做的更好,然后去替换这张图(因为是网页端的需求,不需要跟版本走,开发换个图很简单)
先看下最终优化后的效果吧:

图片

下期会分享优化的所有过程。
很多同学说工作上有各种限制,需求方审美不行,需求给的时间不够用等等,但在我看来这些都是给自己的懒惰找的理由罢了,只要你想用心做,自己完全可以用业余重新优化,一个月不行,半年总可以磨出一个好作品吧,那也比“作品集里一个好作品都没有”强得多。
所以,不要再找任何理由,环境和限制永远不是问题,问题在于我们如何处理和应对这些限制,加油!

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 第一次尝试这种设计,献丑了!

登录收藏
 
你可能喜欢的:
设计师如何高效沟通需求设计师如何高效沟通需求
【蓝湖大咖访谈】流利说设计负责人黎静波:创业型设计团队的组织特点【蓝湖大咖访谈】流利说设计负责人黎静波:创业型设计团队的组织特点
聊聊上周很火的设计系统“两兄弟”聊聊上周很火的设计系统“两兄弟”
别发优惠券啦!心理学家给你个妙招别发优惠券啦!心理学家给你个妙招
B端产品C端化,抱歉我想的太简单!B端产品C端化,抱歉我想的太简单!
今天一个总监和我说,app页面是3维空间的,我震惊了!今天一个总监和我说,app页面是3维空间的,我震惊了!
金刚区也要考虑交互,不只是画图标而已金刚区也要考虑交互,不只是画图标而已
5年B端行业设计师眼中的“客户需求”与“用户需求”5年B端行业设计师眼中的“客户需求”与“用户需求”
【蓝湖大咖访谈】豆瓣阅读设计总监Tifa:设计的精神角落【蓝湖大咖访谈】豆瓣阅读设计总监Tifa:设计的精神角落
设计赋能商业变现初探设计赋能商业变现初探