2022年已加载过半,既然“每天都有在好好坚持网上冲浪”,时刻关注海面动静非常重要!今年互联网设计潮流涌向何处,踩稳UI设计团队Editor X奉上的专业踏板,浪越猛,名堂越大!

既然各位自诩为合格的冲浪选手,那走位又能否追上屏幕里一波接一波的数字热浪?

METAVERSE MAYHEM

元宇宙乱炖

扎克伯格在提出元宇宙之初就已预料到,只要这波概念有人肯炒,那万物皆可虚拟化就不是问题。只要是现实世界中存在的,衣食住行,尤其是那些得不到的,元宇宙会一并奉上。去他的“得不到的永远在骚动”,元宇宙会让你有恃无恐。

Musee Dezentral

去中心化博物馆

https://musee-dezentral.com/museum/

虽然“数字馆藏”早就出现,但通常都是将真迹与博物馆的某张现场照片进行叠加,这种参观形式就像是局外人在“入侵”博物馆,而德国网站Musee Dezentral(去中心化博物馆)的创始团队把的愿景便是彻底改变人们体验艺术的方式。

它就像一个视觉、体验俱佳的角色扮演游戏。参观者走进博物馆内部,人物、建筑都有着合适的透视比例,高还原度的光照带来时间流逝的质感。简单的键盘鼠标操作就能在博物馆内自由走动,几乎360°无死角,偶遇其他参观者,还能停下来聊聊天。

Musee Dezentral的视觉效果由支持自定义图形引擎创建,这种引擎尽可能容纳更多的用户访问,不管是普通的手机用户,还是匹配了最新 VR 技术的专业人才。通过元宇宙,也能重新构想艺术家、收藏家展示作品的方式——“我们热衷于使用最新的 3D 技术来创建基于浏览器的沉浸式体验,将用户投射到另一个现实中...这些方式毫无国界,完全不受物理空间的限制。”


DIGITAL FASHION数字时装

数字时装并非高深测,只要给QQ秀冲过Q币、在炫舞买过套装那就是历史的见证者。不过早期多是像素化、形式简单的2D效果 ,2022年则是高分辨率、动作灵活的3D大场面。对普通人而言,数字时装的技术最好能快速渗透到购物网站,免遭退货之灾!

 权!威!发!布!2022年网页设计7大国际趋势揭晓!
打开网易新闻 查看更多视频
权!威!发!布!2022年网页设计7大国际趋势揭晓!

Digital Fashion Week NYC

未来T台

https://digitalfashionweek.nyc/

真人比例的虚拟模特们在网络T台上走秀,成熟的动作捕捉技术让每一步看起来都脚下生风。一纸平面里走出了20米T台的效果,从此再也不用为赶时装周专程跑一趟米兰巴黎了!

 权!威!发!布!2022年网页设计7大国际趋势揭晓!
打开网易新闻 查看更多视频
权!威!发!布!2022年网页设计7大国际趋势揭晓!

Metaverse Fashion Week

“多买点显卡吧!”

https://mvfw.everyrealm.com/

数字时装通常会以元宇宙成员的形式出现,虚拟世界Decenteraland就承接了首届Metaverse Fashion Week(元宇宙时装周),虽然略显粗糙的建模被劝告“多买点显卡吧!”但这场数字时装+元宇宙的盛事把雅诗兰黛、Tommy Hilfiger, Estee Lauder, Etro等70多个大牌却吸引过来凑热闹。

 权!威!发!布!2022年网页设计7大国际趋势揭晓!
打开网易新闻 查看更多视频
权!威!发!布!2022年网页设计7大国际趋势揭晓!

Hayden Clay:透明隐身衣

https://linktr.ee/hayden_clay

Hayden Clay制作了一系列通体透明的数字服装,应用到一些清新甜美的场景,他用“便携式水族缸”来形容透明+气囊质感的羽绒服。

WEB KITSCH媚俗廉价的网页



蒸汽波风格的成熟期可以碰瓷Y2K(Year 2000 Problem),即1960年代到2000年间的老式电脑因硬件、软件技术不成熟导致程序和屏幕画面出现卡顿、故障。这种看起来“不太聪明”、但浓浓怀旧风味的“土酷”时尚和网页设计也发生了碰撞,设计师们开始接受早期互联网时代不那么精致的视觉美感。

Esi Rubanovich宕机至上

https://www.essirub.com/

Esi Rubanovich的个人网站应用了低保真图片、默认不变的字体、老式浏览器窗口、单一的布局以及“业余感”十足的装饰贴纸:上个世纪的笑脸符号、Flash动画、回形针、像素鸽、彩虹loading球等等。

Ryan Haskins

光效应

https://www.ryanhaskins.com/

Ryan Haskin是来自加利福尼亚的设计师,他的个人网站上收录了他与百事可乐、七喜、纽约时报、Vice、Bape、Buzzfeed等品牌媒体合作的多个案例,作品多是结合明星IP们不甚“优雅”的形象,在简单图形的裁剪、组合上应用艳丽扎眼的高饱和度色彩。

INTERACTIVE ELEMENTS3D交互元素

2D交互的创意已经日趋饱和,想要探出新的路子加剧了设计师的动脑难度。与此同时,3D 渲染的应用又日渐普遍,设计师们便开始将实物的立体感带入了 2D 屏幕上。

3D元素的流行也预示着未来的发展——“在新的 AR 、 VR 技术的推动下,我们的现实世界和虚拟世界正在成为一个整体空间,互联网会变得更加立体,我们的日常生活也因而得以‘点击’。”

Blobmixer

星球潮汐

https://blobmixer.14islands.com/

 权!威!发!布!2022年网页设计7大国际趋势揭晓!
打开网易新闻 查看更多视频
权!威!发!布!2022年网页设计7大国际趋势揭晓!

这是一款用基于14islands的简易3D制作网站,网站中央的3D球体会根据参数的调节改变形状、运动节奏、色彩、明暗。想象这是一个被液体包围的岛屿,而色彩、明暗的转变就像是一个星球上昼夜交替与潮汐,同时还能应用到VR场景中去。

 权!威!发!布!2022年网页设计7大国际趋势揭晓!
打开网易新闻 查看更多视频
权!威!发!布!2022年网页设计7大国际趋势揭晓!

DOPAMINE COLOR PALETTES多巴胺调色板

斑斓、迷幻的色彩在视网膜里互相冲撞,摩擦出刺激又兴奋的情欲分子传导至大脑皮层,这种明亮大胆、令人眩晕上瘾的色彩被称为“多巴胺色”。它们当下在视觉应用上随处可见,从时尚单品交接至眼前的屏幕,称它们一句“年度调色板”是实至名归。

Somerset House

https://decentralise.somersethouse.org.uk/

Decentralised是一个网页版的绘图网站,邀请用户们从Somerset House过去的展览中挑选出展品来进行作画,并同时丰富英国黑人艺术的历史。每个被挑中的物品都有各自的历史背景档案,最后的作品也将被贡献至“去中心化”档案中。

“多巴胺配色”从1970s“垮掉的一代”中走出,社会下沉、经济低迷时期的人们只能从摇滚乐和毒瘾中寻求美妙的幻觉,迷幻色彩的出现刺激了人们的大脑神经创作出更多“情绪反应堆”。如今它再次出现,“明亮、大胆和生动的调色板遍布了整个网络,考虑到过去几年的疲惫和衰退的士气,它的出现确实是有迹可循。”

3D LETTERIN3D字体模型

Alex Valentina

液体金属字

Alex Valentina为宝马制作的“液态金属字”是3D字体突然风靡的见证,设计师开始挖掘3D技术在字体上的玩法,在质感的设计上也不会将类型限制为二维。

直观来看,3D 字体确实牢牢抓住了用户的眼球,而效果的实现还得归因于字体的“抓取”随心所欲,打破了以往文字与书写载体100%贴合的0距离,在网页的虚拟背景中展示出多种质感(毛绒、金属、液态、橡胶.....)、适配各种应用场景的变形能量。

“这种转变从民间非营利组织感染到诸如宝马这样崇尚沉稳、极简主义的汽车行业。强大的表现力与势不可挡的设计趋势让它们不得不予以回应。”

ZEN ENERGY禅能量

“禅”化解心理危机,在这点上似乎西方人比东方人更热衷。当“有依空立”成为人们找寻平和、自我解放的契机,设计师们也希望网页中“禅元素”,能陪同用户化解愁绪,一起等待“禅机”。

Flowers for society

禅房后花园

https://flowersforsociety.com/

Flowers for Society是一个为收藏家、运动鞋爱好者建造的全新NFT虚拟社区,跟随鼠标的脚步误入禅房深处,在暗夜沉思,在宇宙独行。

考虑到过去几年的压力,心理健康已成为 2022 年时代精神的一部分“设计师们用平静的色调、柔和的光线、自然主义以及柔和的渐变和插页式来体现外观”,“禅”的流行来得很平和,它在来回切换的网页上留出了一片更柔软的地方,吸引用户的同时也放松了他们的眼睛。

 权!威!发!布!2022年网页设计7大国际趋势揭晓!
打开网易新闻 查看更多视频
权!威!发!布!2022年网页设计7大国际趋势揭晓!

如果要总结一下2022年的网页设计流行趋势,其实种种都是“有迹可循”,疫情期间的隔离加速了元宇宙的建造、设计师们挑战传统的勇气与3D技术的革新并驾齐驱、社会接踵而来的“不确定因素”让人们需要一个“窗口”来发泄自己,而每天刷过无数遍的网页就是目前设计师们能调配出的最好针剂。

以上图片均来自于网络 如有侵权请联系删除

Part of content from:

https://www.editorx.com/shaping-design/digital-design-trends-2022?utm_source=mb&utm_medium=cpc&utm_campaign=ma_ads_edx-creative-boom-trends22

https://decentralise.somersethouse.org.uk/canvas

https://digitalfashionweek.nyc/

https://musee-dezentral.com/museum/