网易首页 > 网易号 > 正文 申请入驻

原来国外大神都是这样玩液态的,一看就懂

0
分享至

2020又快过去了,上一次带大家研究了目前国际大厂在使用的一些趋势-晶白,点线底纹,光感,那么到了今天又有哪些新的趋势映入眼帘呢,你还在使用那套旧的设计风格来做设计吗?今天带大家来看看还有哪些值得我们学习的风格!

01

什么是液态视觉

参加过去年UCAN的同学应该对于这个水的主KV印象深刻,当时是以水,宇宙概念做的整个视觉。整个视觉最让人深刻的莫过于这个画龙点睛的水滴液态效果。

整个水滴流动感,运用到整个KV各个地方,背景还有底纹等等,印象深刻。

在2020年,液态视觉毫无疑问是当前最受关注的视觉风格之一。这种效果看起来像流动的各种液体,在设计中不仅可以很强的吸引人眼球,同时无论是作为背景元素,还是装饰都让人过目难忘。

液态视觉除了视觉感官层面会让你记忆深刻,它的整个视觉概念也可以讲很多故事,比如你可以说整个设计概念,是围绕”水“来设计,水是流动的,水也是生命之泉,能赋予很多产品概念,这也是为什么它会被很多大型KV所运用的原因。

同时这种流动感也可以比如宇宙万物,生命不息,也可以运用在很多大型的科技发布会上。

02

液态视觉情感感受

1. 生命力

使用过siri的朋友对这个效果应该不会陌生,液态视觉一个非常直观的感受就是具有生命力,可以随机的发生各种各样的变化,正是如此,被很多语音产品在页面中使用。

在很多科技类产品,智能功能这块都会看见这种风格的运用,所以假如你今天需要设计一款智能,很未来的产品,这种液态风格设计一定需要去关注。

比如这款科技类产品,在启动页面时候,就直接跳出一个类似水滴的机器人,用智能语音和你对话,然后随着人机交互,它会变成不同的形态。

2. 流动运动感

液态视觉另外一个特点就是具有流动感运动感,在很多智能家居中被广泛运用,比如图中这个智能水壶页面设计,随着水温度的变化,颜色和形状都会发生变化。

在很多发布会中,营造一些比较大气的感觉,或者宇宙场景时候经常用到这个风格,在空间上和视觉上都有方向和动态效果。

这组海报设计,就非常有方向感和宇宙未来感,整个图形都朝着一个方向走向,这也是其他图形元素很难表达的风格特点。

GlebKuznetsov的作品中这个动态效果,随着液态效果的流动,整个画面呈现出非常有程序的水流动效果。

3. 科幻未来感

液态效果另外一个视觉感受就是未来感和科技感,因为它造型的变化,抽象图形的表达,给人很神秘,抽象的视觉感受。

如上图,通过将流动的图形,进行旋转,形成虫洞感觉,不由自主想起宇宙和未来感。

03

液态视觉的技法特点

1. 质感柔软呈现透明

液态风格虽然视觉冲击力强,但是视觉表现上,柔软和透明是非常大的一个特点。整体的材质比较轻,加上透明效果运用,整体会非常的轻盈。通常人工智能页面场景运用比较多.

2. 色彩丰富大胆渐变

液态风格另外一个特点是:色彩极其丰富,运用大胆的渐变色,形成很强的视觉冲击力。

整个色彩类似彩虹,或者霓虹灯反射效果,这也是它在设计中能吸引人很重要的一个原因。

Kikk的官网设计,和Ucan有些神似,也是采用的一个液态的玻璃球,配色大胆的渐变在视觉表现和冲击力让都让人印象深刻。

3. 塑料质感的运用

塑料质感:液态视觉视觉质感丰富,质感也很大胆,比较常用的有塑料质感,配合灯光,如上图就是运用是塑料质感,配色彩色的渐变,非常梦幻。

这种塑料质感不止是在设计中用到,在时尚摄影中也被经常使用。

4. 玻璃质感的运用

玻璃质感的运用,随着玻璃的折射效果进行变换,玻璃的质感和平面这种强反差的设计,让你过目不忘。

玻璃质感的折射效果,结合后面文字的透出,很好的将这种液态融合效果运用到了极致。

在越来越多的国外设计中,都经常看见这种玻璃液态图形和平面设计的融合。

5. 水质感的运用

水的质感,毋庸置疑,但是这个水的质感一般是运用气泡的表现形式,再结合折射效果,整个视觉水泡就是核心视觉元素。

Ucan的主视觉效果,就是采用类似的手法,这类设计很巧妙,同时简约不失大气。

6. 点线面的结合运用

除了塑料,扁平质感以外,点线的运用也在液态设计中非常多,比如上图的OPPO和colo的海报设计,就是运用了流动变化的线条,让整个设计呈现出简约高科技之美。

用线成为整个设计主体,通过流动的线勾勒出一幅场景,在科技类产品中运用较多。支付宝很多理财产品都曾经运用过类似风格。

04

在界面中运用

天猫双11的很多场景中,其实都有用到液态设计元素,比如双11的潮流盛典舞台设计,就是运用的液态当元素,整个画面非常潮。

在AI人工智能的产品设计中,液态设计经常被广泛使用,无论是智能语音设计,还是说智能家居是使用,都能看见它运用的影子。

这组机器学习的网站设计,通过液态设计,讲玻璃元素设计成动态的方式非常的逼真。整个设计给人空间和未来感展现。

这个液态网站的设计,大胆的渐变,流动的液态效果,让整个页面充满了时尚感。

液态设计除了一些抽象元素,一些3D的元素也可以使用,整体呈现出来的效果,也非常的有吸引力。当然得结合设计整体来平衡。

目前来说液态设计在界面中运用,一般在科技网站,AI或者机器人场景比较多,一般液态会呈现多种变化趋势。

05

在界面中运用

在平面设计中案例比较多,目前很多商业设计中都运用到了一个液态的图形配合一些几何图形,干净利索的文字都能搭配出不错的视觉效果。

这组海报,看似简约但是充满了设计感,除了液态的核心元素,字体运用,板式空间的利用都体现出设计师极高的功底。

在韩国很多艺术展的设计中,抽象的几何图片配合液态的动态变化。整体非常强的视觉冲击。

如果你今天做设计,找不到感觉了,不如放弃下你之前的设计套路。尝试一下新的设计思路,说不定可以打开不一样的视角。

06

在品牌中运用

除了页面是动态的,在很多时候品牌LOGO也可以是动态的液态的,会变化,如上图这个logo他会随着不同的方向去旋转变化。LOGO一定要是静态的么?不可以是动态的?甚至液态么,我觉得一定有可能会出现液态的图形。

电信OI公司的logo就是液态呈现的,他的变化有几十种展示方式。

整个图形以明亮,形状变化的“气泡”为液态容器,可根据客户的声音改变LOGO的颜色和形状。

或许在未来,液态的LOGO会成为一种新的主流,只是作为新时代的设计师,我们必须要去了解和关注。

最后

虽然趋势是变化的,但设计行业中唯一不变的就是变化,作为处在互联网中的设计师,我们身边的一切都是变化的,身边的人,事,甚至是商业模式都在变化,学会拥抱变化, 并且让自己持续的成长和变的更好,是每个设计师都要持续学习的。

这里也附上之前为大家找好的液态设计素材《》,让大家能更好的理解运用。

文章来源:我们的设计日记(ID:helloskys)

作者:sky

https://mp.weixin.qq.com/s/Yas1JGe52t4YDZ2AF6rgNQ

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
520杭州姑娘嫁黑皮外国人,爸妈曾震惊反对,评论区没有半分祝福

520杭州姑娘嫁黑皮外国人,爸妈曾震惊反对,评论区没有半分祝福

谭谈社会
2026-05-20 21:58:45
山姆又出断货王!这盒89元的“雪茄”,开始掏男人的钱包了?

山姆又出断货王!这盒89元的“雪茄”,开始掏男人的钱包了?

Foodaily每日食品
2026-05-22 08:12:48
中国人最尊敬的清华校长携巨款逃去美国,如今惊人秘密浮出水面

中国人最尊敬的清华校长携巨款逃去美国,如今惊人秘密浮出水面

华人星光
2026-05-19 11:05:48
“50块一颗”变“50块一克”,南京一犯罪团伙以劣充好卖鹿茸,暴力威逼老人买单,100多人被骗,涉案金额90余万,28人全部获刑

“50块一颗”变“50块一克”,南京一犯罪团伙以劣充好卖鹿茸,暴力威逼老人买单,100多人被骗,涉案金额90余万,28人全部获刑

大风新闻
2026-05-21 18:16:09
清华大学对葛同学作出退学处理决定

清华大学对葛同学作出退学处理决定

台州交通广播
2026-05-18 14:35:53
2016年,林丹“忘拉窗帘”身败名裂,选择原谅他的谢杏芳现咋样了

2016年,林丹“忘拉窗帘”身败名裂,选择原谅他的谢杏芳现咋样了

陈意小可爱
2026-05-22 10:29:19
她是张镇麟妻子,广东籍名媛家世显赫,难怪丈夫能成CBA顶流

她是张镇麟妻子,广东籍名媛家世显赫,难怪丈夫能成CBA顶流

以茶带书
2026-05-21 17:11:02
美股量子概念爆发,多股飙涨30%,存储芯片走强,闪迪涨近11%,沃尔玛大跌7%

美股量子概念爆发,多股飙涨30%,存储芯片走强,闪迪涨近11%,沃尔玛大跌7%

21世纪经济报道
2026-05-22 07:18:27
兜底查、批批检,上海批发市场严防“泡药杨梅”,价格跌到“腰斩”仍滞销

兜底查、批批检,上海批发市场严防“泡药杨梅”,价格跌到“腰斩”仍滞销

上观新闻
2026-05-21 21:31:07
追罚6分,梅州客家再变负分排名垫底!成中超中甲目前唯一负分队

追罚6分,梅州客家再变负分排名垫底!成中超中甲目前唯一负分队

实事球是
2026-05-21 15:51:54
无锡惠山国家森林公园用墓碑铺路?园区:系就地取材的无主墓碑

无锡惠山国家森林公园用墓碑铺路?园区:系就地取材的无主墓碑

新京报
2026-05-21 14:43:31
《主角》23集后,才知张艺谋选角正确的,不是张嘉益也不是刘浩存

《主角》23集后,才知张艺谋选角正确的,不是张嘉益也不是刘浩存

阿纂看事
2026-05-21 11:33:13
央视紧急提醒!家家户户应急储备赶紧备上,关键时刻能救命

央视紧急提醒!家家户户应急储备赶紧备上,关键时刻能救命

放开他让wo来
2026-05-22 09:18:39
73岁普京:能长期保持极佳的状态,核心在于高度自律的饮食与运动

73岁普京:能长期保持极佳的状态,核心在于高度自律的饮食与运动

照见古今
2026-05-21 15:55:02
善恶有报!许家印刚认罪1天,子女近况曝光,大儿子的安排全白费

善恶有报!许家印刚认罪1天,子女近况曝光,大儿子的安排全白费

历史伟人录
2026-05-10 22:06:40
国羽首席4强诞生!陈雨菲横扫19岁小将:首局17-19逆转,次局碾压

国羽首席4强诞生!陈雨菲横扫19岁小将:首局17-19逆转,次局碾压

刘姚尧的文字城堡
2026-05-22 10:06:07
应对强降雨,广东提前转移超23000人

应对强降雨,广东提前转移超23000人

澎湃新闻
2026-05-21 23:40:03
不富都难!2026往后有人提携、往前有钱可赚,看得开收获大的生肖

不富都难!2026往后有人提携、往前有钱可赚,看得开收获大的生肖

毅谈生肖
2026-05-22 11:00:48
意大利人拆完张雪机车破防了:设计太激进,欧洲日本根本学不来!

意大利人拆完张雪机车破防了:设计太激进,欧洲日本根本学不来!

阿芒娱乐说
2026-05-22 04:47:31
杨紫新剧脸部状态堪忧:大浓妆开十级美颜,已不适合演古偶了

杨紫新剧脸部状态堪忧:大浓妆开十级美颜,已不适合演古偶了

糊咖娱乐
2026-05-20 18:32:35
2026-05-22 11:43:00
美啊教育
美啊教育
创意设计与生活美学最佳平台
6086文章数 1549关注度
往期回顾 全部

科技要闻

雷军:输给特斯拉不丢人

头条要闻

24岁女子和跳伞教练双双遇难 留给家人最后一句话公开

头条要闻

24岁女子和跳伞教练双双遇难 留给家人最后一句话公开

体育要闻

最糟糕裁判?他想要退役当市长

娱乐要闻

此沙、陈丽君方否认恋情传闻

财经要闻

又一存储芯片类产品,价格暴涨300%

汽车要闻

配1.5L动力/增加新配色 吉利帝豪向上系列将于5月24日上市

态度原创

数码
手机
艺术
家居
亲子

数码要闻

酷态科新品5月27日发布

手机要闻

苹果iPhone 17 Pro将撑起整场MLS直播,灵活机位传递更多视角

艺术要闻

当代画家张飞的女性人物油画

家居要闻

风格碰撞 个性与艺术

亲子要闻

人生最好的状态是小满!育儿亦是如此:留有余地,方能从容生长

无障碍浏览 进入关怀版