【站酷榜单·Top作品零距离】第368期

用户头像
北京/设计爱好者/2年前/6266浏览
【站酷榜单·Top作品零距离】第368期
【站酷榜单·Top作品零距离】原作者带你解读作品背后的故事
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4OTY=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
👉站酷榜单·Top作品零距离!
👉第368期(2024年5月6日-5月12日)
每周TOP榜单涉及13大设计分类,包括平面设计、UI设计、网页设计、插画艺术、动漫、摄影、空间设计、工业产品设计、三维设计、影视、手工艺、纯艺术、服装设计。从创作力、创新力、人气值等维度综合出上榜作品和作者
站酷特别邀请到分类榜单Top作品的原作者为大家分享创作背后的故事与心得
👉快来一起围观本周Top作品吧!
影视类 Top 作品
站酷ID:
芒果丹青
站酷网:丹青老师您好,可以介绍一下本期上榜作品《歌手2024总片头》的创作思路吗?
芒果丹青
你好,《歌手》这档综艺阔别4年后的回归,这一季主打全球化阵容与视野,真直播录制。这是我第三次执行歌手的片头。从接到项目起,反复在思考,用什么样的视觉语言来概括它的调性,如何标新立异,给观众不一样的视听感受。大概花了一周左右时间策划方案,最终归纳四个关键词给出了四版方案:历久弥新、华山论剑、千锤百炼、名扬四海。这是当时提交的方案框架,如下图:
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4NDg=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
经过多次提案讨论后最终选定“名扬四海”的方案,这恰好也是本季节目的Slogan。用抽象概念的海元素结合艺人实拍来完成,于是梳理出了海洋、音乐、《歌手》节目三者间的关系,如下图:
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4NTI=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
逐步形成了最终的一份文字概念:直播《歌手》和大海两者本质都来自真的自然和真的生命,《歌手》包罗世界乐坛的旖旎风光,也饱含歌手的梦想与成长,像广阔的大海无边无际随性洒脱,节目直播形式讲究真唱功,如同大浪淘沙,去伪存真;大海的声音海浪、海风、海涛本身就是一曲交响乐,海水时而风平浪静时而波涛汹涌,如同歌曲的韵律;海浪拍打礁石,如同音乐塑造歌手,千锤百炼。大海也连接着我们的世界,让世界音乐与世界文化交融并蓄。
站酷网:在片头中有大量的金色海洋画面,这些部分的制作方式是怎样的?有尝试哪些新的技术吗?
芒果丹青
创意方案确定后,在执行上做了三路准备,一方面用传统DCC三维软件特效结算海水海浪海花,Houdini,X-Particles,Realflow都有测试,但是,CG特效处理海浪耗费了大量的时间,基本上一个镜头从动力学碰撞结算到材质、渲染、灯光反复测试就需要4-5天周期,因为粒子结算测试有很多不确定状况,效率很低。还有三维渲染的画面总有种说不上来的匠气感。另一方面借助AIGC算出大量的海水形态、动态,这里用到了Midjourney计算了非常多的海浪概念图后,用Runway和Pika基于概念图做了动态上的模拟。
前后测试了百多个动画小样吧,都不太好,发现AI处理的海水在1到2秒后整个画面都会出现一种拉丝的糊状,很油,这并不是最终想要的结果。除此外,我们还请摄影同事赴三亚和泰国海边实地取景拍摄,从实拍画面来看,虽然真实,但是很难抓到我想要的即写意又概念感的金沙海水,最后也没被采纳。碰巧的是,在片头的执行过程中,我受邀参加了万兴科技AI天幕大模型发布会,在给产品第一次做公测时偶然发现算出来的金色海滩恰巧是对的感觉,于是,用大模型文生视频方式算出了大量金色概念海的数字影像。最终,用三维特效打底,将大模型算出的资产在合成软件AE中拼合得到了想要的效果。所以成片中的金色海洋基本都是CG完成。在剪辑语言上,整体架构打破传统节目片头惯有的方式,用一种类似剧集或电影开场的叙事调子,这是一次产品的创新,也是我工作来做过最长的片头。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4NTY=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
站酷网:在几位歌手的画面中可以看到运用了非常强烈的光影对比,这样设计的目的有哪些?希望带给观众怎样的情绪呢?
芒果丹青
七位首发歌手的拍摄部分,运用高反差的光影对比,一方面是与CG部分影调的统一。另一方面,想要营造一种戏剧性气氛。抓取了节目经典的瞬间,从幕后准备、登场、开唱等时刻,传递接续,共同开启大幕。也能让观众感受歌手上台前的紧张和期待。增强观众的情感连接和参与感。
由于是利用节目彩排时间的空档拍摄片头,单个艺人给到15-20分钟,我会预先安排光替进行简单走位与布光,我们在录制演播厅周围多次踩点,找了很多空旷的场地作为拍摄空间,一个是艺人的休息室,一个是演播厅旁边的观众广场。最终完成拍摄。遗憾的是由于艺人Chanté Moore直播当天才到长沙,来不及拍摄,最后从她个人演唱会上截取了相关影像,加入到片头中。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4NjA=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
平面类 Top 作品
站酷网:老师您好,作为榜单top作品,能跟大家分享一下作品的创作心得或者创作思路吗?
不眠虎工作室
气味主义致力于打造一个独具特色的香氛品牌,将品牌定位于嗅觉经济和疗愈市场的交汇点,致力于打造具有情感价值的香薰产品。
我们以扑克牌花色为灵感打造了一系列产品,每款产品都代表着不同的情感和故事,让消费者在者氛中感受到奇妙的情感体验。气味主义将扑克牌的花色寓意与品牌的独特气质融入产品设计中,闻识人;
用心感受生活的美好,让气味不再只是一种感官体验,而是一种意义的象征,一种内在的灵魂之声我们希望成为人们心中最信赖的香氛品牌,让用户在气味主义的世界里找到属于自己的乌托邦。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4NjQ=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
站酷网:对于香薰主题和系列频繁更新的情况下,如何在贴近品牌定位的前提下,做出差异化呢?
不眠虎工作室
我觉得大家在做相关项目的时候,可以围绕以下几个点去出发。
从产品角度出发
1)香调的创新:研发独特的香调组合,不仅仅局限于常见的香型,挖掘一些小众、新奇但又符合品牌气质的香味。
比如寓意品牌的新产品 除了新的咖啡味的包装,一打开就有和咖啡的香味对于现在的咖啡党来说,真的是爱了。
比如我们的这款包装产品
乌托邦之夜——木质柑橘调(香柠/马黛茶/苦橙)
潘多拉魔盒——木质绿质调(羅勒/伯爵茶/白鬆香)
罗慕洛斯迷宫——木质东方调(檀香木/龙涎香/柠檬)
迷霧伊甸園——木质花香调(蜜橘/万尾花/玫瑰)
2)原料选择:精选与众不同的天然香料或具有特色的合成香料,强调原料的独特性和高品质。
3)功能拓展:比如添加一些特殊的功能,如助眠、舒缓情绪等,与其他品牌形成区别。
从设计的角度出发:
包装设计:结合品牌定位,设计极具辨识度的包装,在造型、材质、图案等方面展现独特风格。
那我们设计如何开展差异化的形式我觉得更重要的是从品牌定位再结合故事与文化内涵去出发
赋予香薰产品丰富的故事背景或文化内涵,让消费者在使用过程中产生情感共鸣和更深的连接。
用户体验:打造独特的使用体验,如独特的扩香方式、便捷的使用设计等。
从营销角度出发
1)合作与联名:与不同领域的品牌或艺术家等进行合作、联名,带来新颖的元素和创意。
2)场景聚焦:针对特定场景或人群,开发针对性的香薰产品,突出专业性和针对性。
3)品牌活动:举办具有品牌特色的线下活动,增强消费者对品牌的认知和体验。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4Njg=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
站酷网:该组作品中,对于包装部分工艺和材料有什么特别考量在其中吗?于整体落地的实际成本是如何把控的呢?
不眠虎工作室
在材料选择方面,我们可能会注重以下几点:
1)环保性:选择环保、可持续的包装材料,以减少对环境的影响。比如外包装我们现在大部分的材料都选择了环保纸盒的工艺。
2)质感和外观:
3)保护性能:确保包装材料能够有效地保护产品,防止产品在运输和储存过程中受到损坏。所以我们在包装的内部对保护香薰的结构采用一定结构上的形式的处理。
4)瓶子的材质选用的就是普通的,高白料玻璃,因为客单价比较高,所以我们在外包装的成本上做了筛选。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4NzI=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
UI类 Top 作品
站酷ID:
TinyP
站酷网:老师您好,作为368期榜单top作品,跟大家分享一下《vivo官网APP · 品牌形象升级》这组作品的项目背景及创作思路吧~
TinyP
大家好!很开心能获得大家的喜爱和支持并成为榜单Top作品,也很感谢Zcool提供的这次与大家交流的机会。
vivo官网APP是我负责多年的项目,Ta是一个集商城、社区、服务、会员于一体的官方应用,覆盖用户购机前-中-后全周期。作为vivo线上的核心官方阵地,vivo官网APP的设计体现了vivo的形象,因此让Ta的界面设计变得更「官方」是团队持续努力的目标。
经过多年的摸索,我们以「官方,可信赖」为设计理念进行牵引,制定了一系列的设计策略,让界面在信息充分的前提下变得更加克制简洁,让图片的展示更优雅精致,让图标等元素的设计更真实有质感;与此同时,通过动效的加入,让界面的体验变得更流畅、更有惊喜感。让vivo品牌的优势充分呈现给用户,同时给用户提供流畅且具有惊喜感的体验,这就是vivo官网APP的核心设计思路。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4NzY=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
站酷网:请问老师在接到这个需求后,怎么将产品与设计相结合来释放优势呢?从结果来看有哪些亮点呢,可以分享一下吗?
TinyP
作为官方阵地,vivo官网APP的界面很大篇幅展示了各种类型的「官方图片」,比如产品KV、产品白底图、品牌宣传图、官方照片等等,除了制定规范来让他们展示的更美观之外,我们还考虑到与他们共存的其他界面元素的协调性,共处一室的他们只有视觉上协调了,整个界面才会美观。这既是设计机会,也是挑战,因此我们从这个视角去切入。
以图标为例,我们梳理了他们的优先级:对于视觉优先级高的图标(如金刚区图标),我们采用了3D的设计手段,让图标真实感提升,与官方图片的真实感匹配,同时更有质感更吸引眼球;对于视觉优先级低的图标(如普通功能图标),在设计上尽可能「拍平」,用最简洁的手段去设计,避免「抢戏」。
在此思路下设计出来的3D图标,因其恰到好处的质感,吸引眼球的同时,成为了引领设计风格的核心元素,也成为了vivo官网APP与竞品差异化的关键一环。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4ODQ=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
站酷网:老师在设计的过程中对【交互动效】与【图形动效】是否有哪些新的理解呢?这与老师以往的理解是否有什么不同?
TinyP
vivo官网APP的动效设计,我归为两类:「交互动效」是指用户与界面进行交互时,界面元素之间的动画效果,Ta让界面的体验流畅、令人愉悦,并有助于解释界面正在发生的变化,减少困惑;「图形动效」指的是基于某个时机触发的图形动画,其核心是通过元素动画吸引用户注意力,并引发下一步的操作行为,或通过动画的设计使界面体现出符合当前场景的氛围,让用户产生沉浸感。
我们对动效的理解与行业基本一致。理论上,界面上能做的动效有很多类型,但对于vivo官网APP而言,需要克制。所以会把精力聚焦在这两类动效的设计上,让动效是实用的而不是单纯为了炫技。
【站酷榜单·Top作品零距离】第368期(图ZMTQ3Nzc4OTI=) - 观点 - 站酷设计师站酷创作中心原创素材 - 站酷ZCOOL
收藏
责任编辑:LeoXnano、圆饱儿、Kind_Wang
封面设计:TREE_小树
👉下一个上榜,就是你!
「站酷优秀设计师助推计划」正在进行中,为优秀设计师提供流量扶持、行业对话、创作分享、商业变现、知识变现等全链路助力,现在就行动起来吧。
(△点击了解更多)
48
举报
|
40
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
平面风格黄绿色系花朵装饰
平面书法字手写
城阙凡花
金色颗粒质地的平面
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
平面设计 吊牌设计
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
倒计时,海报,平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
古风平面仕女与瓷器
你可能喜欢
相关收藏夹
大家都在看
登录注册