首页

2022 年顶级网页设计趋势

鹤鹤

设计趋势可以塑造一切,从设计师的创作方式到用户界面设计,再到从网站到包装设计的未来迭代。

让我们深入探讨2022年的一些顶级网页设计趋势。我们将着眼于 2021年末开始出现的趋势,这些趋势是为来年奠定基础的,以及一些即将流行的趋势设计。

有趣、乐观的设计

时尚的形状、颜色,甚至是面孔都可以带来很多乐趣。设计师正在使用网页设计趋势,为从网站的所有内容提供有趣、乐观的设计。这些设计的共同点是它们为世界注入了一点额外的快乐。

充满乐趣和乐观的图像具有面孔、较轻的字体,以及散发出积极情绪的颜色。为了充分利用这一趋势,请考虑更轻的元素,并避免选择较重的字体或颜色。

黑白配色方案

黑白配色方案是今年最鲜明、最美丽的设计趋势。没有颜色,你可以在限制范围内思考和设计。

大胆和实验性的排版

在2022年,没有错误的排版方式。大粗体字体——甚至衬线字体——无处不在。在玩这种网站设计趋势时,请考虑字体将如何响应以及如何最大限度地对访问者产生影响。

三维设计元素

虽然2020年和2021年有很多设计师网站处理完整的3D 设计,但新兴趋势是将3D元素与更扁平的整体美感结合起来。

具有3D风格的元素可能包括阴影、动画或图层效果,以创建深度和维度。

三维设计也延伸到视觉叙事。考虑如何以突出景深和阴影的方式捕捉您的故事或产品。

近乎野兽派

野蛮主义是人们想要加入的网站设计趋势,但对于大多数项目来说,它过于苛刻和尖锐。

这些设计使用了许多相同的鲜明效果。不是单色字体,更容易看到衬线是常态。即使有一些明显的边界和线条,元素之间也有足够的空间。没有太多的装饰或其他视觉效果,只留下颜色和文字来真正承载这些项目。

滚动文本元素

虽然总是希望文本元素可读,但它们也可以是动态的。滚动文本元素——通常使用超大字体、几个词、在一个位置——可以增加对关键词的强调并激发用户的兴趣。

轮廓字体是一种流行的选择,保持可读性的关键是使用简短、常用的单词或短语。

玻璃态

玻璃态的第一个展示于2020年末和2021年初的新态,并演变成现在流行的更完整的玻璃效应。

正是您可能想的那样:设计元素的外观让人联想到玻璃。可能有透明度、冷淡或光泽的元素。

设计师们一直在Dirbbble上以一种主要方式使用这种风格,并找到了网站设计的方法。

更多渐变

渐变是不断出现的设计趋势。2021年,设计中的大部分渐变出现在背景中。

到 2022 年,渐变将采用两种新形式:

1) 用于文本颜色填充(例如上面的示例)以提供最大的影响和强调

2) 作为用其他线条填充插图或图标以创建纹理深度效果

没有图像的主页

无需图像即可设计,您将在 2022 年紧跟潮流。

使用不同类型的用户界面或设计技巧来充分利用没有图像的主页。在此处的示例中,Kirifuda 使用了漂亮的黑白配色方案,在文本元素之间具有叠印效果。超大的排版和手写风格的字体有助于将它们融合在一起。

分屏美学

分屏美学重新奏效。几年前的趋势当时出于可用性和响应的原因而起作用,现在它更像是一种新设计。

这些视觉效果可以包括水平或垂直分割的屏幕,每一切面有不同的功能。

交互式字体

在屏幕上与您一起移动的文本是交互式字体背后的支柱。在大多数情况下,这可以使用悬停状态,尽管您可以尝试一些其他更复杂的效果。

在考虑交互式文本元素时,请考虑可读性和理解力。文本效果只有在其中的文字仍然可读和可理解的情况下才有效。

包容性设计

设计师正在努力打造一个更具包容性的网络,它几乎在所有发布的内容中都有体现。从图像到语言再到替代文本,没有理由不尝试让您的项目更加包容所有人。

包容性延伸到种族、性别中立、文化、可及性和能力。共同的主题是您的网站应该以这样的方式组合在一起,以便任何想要访问内容的人都可以访问内容,并且人们也可以在屏幕上看到他们可以与之相关的其他人。

结论

就网站设计趋势而言,新的一年已经开始以非凡的方式爆发。如何将这些元素合并到现有项目中是作为设计师该考虑的问题。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷 作者:对啊设计君
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


2022年10种UI/UX设计趋势

涛涛

我们收集了一份UX/UI设计趋势清单,帮助你了解2022年的相关行业变化,以及未来展望。

想成为更优秀的设计师, 需要了解设计趋势和受众目标的需求。了解UI/UX设计趋势本质上与了解时尚或者消费行业的趋势并无本质差别,都必须倾听人们的需求,关注人们如何使用产品,创造出美观、简单、易用的设计,使产品脱颖而出。

在2021年的那份文章中,许多假设已不仅仅是一种趋势——已经演变成全新的东西。

我们收集了一份UX/UI设计趋势的清单,帮助你了解2022年的相关行业变化。




1.极简主义


越是领先的科技公司,你会发现,他们对简单大气、重点信息明确、精致的设计越有强烈的偏好。这种趋势逐年增多,覆盖范围也越来越广,品牌和各行各业的设计师也越来越多的偏好这种风格。


例如:英国金融科技公司Revolut


Meta(2021年10月28日,Facebook宣布,该平台的品牌将部分更名为“Meta”。)


Dribbble设计师:MoRas ✪ 的作品

小结:从心理学角度上说,极简主义也是在寻求一种安全感,纷杂的物品和内容生产者无时无刻都在绑架我们的眼睛,很容易让人沉沦其中,不能自拔。当越来越多的人开始明确自己的定位,明确这些购物和社交软件只是满足自己需求的一种工具,而拒绝做工具的奴隶。「觉醒」的人越多,极简主义的运用就会越来越普遍。





2.粗旷/粗野主义


粗旷主义包含强烈的轮廓、鲜明的对比色、大胆的排版和真实的生活摄影相结合。




  • 去年我们还在说:“ 野蛮主义设计风格短期内应该不会深入到UI设计中去,更多的会在网站,或者杂志的设计运用此种设计思想。”


今年Spotify Wrapped(可以理解为国外的网易云年报)就给我们上了一课—野无止境。

贪吃蛇一样的形状配合各种高饱和颜色,穿插于各种界面和海报中,形成了巨大的视觉冲击,令人难以忘怀。


让我们来看看他们的设计:





3. 重回90年代


流行趋势总是轮回又轮回,但原因可能不是现在的人忽然意识到以前的回忆有多美好,而是当年的90后小孩成了行业的领头羊以后,将童年的美好回忆拿出来沉醉一番,找个机会释放内心的那份童真。

创意机构CPB London的设计总监June Frange将这波趋势称之为「年代怀旧」,短视频平台和明星效应的加持,以及使用者自发性的DIY内容,也使得它的影响力更加强大。

今年《王者荣耀》推出了两个新主题的游戏皮肤,其中一个以旧版西游记为原型打造的孙行者皮肤,一经上线在销售量上就远远超过了同时出现的安琪拉新皮肤。而原因却并不是皮肤的精美,因为从孙行者皮肤的精美程度而言,官方这一次就是出了一个“原皮”。

这样一个简单的皮肤,却让无数玩家纷纷掏钱买账,这就是怀旧的魅力。这种使用传统神话故事元素结合官方的创新设计,让无数玩家用一种全新的方式感受到了传统文化的魅力所在。


虽然我玩游戏不多,但是也半夜爬起来买了个孙猴子~




4.排版变得更生动有趣


10 年前,行业对排版比现在要严格得多,有明确的排版和字体使用规范。

不过现在,设计师们可以对标题和段落做任何想做的事情——完全取决于想象力。将字体与形状、照片和表情符号混合,在其上添加纹理,或者选择一种形式非常复杂的字体做装饰。

这种设计会产生一种有趣、引人注目的效果,但它也必须要美观和谐——我们仍需在设计时首先牢记:用户的舒适度永远是第一原则。

字体设计在2022年仍将占有一席之地,设计排版中融入夸张的、富有个性的字体,比如:同时拥有流畅的线条与锐利的棱角。


《鱿鱼游戏》的韩文片名标题,是由几何图形重新排列组合而成,挑战了抽象形状和文字之间的区别,借此突破字体必须易于阅读的局限,创作出具有表现力的形式。


Design Bridge London的高级设计师 Chris Algar认为:「  2022 年将是字体的重要一年」。


他预测:“我们将看到排版风格融入真正夸张的个性字体,在流畅的线条和锐利的棱角形状之间形成对比。”
Chris 认为,颜色和活力也将在 2022 年的排版趋势中发挥重要作用。





5.Glassmorphism 和玻璃元素


玻璃态已经无处不在——这是事实。有背景模糊、半透明物体,如卡片、水彩、玻璃球等等。从 Mac OS Big Sur 和 Windows 11 ,玻璃拟态已经存在了很长时间。

在去年,Glassmorphism(玻璃拟态)经过一整年的风靡也算站稳了脚跟,并未像新拟态风(Neumorphism)一样火速崛起又火速沉寂。越来越多的设计师将这种风格融入设计中去。





6.极光背景


不知大家是否可能还记得前一年的这个趋势——「模糊的彩色背景」。

它在2021变得非常流行,甚至有了一个专有名词——极光背景。

微妙、多彩、模糊的颜色看起来非常友好和有机——且更具视觉吸引力。这些飞溅和高斯模糊可以用作整个背景或置于一些重要的 UI 元素下。








7.全息/霓虹灯


这种网络全息/霓虹灯效果很适合虚拟现实和全息界面的时代。虚拟世界提供的新可能性激发了设计师的灵感。充满活力的、发光的颜色、抽象的圆形、全息图纹理是这一趋势的典型特征。


它也被广泛用于许多加密空间,以展示这些接口的未来性。





8.环保风


我们大多数人还是愿意选择环保的生活方式的,投射到设计中——可以将「生态外观」和感觉融入设计中。

越来越多的品牌在追逐这种「纸质感」的趋势——背景通常是灰色的,类似于可回收的纸板。排版风格极简。对比度很高。颜色非常克制,看起来稍显「暗淡」,这种风格包含现实生活中的摄影、纹理、和涂鸦。




9.粘土形态3D


3D 作为一种艺术风格正在变成设计趋势和大众流行

现在一种特殊的风格越来越受欢迎,3D最新的流行风格是粘土形态——类似于由粘土制成的对象(形状简单,由圆柱形/椭圆形组成,由内阴影和外阴影创造深度,但采用更「松软」的 3D呈现方式,通常与其他极简设计结合在一起。粘土3D有种可以按出一个坑的质感。






10. Metaverse


元宇宙(英语:Metaverse),又称形上宇宙,此一科技词汇由前缀“meta”(意思是超越)和词干“verse”(通过逆向构词法从“宇宙(universe)”得来)组成,可简称为MVS。这个词通常用来描述未来互联网虚拟环境的概念,于共享、持久的3D 虚拟空间组成一个可感知的虚拟宇宙,此合成环境包含对象、常驻用户与其交互关系,并存在于虚拟定义的时间中。旨在提供连接用户长时间登录和交互。广义上的元宇宙概念不仅指虚拟合成世界,还指整个互联网,也包括增强现实的范围。


Metaverse描述的是一种趋势:越来越多的技术和媒介,都在不停地缩短虚拟和现实的距离。


人类的大量活动和时间在往数字世界进行迁移。我们的社交活动、经济活动都是在数字世界(或者叫虚拟世界)里面,玩游戏也好,购物也好,社交也好,所以元宇宙(Metaverse)就是顺应这样的趋势产生的,元宇宙就是个数字世界。


感兴趣的朋友可以自行搜集详细资料。



用户体验设计,设计师的出发点是人,让人的使用体验感加强,趣味性加强,使用更加方便。





文章来源:站酷   作者:一个辛普森


分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


2022年,互联网10大关键词

涛涛

互联网行业的未来趋势是什么?本文将从宏观环境、长期主题、确定性机会三个方面,来总结互联网的十大关键词,推荐对此感兴趣的朋友阅读,希望对你有所帮助。


2021年,互联网行业经历了一场耐力大考验。这一年,政策监管席卷了诸多行业,互联网行业身处风暴眼。从反垄断超200亿元巨额罚款,到平台之间“拆墙”势在必行,数据合规已经上升至国家安全的战略高度,一项又一项新政,让互联网行业告别野蛮扩张。互联网大厂内部的日子也不好过。

2021年三季度,互联网大厂们均不同程度地遭遇营收增长乏力、净利润增速下滑的问题,纷纷裁员过冬、节衣缩食。内外环境的变化都昭示着,消费互联网的时代渐行渐远,互联网行业正处在转型的重大拐点。身处其中的玩家们,只有两条路,要么抓住新机会、去新的战场掘金,要么让科技创新成为发展的底层驱动力。

即将过去的2021年有着诸多关键词,反垄断大年、互联互通元年、数据安全元年、碳中和元年、元宇宙元年……在2022年即将开启之际,我们从宏观环境、长期主题、确定性机会三个方面,盘点了十大关键词,分别是反垄断、互联互通、数据安全、拥抱变化、碳中和、硬科技、元宇宙、产业互联网、出海、助农,以期呈现互联网行业的未来趋势。

一、宏观环境

1. 反垄断:资本不再万能

2021年,被称为“反垄断大年”。尤其是互联网领域,利剑频繁落下。上半年,阿里巴巴因实施“二选一”垄断行为被罚182.28亿元,这是我国至今开出的最大反垄断罚单。下半年,美团因同样的原因,被罚34.42亿元。单是这两家大厂,因垄断行为被罚金额,就超过200亿元。

过去二十余年,互联网巨头渗进各行各业,靠着一套“烧钱、合并、垄断”的打法,疯狂扩张,加剧了收入分配不公和社会不稳定。因此,“强化反垄断和防止资本无序扩张”在去年的中央经济会议上,被列为2021年八项重点任务之一。

据统计,2021年以来,国家市场监管总局共发布反垄断处罚案例上百起,其中七成以上案例涉及互联网企业。而针对“二选一”、“大数据杀熟”等行为的反垄断细则也在出台。监管趋严之下,互联网巨头们开始有所行动。

12月,腾讯以中期派息方式,将所持有约4.6亿股京东股权发放给腾讯股东,对京东持股比例将由17%降至2.3%,被外界猜测为降低自身反垄断监管的风险。腾讯持股的美团、拼多多、知乎等大公司或将面临同样境况。互联网领域反垄断的大旗,今年只是刚刚扬起。

11月18日,国家反垄断局正式挂牌,被视为我国反垄断体制机制进一步完善的体现。而且,“强化反垄断和反不正当竞争”在2022年中央经济工作会议中再次被强调。这意味着,接下来,反垄断在执法层面将常态化、系统化地铺开,打破原有的市场壁垒。

2. 互联互通:“拆墙”是大势所趋

过去,互联网公司们越来越壮大,逐步形成了平台生态的闭环,圈流量池的“城墙”越筑越高,最典型的便是腾讯系、阿里系、字节系产品,分别以微信、淘宝、抖音为代表,互相屏蔽链接访问,如微信不能直接访问来自淘宝抖音的链接,淘宝购物不能使用微信支付,抖音针对第三方来源的产品、不支持进直播间购物车……

随着互联网流量红利逐渐消失,存量时期,互联网企业们竞争的重点依然还放在如何加深流量池的壁垒,陷入了残酷的恶性竞争。互联互通,是反垄断的举措之一,更是为了能够降低交易成本、促进创新创业,推进平台之间的长远良性发展。

9月13日,针对屏蔽链接网址这一问题,工信部相关部门提出有关即时通信软件的合规标准,要求9月17日前各平台按标准解除屏蔽。然而,这天之后,平台之间的互联互通不及理想效果。有网友投诉微信并未开放,例如淘宝购物车一键分享功能在上线第2天就在微信失效。

腾讯总裁刘炽平在财报会议上曾表示,平台之间的互通是“非常复杂的问题”。从商业角度而言,以腾讯为例,互联互通意味着腾讯系企业独享微信生态的优势将失去。单从技术层面分析,平台打通之后,用户体验、用户隐私都是需要考虑的问题。但从根本上来说,“拆墙”是大势所趋。

到11月29日,微信已经开始松绑外链,用户发现已经可以在微信上直接打开淘宝以及抖音等链接。一位行业观察者分析称,2021年,在有关部门的推动下,互联网平台间的互联互通已经完成了从0到1,也就意味着更多的互联网企业至少不会在新的领域设置限制,而过去旧有的关卡,也会循序渐进地逐步拆除。

3. 数据安全:加速度发展

2021年6月,滴滴在美股递交招股书,紧接着7月,“滴滴出行”因APP存在严重违法违规收集使用个人信息问题,被依据《中华人民共和国网络安全法》相关规定下架。在滴滴之后,运满满、货车帮、BOSS直聘也被启动网络安全审查,2021年数据安全审查的大幕拉开。

滴滴事件背后,是互联网产品的相关数据和技术应用不但涉及个人权利、隐私,还关系着公共安全乃至国家安全的议题。2021年,被称为数据安全元年。继《数据安全法》、《个人信息保护法》施行之后,有关部门还发布了《数据出境安全评估办法(征求意见稿)》。

一位数据安全领域从业者表示,今年很多大公司的重心是实施数据安全相关的法律法规,接下来,互联网选手们的重心就会放在,如何更进一步在数据安全方面规避风险,提高效率。与此同时,数据安全的市场快速崛起。其中的隐私计算异军突起,成为数据安全领域最炙手可热的赛道。

据统计,隐私计算领域2021年融资额已超50亿元。中国信息通信研究院云计算与大数据研究所发布的《2021数据安全行业调研报告》显示,我国数据安全已经到了发展的关键期,未来对于数据安全的需求将越来越大,同时对于服务能力和产品能力的要求也越来越高。

4. 拥抱变化:合规是未来几年的大趋势

这一年,高密度、强力度的监管持续,让所有互联网从业者都无法忽视。从整治币圈乱象、教培领域的“双减”、房地产行业的大震荡,到监管风暴刮到短视频、直播电商、游戏领域,面临反垄断、互联互通、数据安全监管的互联网行业必须求变。

监管趋严的背后,是互联网原有的打法已经不适合新时代的要求,有关部门正引导着整个互联网企业,从以往的无序扩张、野蛮生长,向精耕细作的新时代转型,从以前的消费互联网模式,向由科技主导的互联网时代发展。2021年三季度期间,阿里、腾讯两大头部,营收增速、净利润双双下滑,除此之外,多家大厂都面临类似情况。

互联网企业纷纷裁员“过冬”,节衣缩食。展望2022年,合规一样是大势所趋,在未来几年也还将持续。互联网正在进入一个新时代,企业们需要构筑新的增长引擎。而身处其中的个体,也都要做好拥抱变化的准备。“唯一永恒不变的东西就是‘变化’”,将无比适用。

二、长期主题

1. 碳中和:未来十年的热门主题

在2020年中国提出“2030年前碳达峰、2060年前碳中和”的“双碳”目标之后,2021年初,“碳中和”被第一次写入政府工作报告,成为国家战略,2021年也被视为是“碳中和元年”。碳中和,本质就是让二氧化碳排放量“收支相抵”,减缓全球变暖。

在“双碳”目标提出之后,今年,互联网大厂们都加速跟进“碳中和”,制定碳中和目标及规划,动作贯彻全年。从1月腾讯打响头炮,启动碳中和目标规划;3月,蚂蚁集团承诺从今年起实现运营排放的碳中和,并在2030年实现净零排放;到年中6月,百度发布“碳中和全景图”,公布在2030年实现集团运营层面的碳中和目标;

年底,阿里也明确提出了碳中和三大目标,要在2030年之前,实现自身运营碳中和、上下游价值链碳排放强度减半,用15年时间以平台之力带动生态减碳15亿吨。对于这些互联网科技企业而言,碳中和既是企业社会责任的一部分,也和自身商业模式相关。

碳中和背景下,ESG投资火了。这种将企业在环境保护(Environment)、社会责任(Social Responsibility)以及公司治理(Corporate Governance)三方面非财务指标的表现纳入投资决策的投资理念,在一二级市场都备受关注。

红杉资本、高瓴资本等头部投资机构纷纷宣布将ESG纳入投资决策,碳管理SaaS企业碳阻迹披露A轮融资后,据报道,创始人一天收到了1000多通来自投资人的电话。二级市场,证监会已经将ESG信息列为上市公司与投资者沟通的主要内容之一。

波士顿咨询公司发布的报告预测,为实现碳中和目标,从2020年到2050年我国需要累计投资90万亿-100万亿元资金。现如今,互联网大厂们已经以10年为周期进行碳中和目标的规划,碳中和这个关键词至少在未来十年内都将是热点主题。

2. 硬科技:迎来最好的时代

“硬科技和科技创业是中国未来三十年发展的主旋律,是中国强大起来的必经之路。”提出了硬科技理念的中科创星创始合伙人米磊曾提到,这一结论背后,是中国正处于从模式创新到科技创新转型的拐点,中国政策正在从投资驱动、要素驱动到创新驱动转型。

硬科技强调将核心技术牢牢掌握在自己手中,代表性领域包括光电芯片、人工智能、航空航天、生物技术、信息技术、新材料、新能源、智能制造等。资本早已经押注硬科技。在高瓴资本和红杉资本2021年的投资中,硬科技成为了投资最多的方向。

红杉中国创始及执行合伙人沈南鹏曾对媒体表示,硬科技领域投资,已经超过红杉中国投资组合的80%,“一个科技主导的创业新时代已经到来”。北交所11月15日开市当天,78家上市企业当中,有16家是硬科技企业。互联网巨头们也都将硬科技布局至于重要地位,内部下场自研,对外投资收购,双管齐下。

12月,腾讯减持京东背后也是投资逻辑的改变,相较消费类投资,腾讯转而更关注硬科技领域,包括芯片公司燧原科技等;阿里内有达摩院和半导体公司平头哥,对外投资有紫光股份、恒玄科技等;美团的策略从“Food+Platform”转变为“零售+科技”,深耕无人配送领域,还在自动驾驶、机器人、激光雷达、芯片等领域加强投资。

硬科技产业是新一轮产业革命的动力引擎,已经成为了业界共识。人才、热钱都在涌向硬科技这个会影响一个时代的领域,但硬科技发展门槛高、前期投入大、技术迭代周期长,投资者更需要熬得住。

3. 元宇宙:未来的星辰大海

元宇宙,这个连定义都尚未明晰的概念,在2021年火遍全球。上半年,元宇宙第一股Roblox上市,就引起了市场对于这个新鲜事物的关注。下半年元宇宙突然爆火,离不开全球互联网巨头Facebook浇上的一把油。Facebook宣布改名为Meta,以更名表明进军元宇宙(MetaVerse)的决心。

这之后,虚拟人“柳夜熙”大火,短短几天就圈粉500多万。腾讯、阿里、字节跳动都纷纷表示,正在布局元宇宙,就连网易云音乐,也要打造音乐元宇宙。

一级市场上,创业者早已扎堆涌入。据企查查显示,仅带有元宇宙名字的公司就近千家,元宇宙相关领域的抢人大战抢先打响。与之相关的数字人、VR/AR、游戏、社交领域的产品,都引发了投资人的关注。

二级市场上,元宇宙概念股更是狂飙突进。股票只要蹭上元宇宙就暴涨,居高不下的涨幅,甚至惊动监管部门要求说明公司与元宇宙的关系。有机构以知识付费项目把元宇宙包装成一夜暴富的机会,声称“未来只有元宇宙这一条路”,以贩卖焦虑的方式借机敛财,有元宇宙培训课程10天收入160万。

元宇宙里的炒房热、炒地热,也完全不输现实世界。下半年,全球虚拟土地的单笔最高成交纪录接连被打破,不到一个月时间,从243万美元、430万美元提升至约500万美元。就连国内尚在内测期的元宇宙社交产品,其虚拟房产在二手市场的交易都异常火热。

与现实世界平行,能通过“化身”在三维空间交流娱乐的元宇宙,距离真正实现,在技术层面还有很长的路要走。单从被视为元宇宙入口的VR/AR设备层面而言,一年出货量在千万级别,距离普及还很远。但关注者们都认为,近几年内,忽视元宇宙的发展和进化,一定会错过大机会。

三、确定性机会

1. 产业互联网:数字化转型大势不可逆

产业互联网不算是新话题。早在2019年,腾讯创始人马化腾就曾表示,互联网的上半场是消费互联网,下半场是产业互联网。到2021年,在国家宏观政策导向中,数字经济、数字化已经成为相关政策文件中多次提及的关键词。

消费互联网时代的商业模式能够带来的增长和创新日趋窘迫,下一个时代,以互联网技术对各个垂直产业链进行数字化重塑和改造,将互联网与实体经济进行融合,加速产业的数字化转型,即产业互联网,是政策支持的方向。

现如今,云计算、人工智能、5G等技术正在向金融、医疗、教育等行业渗透,技术的发展也正掀起新一轮的产业革命。互联网头部大厂们都在朝着这个通往未来的方向行进。腾讯自2018年“930”变革起,就全面发力产业互联网,在智慧零售、智慧医疗、智慧金融、智慧教育等多个领域垂直布局;

阿里巴巴集团董事会主席兼CEO张勇提及,希望能成为一家消费互联网和产业互联网结合得更好的公司,协助企业数字化转型的阿里云,2020财年营收已经超过了200亿元。此外,百度、京东、字节、美团都在布局产业互联网。

中信联产业互联网工作委员会秘书长张健在一次公开分享中提到,近几年产业互联网的发展,可以发现其服务体系正在呈现螺旋式的迭代升级,同时它本身的服务在进行一体化、集成化的创新。产业互联网平台的发展,一方面不断地丰富和拓展各类服务,另一方面,不断地推动各类服务,进行数字化、网络化、智能化的迭代升级。

2. 出海:去新的战场掘金

12月,阿里进行了近五年以来最重要的一次组织调整,沿用多年的To C(面向消费者)业务和To B(面向企业)业务架构被拆分,重组为国内业务和全球化业务两大板块。阿里海外新兴业务的重要性显而易见,这部分业务的增速,远高于国内市场。全球化成为与内需、云计算并列的阿里三大战略之一。

随着国内市场战局已定,主流的互联网公司早已打起了出海的主意。现如今电商、游戏、娱乐社交产品、内容文创是出海的几大领域。电商领域,自2020年疫情以来,我国跨境电商呈现爆发式增长。天眼查显示,2021年我国有超60万家跨境电商相关企业。

在亚马逊“封号潮”在跨境电商圈持续引起震动后,TikTok就成了卖家们主要关注的另一个平台。在游戏出海中,据央视新闻,近年来,国产游戏出海已成为中国游戏产业重要的增长来源,数据显示,2021年中国自主研发游戏海外市场实际销售收入达180.13亿美元,比2020年增加了25.63亿美元,同比增长16.59%。

娱乐社交方向,以Bigo Live、Likee、Hago多款产品分别发力直播、短视频、游戏领域的欢聚集团,拥有MICO、Yumy等社交产品并在游戏领域布局的赤子城,以及主攻中东市场社交和游戏的Yalla,都已经在海外市场打开了局面。

TikTok的发展更是备受关注,9月,其月活用户量已经突破了10亿,有数据显示,其成为2021年全球访问量最大的互联网网站。出海往往面临着产品服务水土不服、政策管控等风险,但也挡不住互联网公司们出海找增量。时至今日,互联网选手们出海的阵地从东南亚、印度到中东、非洲、拉美,如今已经席卷全球。

3. 助农:助推乡村振兴

岁至年末,抖音“张同学”一夜蹿红。不到三个月涨粉1760万,平均每天涨粉超20万。随着张同学被关注,外界逐渐意识到,这个现象级网红引领的农村题材短视频成为焦点,离不开抖音对新农人的流量扶持。这被认为,既为寻找新的场景增量、向曾经的老对家快手的腹地深入,也抓住了乡村振兴的主旋律。

盯着农村市场的大有人在。电商平台早就讲起了助农故事。拼多多以农产品起家,从基因上就有扶农助农的优势;阿里淘特、京东京喜2021年也都将生鲜农产品的销售当作重点发力方向之一;社区团购的选手们更是没有放过“助农”,橙心优选、十荟团都在今年提出了助农计划。

不止如此,互联网企业们也从数字化升级的角度助农。乡村振兴,助农先行。这些互联网企业们如此看重助农,离不开国家对于乡村振兴的重视。2021年,中央一号文件正式提出全面推进乡村振兴,加快农业农村现代化,凸显了新发展阶段党中央对农村工作的高度重视。

农村市场潜力有多大?有关部门公布的数据显示,我国每年果蔬产量、消费量高达7亿吨,约占世界的40%。我国乡村消费品零售额增长连续8年快于城镇。一面是政策的扶持,另一面是农村市场的巨大潜力

“助农”既意味着乡村振兴,更意味着新的增长潜力。中国乡村振兴建设委员会副秘书长袁帅对深燃表示,互联网企业们的“农业梦”早已表露无疑,如今争先入局,是因为全球疫情影响下经济内循环是关键,只有盘活“三农”资源,才能实现对下沉市场的挖掘。

文章来源:人人都是产品经理   作者:深燃
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

2021-2022设计趋势报告:动态篇

涛涛

1. 动态在 UI/UX 扮演的角色

动态能激发用户的情绪,为静态的视觉设计注入活力与生命力。有趣、奇妙、吸引人的动态,能让你的产品展现与众不同的魅力。另一方面,动态有助于支持可用性,通过自然流畅的物理运动,突显元素在过渡时的关联性与状态变化,增强用户对产品功能的感知。

因此,动态设计必须是有意义的,同时兼具可用性与美感,UX 行业也将动态设计视为多学科的交集,细分成一个专业的设计门类。作为 UI 和 UX 设计中重要的组成部分,动态设计从三个层面发挥影响力:

提高连贯性(Increase Continuity)

让界面元素在用户流程中顺畅地转变与过渡,将用户操作导向期望的任务结果。

连接场景(Connect Scenes)

在转换场景的过程中扮演润滑剂的角色,阐明场景之间的位置、层级与空间的关系。

视觉吸引(Visually Appealing)

聚焦用户视线,将其注意力放在重要的事情上,从而起到信息传达、提升识别度的作用。

腾讯出品!2021-2022设计趋势报告:动态篇

2. 动态设计趋势

植基于 UI 和 UX 设计而发展的第三维度,动态设计的趋势自然与两者密不可分。综观近年,多数作品巧妙地运用绚丽的动态图像(Motion Graphics)与动效设计,让新的视觉手法得以表现更为出彩。再者,随着移动端芯片性能提升,跳脱二维平面的表现形式不再难以实现,让设计师能够解开束缚,发挥无限的想像空间。2021 年的动态设计可归纳为三个趋势:

增强表达(Enhance Expression)

运用引人注目的表现手法将信息传递给用户,包括变形、动态文字和背景动画。

创造层次(Create Hierarchy)

在视觉平面中创建空间层次结构,遮罩与视差是常用的表现手法。

扩展维度(Expand Dimensions)

突破二维限制,将界面元素多维化营造空间感,例如 3D 动态图形和摄像机运动。

腾讯出品!2021-2022设计趋势报告:动态篇

增强表达

1. 变形 Morphing

变形创造了一种连续的叙事状态,告知用户元素的状态或作用发生变化,是一种最引人注目的表现手法,能将形状、图像、色彩无缝地融合与过渡。

动画插图 Animated Illustrations

2021 年看到许多有趣、吸引人的插图,而更多的设计师开始为静态图像添加动态,也让 GIF 和动画插图越来越受欢迎。

动画插图看起来更生动,并带有叙事性质。在示例中,运用动画插图来呈现这杯果汁是由哪些水果打成,比起文字描述更能吸引观众的注意力。

腾讯出品!2021-2022设计趋势报告:动态篇

by Lobster

通过动画插图来呈现同一系列的转变,有利于延续外形上的特征,让不同的物体具有连结性。比如从桌子、衣柜到灯具的连续变化,同样风格的系列家具利用动画来体现一致性。

腾讯出品!2021-2022设计趋势报告:动态篇

by Graceful illustrations ™

流体动态 Liquid Motion

动态的有机形状,包括流体、烟雾和火焰等粒子效果,能够极大地增强视觉效果。流体动态并非明确的过渡与场景转换,而是颜色在流动的液体中扩散,进而创造出抽象或真实的视觉形状。这种风格能实现无缝过渡,并为设计增添有机感,也是 2021 年最引人注目的动画趋势之一。

运用流体动态来展现抽象的有机体,除了轻易地攫取受众目光,还让人不自觉地伫足在画面上,感受流体变化的韵律与美感。这类动态设计可作为烘托主题的背景动画,或是吸引目光焦点的主角。

腾讯出品!2021-2022设计趋势报告:动态篇

by ✞anton mishin✞

流体动态运用到网站设计所营造的视觉冲击力更为惊艳,能为用户带来独特、新鲜的视觉感受, 使得流体动态深受风格前卫的设计师喜爱。网站还能利用鼠标悬停与流体进行互动,因此会在许多特效网站见到流体动态的踪迹。

腾讯出品!2021-2022设计趋势报告:动态篇

by Gilles Tossoukpé

动态渐变 Dynamic Gradients

扁平化设计缺少现实质感的元素,搭配渐变色能有效缓解不足,为设计创造深度与层次。变化中的渐变色同时带有动感与舒缓,充满活力却又平静。使用动态渐变能让设计师展示一系列不断变化的情绪,许多内容创作者和品牌已经注意到这一点,开始在广告活动、识别设计和数字内容使用动态渐变。

腾讯出品!2021-2022设计趋势报告:动态篇

by Pixelz Studio

微交互 Micro Interactions

用户体验设计中微交互变得日益重要,而动态设计正是微交互的灵魂所在,即使只是微小的视觉提示或反馈,都是人机交互易于使用的关键。从经典案例来看,微交互的动画细节必须带有明确的目的性,让用户获得实时反馈,指导用户进行下一步。从近几年的设计趋势来看,微交互已成为不可或缺的存在。

腾讯出品!2021-2022设计趋势报告:动态篇

by Илья Бабушкин

腾讯出品!2021-2022设计趋势报告:动态篇

by Google

动画商标 Animated Logos

过去几年动画商标是最流行的动画趋势之一,通过各种视觉效果,设计师能创造出不同类型的动画商标,许多企业开始采用动画商标作为吸引注意力的手段。多数情况下,商标是进入网站时最先看到的东西,因此商标应该令人难忘、引人入胜,并使用符号或排版来揭示品牌个性。结合动画的优势,设计师可以运用一些动态或效果来讲述简短的故事以强调品牌特征,并为静态排版和商标注入一股活力。

腾讯出品!2021-2022设计趋势报告:动态篇

by Yulia K.

腾讯出品!2021-2022设计趋势报告:动态篇

by Meta

2. 动态文字 Kinetic Typography

动态文字是使用移动文本来吸引注意力的动画技术,许多卓越的品牌在网页设计中使用动态文字,为网站外观增添动感和视觉冲击力,是近年 UI 动画的趋势之一。

设计师使用动态文字为单词或句子添加生动的元素,借此定下情绪氛围与设计基调,吸引用户的注意力。几种常见的表现手法,挤压和拉伸一个词能会唤起一种俏皮感,而连续重复这个词则具有催眠感和前卫感。另外,使用大号和粗体字体来增强份量以强调某些信息,也是动态文字的特征之一。

无论在电商网站、电视广告或音乐视频,动态文字都占有举足轻重的地位,有利于加深用户对品牌的关注与印象。

腾讯出品!2021-2022设计趋势报告:动态篇

by HOLOGRAPHIK®

腾讯出品!2021-2022设计趋势报告:动态篇

by Hrvoje Grubisic

3. 背景动画 Background Animation

通过背景动画来强化叙事,成为许多行业常用的品牌传播手段。你可以创建动态的品牌故事,展示有趣的制造过程、产品的使用场景。背景动画深获大众喜爱,它能让用户在进入登录页或网站首页时,轻易地了解更多有关公司或产品的信息。调研显示,从银行、医疗保健公司、电商零售商、餐馆到 B2B 供应商,这些跨越不同细分市场和行业的网站都开始使用背景动画。

腾讯出品!2021-2022设计趋势报告:动态篇

by Carlo Soleri

腾讯出品!2021-2022设计趋势报告:动态篇

by Kirill Zhukovsky

创造层次

1. 遮罩 Masking

遮罩过渡是将几何或有机形状作为衔接下个场景的遮挡物,等同于舞台幕布设计,能在界面元素进场或退场时创造连续性效果。这种表现手法简洁高效,是最常见的过渡动画之一。

切换场景 Scene-Switching

其中一种遮罩过渡,是将当前场景完全置换,如同揭开蒙在上层的布,逐渐展露叠在下方的景,并利用景物相似性和动作延续性,让两个场景能够顺畅地衔接,不致于差异过大,造成用户心理负担。

腾讯出品!2021-2022设计趋势报告:动态篇

by intent

腾讯出品!2021-2022设计趋势报告:动态篇

by Minh Pham ✪

状态变换 State Transformation

另一种遮罩的表现形式,较无明显的场景过渡,而是利用遮罩来表现景物的状态变化,界面元素和布局基本保持一致,以此塑造无缝过渡的视觉效果,这种手法被广泛地使用,例如气候变化、人物换装、产品组合等。

腾讯出品!2021-2022设计趋势报告:动态篇

by Daniel Tan

腾讯出品!2021-2022设计趋势报告:动态篇

by Outcrowd

2. 视差 Parallax

视差是利用不同的界面元素以不同的速率移动,创造前后景深的分离效果,借此在平面中塑造空间层次,已成为网站首页最为普遍的表现形式。

视差之所以能形成一股风潮,广为各个行业所接受,一方面是信息层级更加清晰,明确定义各种元素的关系,让用户专注于主要操作和内容,将背景或非交互元素往后退,同时保持设计的完整性。另一方面是丰富的层次变化,当用户滚动或滑动时,能在扁平化界面拉开空间关系,利用不同的速率和纵深,塑造多层次的感官体验。

腾讯出品!2021-2022设计趋势报告:动态篇

by Studio VØR

腾讯出品!2021-2022设计趋势报告:动态篇

by Studio VØR

扩展维度

1. 3D 动态图形 3D Motion Graphics

近年来,结合 3D 动态图形的界面设计呈现爆炸式增长,虽然创建 3D 动画需要更多的时间、技巧与协作,但不可否认的,3D 动画比 2D 图形更加逼真,从而提供更具吸引力和互动性的用户体验,并有效地展示品牌的活力。

更生动的表情 Lively Emoji

动画的吸引力在于能够创建各种角色,并为无生命物体注入生命力,表情符号就是一个很好的例子。作为独特的网络语言,表情符号生动地描摹日常面对面交流的非言语信息,随着图形界面的设计趋势逐渐结合 2D 与 3D,运用 3D 动态图形来创造更加动感、拟人化的表情,能让这些非言语信息更加丰富,有机会引领下一波风潮。

腾讯出品!2021-2022设计趋势报告:动态篇

by Outcrowd

营造空间感 Spatial Awareness

3D 动态图形为平面设计建构了空间叙事框架,在扁平化界面中展现立体感,从而表达空间中元素的位置与层级关系。多维化的发展趋势,推动了视觉表达形式的演变,空间感让界面设计更符合人类的认知逻辑,运用各种 3D 运动特效,包括旋转、翻转、折叠、透视、Z 轴位移等,打造令人难忘的感官冲击。

腾讯出品!2021-2022设计趋势报告:动态篇

by UI8

腾讯出品!2021-2022设计趋势报告:动态篇

by Bruno Ortolland

拟人动画 Anthropomorphic Animations

拟人化能让物体、植物、动物等非人类事物,表现出人类属性的行为与状态。动画片运用拟人的手法是最普遍的,1927 年迪士尼第一部系列动画《幸运兔子奥斯华》的主角便是拟人的兔子形象。由于人们容易被以人类行事的事物所吸引,越来越多设计师在界面中添加拟人元素,利用这种效果让画面更加生动有趣,增强用户体验的愉悦感。

腾讯出品!2021-2022设计趋势报告:动态篇

by Gregory Riaguzov

2. 摄像机运动 Camera Movements

在动态设计中,摄像机运动是最自由、灵活的一种表现形式,能让画面过渡更有张力,突破 2D 平面在视角上的限制,创造一个无界线的立体空间。常见于影视、动画和广告的摄像机运动,包括推近、拉出、平移、跟拍等方式,备受动态设计师青睐,让用户以多变的视野探索数字产品。

推近/拉出 Dolly In/Dolly Out

推镜头是指被拍摄的对象不动,摄像机由远而近,朝着对象不断推进, 用来突出人或物的主体。镜头推近的运动方式,用来呈现从整体到局部、由分散到集中的变化,引领用户进入故事情景,给人一种身临其境的感受。

相反地,拉镜头则是将摄像机后退,使画面逐渐远离被摄主体,侧重的是从局部到整体、由点到面的转变,强调主体所处的空间环境。随镜拉出的景象,能激起人们无限的想像。

腾讯出品!2021-2022设计趋势报告:动态篇

by Michael Crawford

腾讯出品!2021-2022设计趋势报告:动态篇

by Ali Zafar Iqbal

水平/垂直移动 Truck/Pedestal

水平向左或向右,垂直向上或向下移动摄像机,使画面不断变化,让用户跟随镜头视角一起移动,产生一种置身其中的感觉。这种运镜方式,通常用于具体的场景,利用角色或景物的延续性来消除场景过渡时的边界,表现出一种流动感,无论是手势滑动或鼠标滚动都能有顺畅的操作体验。

腾讯出品!2021-2022设计趋势报告:动态篇

by Netguru

腾讯出品!2021-2022设计趋势报告:动态篇

by Minh Pham

结合多种运镜 Multiple Camera Movements

运用多种摄像机运动相当普遍,既能扩大视野,又有很强的空间感,可以更加自由与多样地展示不同视角和情景。比方说结合横摇(Pan)、直搖(Tilt)和跟随(Tracking)镜头,连续而详尽地展示一个产品,由于画面始终跟随一个主体,有利于突出产品特征,并让用户从不同的角度和距离观看产品,是一种增强临场感和参与感的有效方法。

腾讯出品!2021-2022设计趋势报告:动态篇

by Sang Nguyen

腾讯出品!2021-2022设计趋势报告:动态篇

by Paul Ilnitski

一镜到底 One Shot

在电影中为了不将观众的情感和注意力割裂,使用一个镜头来完成全片的场景刻画和叙事,这种拍摄手法被称作一镜到底或长镜头。连续镜头逐渐被运用到界面过渡,以此增强操作过程的流畅性,例如一气呵成的购物体验,或是贯穿全场的人物角色,其特点是给用户最沉浸的感官体验,无间断地体验整个流程。

腾讯出品!2021-2022设计趋势报告:动态篇

by Orizon: UI/UX Design Agency

腾讯出品!2021-2022设计趋势报告:动态篇

by Minh Pham ✪

结语

动态设计作为近年热门的创作形式,广泛应用到各个领域,逐渐成为设计的主流趋势。受益于技术演进与发展,从创意生产到落地实现,动态设计的门槛不再遥不可及。设计师得以将想法转化为生动、有趣的作品,并有机会创造新的表现手法,玩出许多新花样,成为 2021 年动态设计的特色。

本文归纳的设计趋势,有助于启发设计师对动态设计的想像,激发更多创作灵感,为静态界面赋予灵魂,打造令人难忘的视觉体验和品牌形象。



文章来源:优设 作者:腾讯ISUX
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




2021 出镜率最高的 7 种网页 UI 风格

涛涛

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

看完这一波网页 UI 类设计,再也不愁接下来该如何做设计创新了。

图与线叠加

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

这是今年出镜率比较多的一种设计风格,不管你是在 Dribbble 还是 Behance 上都能见到它的影子。这种风格设计最大特点:形式感、聚焦、简约而不简单。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

当然还可以是将线圈与文字叠加图片,有一种层叠纵深布局感受。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

又或者说图形只是作为装饰作用。

纯文字版式

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

纯文字版式在今年版式中出镜率也是相当之高,包括深圳设计周官网也几乎都是几个大字排版。其实我们仔细思考,将文字放大处理,有点图形化的意思。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

上图是典型的文字图形化,将文字转化成线性设计。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

图文混合

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

图文混合设计风格大胆、新颖,让人眼前一亮。这种版式布局一般会出现在设计工作室网站居多一些,追求形式感与观赏性。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

图文混合设计,不光只是图片与文字混合排版,还可以是图标与文字、粗字体与细字体之间的混合穿插。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

圆形版式

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

圆形设计趋势一直都存在,在网页设计中出镜率高也是毋庸置疑的事情。毕竟圆形本身自带超强亲和力、聚焦。设计用它可以解决很多枯燥的版式,让画面瞬间活了起来。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

还可以将文字处理成圆形,与圆形图相呼应。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

文字轮廓化

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

文字轮廓化版式今年出镜率尤其之高,将文字轮廓化设计处理,减轻了文字的视觉重量感,更像是将文字线条化设计处理。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

文字轮廓化设计还可以用在背景,作为设计装饰效果。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

玻璃质感

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

玻璃质感设计趋势,也是今年最火的设计风格之一。那么它在网页出镜率也是在下半年开始逐渐多了起来,也许是设计师发现这种质感细腻与折射光透露出的细节之美。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

使用线条

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

线无疑是图形里面运用较多的,今年发现很多网页中都加了线条作为版式装饰,或者就是纯线条版式设计,让人眼前一亮,原来还可以这样玩。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

线条在这里作用明显,除了美学设计装饰之外,它还用作信息层级区分。

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格























































































































































































































































灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格


灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格

灵感不愁了!2021 出镜率最高的 7 种网页 UI 风格








文章来源:站酷 作者:功夫UX
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




2021-2022设计趋势报告·动态篇

涛涛

动态设计有助于创建令人愉悦且直观的用户界面。好的动态设计,不仅能引导用户对数字产品的体验,还可传达有关产品的品牌信息

动态设计(Motion Design)有助于创建令人愉悦且直观的用户界面。好的动态设计,不仅能引导用户对数字产品的体验,还可传达有关产品的品牌信息。本文将介绍近来最流行的动态设计趋势,这些令人惊艳的动效表现手法,在不久的将来势必席卷所有人的目光。


1.1 动态在UI/UX扮演的角色


动态能激发用户的情绪,为静态的视觉设计注入活力与生命力。有趣、奇妙、吸引人的动态,能让你的产品展现与众不同的魅力。另一方面,动态有助于支持可用性,通过自然流畅的物理运动,突显元素在过渡时的关联性与状态变化,增强用户对产品功能的感知。

因此,动态设计必须是有意义的,同时兼具可用性与美感,UX行业也将动态设计视为多学科的交集,细分成一个专业的设计门类。作为UI和UX设计中重要的组成部分,动态设计从三个层面发挥影响力:

1. 提高连贯性(Increase Continuity)


让界面元素在用户流程中顺畅地转变与过渡,将用户操作导向期望的任务结果。



2. 连接场景(Connect Scenes)


在转换场景的过程中扮演润滑剂的角色,阐明场景之间的位置、层级与空间的关系。



3. 视觉吸引(Visually Appealing)


聚焦用户视线,将其注意力放在重要的事情上,从而起到信息传达、提升识别度的作用。


1.2 动态设计趋势


植基于UI和UX设计而发展的第三维度,动态设计的趋势自然与两者密不可分。综观近年,多数作品巧妙地运用绚丽的动态图像(Motion Graphics)与动效设计,让新的视觉手法得以表现更为出彩。再者,随着移动端芯片性能提升,跳脱二维平面的表现形式不再难以实现,让设计师能够解开束缚,发挥无限的想像空间。2021年的动态设计可归纳为三个趋势:

1. 增强表达(Enhance Expression)


运用引人注目的表现手法将信息传递给用户,包括变形、动态文字和背景动画。



2. 创造层次(Create Hierarchy)


在视觉平面中创建空间层次结构,遮罩与视差是常用的表现手法。



3. 扩展维度(Expand Dimensions)


突破二维限制,将界面元素多维化营造空间感,例如3D动态图形和摄像机运动。


2.1 变形 Morphing


变形创造了一种连续的叙事状态,告知用户元素的状态或作用发生变化,是一种最引人注目的表现手法,能将形状、图像、色彩无缝地融合与过渡。

| 动画插图 Animated Illustrations


2021年看到许多有趣、吸引人的插图,而更多的设计师开始为静态图像添加动态,也让GIF和动画插图越来越受欢迎。



动画插图看起来更生动,并带有叙事性质。在示例中,运用动画插图来呈现这杯果汁是由哪些水果打成,比起文字描述更能吸引观众的注意力。


by Lobster



通过动画插图来呈现同一系列的转变,有利于延续外形上的特徵,让不同的物体具有连结性。比如从桌子、衣柜到灯具的连续变化,同样风格的系列家具利用动画来体现一致性。


by Graceful illustrations ™



| 流体动态 Liquid Motion


动态的有机形状,包括流体、烟雾和火焰等粒子效果,能够极大地增强视觉效果。流体动态并非明确的过渡与场景转换,而是颜色在流动的液体中扩散,进而创造出抽象或真实的视觉形状。这种风格能实现无缝过渡,并为设计增添有机感,也是2021年最引人注目的动画趋势之一。



运用流体动态来展现抽象的有机体,除了轻易地攫取受众目光,还让人不自觉地伫足在画面上,感受流体变化的韵律与美感。这类动态设计可作为烘托主题的背景动画,或是吸引目光焦点的主角。


by ✞anton mishin✞



流体动态运用到网站设计所营造的视觉冲击力更为惊艳,能为用户带来独特、新鲜的视觉感受, 使得流体动态深受风格前卫的设计师喜爱。网站还能利用鼠标悬停与流体进行互动,因此会在许多特效网站见到流体动态的踪迹。


by Gilles Tossoukpé



| 动态渐变 Dynamic Gradients


扁平化设计缺少现实质感的元素,搭配渐变色能有效缓解不足,为设计创造深度与层次。变化中的渐变色同时带有动感与舒缓,充满活力却又平静。使用动态渐变能让设计师展示一系列不断变化的情绪,许多内容创作者和品牌已经注意到这一点,开始在广告活动、识别设计和数字内容使用动态渐变。

by Pixelz Studio



| 微交互 Micro Interactions


在用户体验设计中微交互变得日益重要,而动态设计正是微交互的灵魂所在,即使只是微小的视觉提示或反馈,都是人机交互易于使用的关键。从经典案例来看,微交互的动画细节必须带有明确的目的性,让用户获得实时反馈,指导用户进行下一步。从近几年的设计趋势来看,微交互已成为不可或缺的存在。

by Илья Бабушкин


by Google



| 动画商标 Animated Logos


过去几年动画商标是最流行的动画趋势之一,通过各种视觉效果,设计师能创造出不同类型的动画商标,许多企业开始采用动画商标作为吸引注意力的手段。多数情况下,商标是进入网站时最先看到的东西,因此商标应该令人难忘、引人入胜,并使用符号或排版来揭示品牌个性。结合动画的优势,设计师可以运用一些动态或效果来讲述简短的故事以强调品牌特征,并为静态排版和商标注入一股活力。

by Yulia K.


by Meta



2.2 动态文字 Kinetic Typography


动态文字是使用移动文本来吸引注意力的动画技术,许多卓越的品牌在网页设计中使用动态文字,为网站外观增添动感和视觉冲击力,是近年UI动画的趋势之一。



设计师使用动态文字为单词或句子添加生动的元素,借此定下情绪氛围与设计基调,吸引用户的注意力。几种常见的表现手法,挤压和拉伸一个词能会唤起一种俏皮感,而连续重复这个词则具有催眠感和前卫感。另外,使用大号和粗体字体来增强份量以强调某些信息,也是动态文字的特徵之一。

无论在电商网站、电视广告或音乐视频,动态文字都占有举足轻重的地位,有利于加深用户对品牌的关注与印象。


by HOLOGRAPHIK®


by Hrvoje Grubisic



2.3 背景动画 Background Animation


通过背景动画来强化叙事,成为许多行业常用的品牌传播手段。你可以创建动态的品牌故事,展示有趣的制造过程、产品的使用场景。背景动画深获大众喜爱,它能让用户在进入登录页或网站首页时,轻易地了解更多有关公司或产品的信息。调研显示,从银行、医疗保健公司、电商零售商、餐馆到B2B供应商,这些跨越不同细分市场和行业的网站都开始使用背景动画。

by Carlo Soleri


by Kirill Zhukovsky



3.1 遮罩 Masking

遮罩过渡是将几何或有机形状作为衔接下个场景的遮挡物,等同于舞台幕布设计,能在界面元素进场或退场时创造连续性效果。这种表现手法简洁高效,是最常见的过渡动画之一。



| 切换场景 Scene-Switching


其中一种遮罩过渡,是将当前场景完全置换,如同揭开蒙在上层的布,逐渐展露叠在下方的景,并利用景物相似性和动作延续性,让两个场景能够顺畅地衔接,不致于差异过大,造成用户心理负担。

by intent


by Minh Pham ✪



| 状态变换 State Transformation


另一种遮罩的表现形式,较无明显的场景过渡,而是利用遮罩来表现景物的状态变化,界面元素和布局基本保持一致,以此塑造无缝过渡的视觉效果,这种手法被广泛地使用,例如气候变化、人物换装、产品组合等。

by Daniel Tan


by Outcrowd



3.2 视差 Parallax


视差是利用不同的界面元素以不同的速率移动,创造前后景深的分离效果,借此在平面中塑造空间层次,已成为网站首页最为普遍的表现形式。



视差之所以能形成一股风潮,广为各个行业所接受,一方面是信息层级更加清晰,明确定义各种元素的关系,让用户专注于主要操作和内容,将背景或非交互元素往后退,同时保持设计的完整性。另一方面是丰富的层次变化,当用户滚动或滑动时,能在扁平化界面拉开空间关系,利用不同的速率和纵深,塑造多层次的感官体验。


by Studio VØR



4.1 3D动态图形 3D Motion Graphics

近年来,结合3D动态图形的界面设计呈现爆炸式增长,虽然创建3D动画需要更多的时间、技巧与协作,但不可否认的,3D动画比2D图形更加逼真,从而提供更具吸引力和互



动性的用户体验,并有效地展示品牌的活力。

| 更生动的表情 Lively Emoji


动画的吸引力在于能够创建各种角色,并为无生命物体注入生命力,表情符号就是一个很好的例子。作为独特的网络语言,表情符号生动地描摹日常面对面交流的非言语信息,随着图形界面的设计趋势逐渐结合2D与3D,运用3D动态图形来创造更加动感、拟人化的表情,能让这些非言语信息更加丰富,有机会引领下一波风潮。

by Outcrowd



| 营造空间感 Spatial Awareness


3D动态图形为平面设计建构了空间叙事框架,在扁平化界面中展现立体感,从而表达空间中元素的位置与层级关系。多维化的发展趋势,推动了视觉表达形式的演变,空间感让界面设计更符合人类的认知逻辑,运用各种3D运动特效,包括旋转、翻转、折叠、透视、Z轴位移等,打造令人难忘的感官冲击。

by UI8


by Bruno Ortolland



| 拟人动画 Anthropomorphic Animations


拟人化能让物体、植物、动物等非人类事物,表现出人类属性的行为与状态。动画片运用拟人的手法是最普遍的,1927年迪士尼第一部系列动画《幸运兔子奥斯华》的主角便是拟人的兔子形象。由于人们容易被以人类行事的事物所吸引,越来越多设计师在界面中添加拟人元素,利用这种效果让画面更加生动有趣,增强用户体验的愉悦感。

by Gregory Riaguzov



4.2 摄像机运动 Camera Movements


在动态设计中,摄像机运动是最自由、灵活的一种表现形式,能让画面过渡更有张力,突破2D平面在视角上的限制,创造一个无界线的立体空间。常见于影视、动画和广告的摄像机运动,包括推近、拉出、平移、跟拍等方式,备受动态设计师青睐,让用户以多变的视野探索数字产品。



| 推近/拉出 Dolly In/Dolly Out


推镜头是指被拍摄的对象不动,摄像机由远而近,朝着对象不断推进, 用来突出人或物的主体。镜头推近的运动方式,用来呈现从整体到局部、由分散到集中的变化,引领用户进入故事情景,给人一种身临其境的感受。



相反地,拉镜头则是将摄像机后退,使画面逐渐远离被摄主体,侧重的是从局部到整体、由点到面的转变,强调主体所处的空间环境。随镜拉出的景象,能激起人们无限的想像。


by Michael Crawford


by Ali Zafar Iqbal



| 水平/垂直移动 Truck/Pedestal


水平向左或向右,垂直向上或向下移动摄像机,使画面不断变化,让用户跟随镜头视角一起移动,产生一种置身其中的感觉。这种运镜方式,通常用于具体的场景,利用角色或景物的延续性来消除场景过渡时的边界,表现出一种流动感,无论是手势滑动或鼠标滚动都能有顺畅的操作体验。

by Netguru


by Minh Pham



| 结合多种运镜 Multiple Camera Movements


运用多种摄像机运动相当普遍,既能扩大视野,又有很强的空间感,可以更加自由与多样地展示不同视角和情景。比方说结合横摇(Pan)、直搖(Tilt)和跟随(Tracking)镜头,连续而详尽地展示一个产品,由于画面始终跟随一个主体,有利于突出产品特徵,并让用户从不同的角度和距离观看产品,是一种增强临场感和参与感的有效方法。

by Gregory Riaguzov


by Paul Ilnitski



| 一镜到底 One Shot


在电影中为了不将观众的情感和注意力割裂,使用一个镜头来完成全片的场景刻画和叙事,这种拍摄手法被称作一镜到底或长镜头。连续镜头逐渐被运用到界面过渡,以此增强操作过程的流畅性,例如一气呵成的购物体验,或是贯穿全场的人物角色,其特点是给用户最沉浸的感官体验,无间断地体验整个流程。

by Orizon: UI/UX Design Agency


by Minh Pham ✪


动态设计作为近年热门的创作形式,广泛应用到各个领域,逐渐成为设计的主流趋势。受益于技术演进与发展,从创意生产到落地实现,动态设计的门槛不再遥不可及。设计师得以将想法转化为生动、有趣的作品,并有机会创造新的表现手法,玩出许多新花样,成为2021年动态设计的特色。



文章来源:站酷 作者:大魔V

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


2022年网页和UI设计趋势

涛涛


设计趋势可以塑造一切,从设计师的创作方式到用户界面设计,再从网站到包装设计的未来迭代方向。因此关注现在的流行趋势很重要,这样您的设计就不会很快过时。


让我们深入探讨2022年的一些顶级网页设计趋势。我们将着眼于 2021 年末开始出现的趋势,这些趋势将为来年即将流行的设计趋势奠定基础。


阅读更多以前的趋势文章:2021 年网页设计趋势


目录:

有趣、积极乐观的设计

黑白配色方案

大胆和实验性排版布局

超大鼠标指针

三维设计元素的应用

近乎野蛮

滚动文本元素

玻璃拟物风格

更多渐变

无图片主页

图层效果

分屏美学

交互式字体

巨型页脚

包容性设计

非凡的想象力

结论

有趣、积极乐观的设计

时髦的形状、颜色,甚至面孔可以带来很多的乐趣。设计师们正在使用这一网页设计趋势,应用到公司机构、电商或个人展示类网站内容,提供趣味、乐观的设计(如上面的示例),这些设计的共同点是它们为世界注入了一点额外的快乐。


没有什么比笑脸更能表达乐观了。恰当的配图是描绘这种氛围和利用这一趋势最简单方法。注意拍摄技巧和被拍对象的整体形象,寻找与内容契合角度,例如上面来自 LegalSuper 的示例。


在经历了全球肺炎大流行的几年之后,设计师们正在为设计的项目增添一些额外的乐趣和温度。这就是我们现在都需要的感觉。


趣味和乐观的情绪被注入以面孔为载体的配图上、较细的字体、有趣的搭配,以及散发出积极情绪的颜色。为了充分利用这一趋势,请考虑较细的元素并避免选择使用较粗的字体或厚重的配色。

FOFSO用鲜艳的衣服、模特紧张但带着快乐的面孔紧盯镜头来做到这一点。


黑白配色方案

黑白配色方案是今年最鲜明的设计趋势。不使用彩色,你真的必须在限制范围内思考和设计。虽然这听起来有点吓人,但它可以释放并激发你的创造力。结果绝对是惊人的。


从另外一个角度来说,黑白配色的设计几乎无处不在。这种对比鲜明审美表明有很多设计师会关注简单和直接。

使黑白配色方案既清新又现代的关键在于应用恰当的效果和表现技巧。


在上面的例子中,悬停时有一个微妙的、流动的动画以及超大的鼠标反色指针来增强交互性。


大胆和实验性排版布局

在2022年,没有错误的字体排版方式。大、黑、粗——甚至是衬线字体——无处不在。他们看起来棒极了。在使用这种网站设计趋势时,请考虑文字将如何动态响应(在手机屏幕上一切看起来都将不同)以及如何最大限度地对访问者产生影响。许多实验性字体不仅设计有天赋,还包括动画或 flex(CSS响应字体布局) 选项等元素。


从轮廓到彩色字体,再到不断变化的形状和填充,大胆和实验性字体应用在网站设计中占据主导地位。谈到今天的网络排版,真的没有规则,设计师们在打破束缚重建一切可能。


Garcia Salmeron在主页的设计上使用了多种字体效果来体现这一趋势:混合和匹配主标题中的字符、带有实验性的字体选择以及带有图像和背景的彩色填充层。


超大鼠标指针

这是一种新的设计趋势,点击上图链接,您会看到许多超大光标的应用示例,在参与设计过程中,在网站前端交互完成之前根本看不到超大指针或鼠标悬停的实际效果,这属于页面交互效果的一种。


这个用户交互界面的应用无处不在。最常见的例子和用法是 Jade Sheng 的例子,它的圆形指针在屏幕上移动,甚至可以在穿过可点击元素时改变颜色。


这种 UI 设计趋势的伟大之处在于,它为网站访问者提供了有价值的可用性信息,并帮助他们更好地参与改进设计,提升用户体验。


三维设计元素的应用

虽然在2020和2021年有很多设计师为网站进行全面的3D化设计,但新兴趋势是将扁平的元素通过3D控制与整体有美感结合起来。


具有3D风格的元素属性包括用于创建深度和维度的阴影、动画以及拉伸和变形等图层效果。

Sennep 在上面的例子中使用一个手指插图引导用户发现来做到这一点,伸出手指扶正标题。插图使用手部动作配合阴影来完成这种好玩的设计。


Skolkovo Park


是时候思考在3D三维界面中完成所有事情了。从真实的网络模型到具有深度的视频或照片插图,三维元素有助于为设计提供更好更直观的理解,例如上面的建筑渲染,或者增强视觉刺激兴趣点。


Zoox


三维设计也延伸到视觉叙事。考虑如何以突出景深和阴影的方式讲好您的故事或产品展示。例如上面的示例使用视频,是有效传达这种风格的最可靠和最真实的方式之一。


近乎野蛮

野蛮主义是最近比较瞩目的网站设计趋势,但它对于大多数项目来说过于苛刻和尖锐。于是进入这一趋势的最新迭代——“近乎野蛮” 的出现也就不足为奇了。


这些设计沿用了许多相同的鲜明效果,但边缘处理更柔软。即使有一些明显的边界和线条,元素之间也有足够的空间,而不是锐利的硬边缘。


没有太多的装饰或其他视觉效果,留下颜色和文字来真正承载这些。其结果更引人注目,不至于太苛刻把用户拒之门外,是野蛮主义和可用性的结合体。


滚动文本元素

虽然我们总是希望文本元素可读,但它们也可以是动态的。滚动文本元素——通常使用超大字体,只有几个字,在同一个位置循环出现——可以强调关键词并激发用户的兴趣。


文本滚动通常往屏幕左侧位置缓慢移动。空心描边字体是一种流行的选择,保持可读性的关键是使用简短的常用词或短语。


引导用户关键行为召唤用语和其他消息应与滚动文本分开,以确保网站访问者可以轻松阅读它们。


Peppa Sauce


滚动文本选项不仅仅是网站设计趋势或技巧,它们实际上可以帮助鼓励用户互动增加参与度。在上面来自 Mama Joyce Peppa Sauce 的示例中,超大鼠标光标内包含滚动文本,该文本显示的是更大的滚动文本。(您甚至可能想重复观看这个互动内容。)


玻璃拟物风格

玻璃拟态风格(Glassmorphism)的最初始于2020年末和 2021 年初的新拟态风格(Neumorphism),并演变进化成现在流行的玻璃拟物效果。


Glassmorphism设计外观让人联想到玻璃。有透明、折射或光泽等元素构成。

很多设计师在追波(Dirbbble) 上展示使用这种设计风格的作品,也可以在大量已发布的网站设计中找到这种设计方法的设计。


更多渐变

渐变的应用一直很广泛。在2021年之前的设计中的大部分渐变都出现在背景中。

2022年,渐变将会增加两种新的形式:

l  文本颜色渐变填充(如上面的例子)来增加影响和突出强调

l  填充矢量插图或图标以创建渐变纹理效果


无图片主页

没照片?没问题!无需图像也可设计,让我们在2022年紧跟潮流吧。


使用不同类型的UI或设计技巧,来充分美化没有图像的主页。在此处的示例中,Kirifuda 使用了漂亮的黑白配色方案,在文本元素之间增加叠印效果。超大字体和手写风格的字体有助于将它们整合在一起。(请注意将其他设计趋势与这一趋势相结合以获得出色的效果。)


没有图片的设计也是尝试其他技术的好机会,例如动画、鼠标指针悬停状态或其他交互元素。



主页上没有图像的设计通常会导致美感缺失。但这完全没问题。使用另一种设计方法来激发用户兴趣吧,例如使用有趣的大文本字体元素。


图层叠加效果

图层堆叠、元素间距和图形重叠可以在设计元素中产生景深错位效果,彼此之间建立连接。分层效果展示明显又直接,也可以简单一点。这两个选项可以一起使用或单独使用以产生整体影响。


State Creative 使用多个图层——背景、中景、前景——以视觉上有趣且有意义的方式将各种元素组合在一起。


分屏美学

分屏美学重新流行。几年前的趋势是出于可用性和响应性的原因,现在它更像是一种细分设计。

这些视觉效果可以包括水平或垂直分割的屏幕,每一侧具有相同或不同的功能或点击动作。

最好的分屏设计可以同时做两件事:

l  提供了强烈的视觉冲剂体验

l  他们使用多个入口点来深入挖掘内容


交互式字体

可变粗细的交互字体在大多数情况下,这种效果需要使用悬停状态才有效,尽管您可以尝试其他一些更复杂的效果。(带有流体字体动画也越来越受欢迎。)


在考虑交互式文本元素时,请优先考虑内容的可读性和易于理解性。文本的效果仅在其中的文字可读和可理解时才有效。(否则设计的意义就会丢失。)


当设计展示相对简单时,这种设计才最有效。这个技巧在单独使用时是最好的。


巨型页脚

谁能想到网站页脚——尤其是那些包含大量信息的页脚——会成为流行的网站设计元素?


对于包含大量信息、大量页面或多个节点入口的网站,超级页脚是 2022 年必备的设计元素之一。

世界自然基金会有一个双层页脚:

l  在粗黑条中,有三列菜单选项,便于导航,按用户可能想要在站点上执行的操作(发现、支持、联系)分组

l  黑条中还有一个完整的注册表单,用于了解订阅有关该组织的更多信息

在底部较细的白色页脚栏中是组织信息、社交媒体链接、非营利免责声明、版权声明和服务条款链接(隐私政策、披露信息和相关条款)


当存在明显具有不同目的的元素分组时,超级页脚效果很好。带有标题的列格式以及水平底部锚点帮助, Wild Souls的这个页脚看起来很棒。

巨型页脚甚至可以呈现出“近乎野蛮”的风格。诀窍是使用元素来创建独特的组织感,以便用户知道如何轻松找到他们正在寻找的信息。

包容性设计

设计师正在努力打造一个更具包容性的网络,它几乎体现在所有已发布的内容中。从图像到语言再到替代文本,没有理由不尝试让您的项目更加包容所有人。


包容性延伸到种族、性别中立、文化、可及性和能力上。共同的主题是您的网站应该以这样的方式组合在一起,以便任何想要访问内容的人都可以访问到内容,并且人们也可以在屏幕上看到他们可以与之相关的其他人。


这里的要点是,你不需要用大喊“我们具有包容性”的图像和语言。这是展示比讲述更重要,真实比蛮力更重要的设计。


非凡的想象力

真实和想象之间的界线从哪里开始?当您查看大量网站时,可能无法100%确定。没关系。


享受这种想象力带来的乐趣,融合真实和想象,创造出非凡的图像。你的想象力是这里唯一的限制。


在 K Plus Film 的示例中,人物位于屏幕周围飞舞的水果顶部。颜色和比例创造了一种引人入胜的视觉效果,这真是太棒了。

文章来源:站酷 作者:mrdoing 

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



Windows 11全新设计语言如何引领设计新趋势 ?

鹤鹤

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

印象中,Windows 就一直伴随着我们的成长,它有着 35 年的丰富历史并不断带给我们新的体验,它的存在充分展现了计算机如何丰富我们的生活习惯:用 Word 写下第一篇文章,用 Paint 画出第一幅画,或者用电脑写出第一行代码。

设计下一代 Windows 需要我们理解过去,但更重要的是对当前和新兴人类需求的深切共情,以及对技术如何更好落地的理解。当我们开始 Windows 11 的设计之旅时,我们研究了过去 18 个月世界是如何变化的,包括疫情大流行暴露出未被满足的需求和新的行为方式。更重要的是,我们与人们谈论他们的梦想和抱负,这样我们就可以了解什么驱动着他们,以及他们需要从他们的技术中获得什么来实现他们的目标。Windows 11 的设计专注于对人的关注,计算机如何赋予他们力量,以及用户到底喜欢什么。

创造大量的爱需要大量与人的沟通,我们喜欢这种沟通,因为以人为本是我们设计理念的核心。在 85 个以上的专题研究和数万轮测试中,我们与所有人进行了交谈,从喜欢我们产品的忠实粉丝,到希望 Windows 更容易和更平易近人的新用户。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Windows 10 之前使用 Metro 设计语言,Windows 11 使用 Fluent 设计语言

(彩云注,可能有的朋友分不清这 2 个设计语言,彩云专门研究了一些资料,也跟大家一起分享下:

Metro UI 是一种界面展示技术,和苹果的 iOS、谷歌的 Android 界面语言最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素在功能上的作用主要是提示用户信息的存在。同时在视觉效果方面,这有助于形成沉浸感。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Fluent Design System(以下简称 FDS)主要包括五大核心元素:Light(光感)、Depth(深度)、Motion(动画)、Material(材质)和 Scale(缩放)。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

Fluent UI 设计语言的核心就是在美观的前提下,应用的使用更加自然和流畅。在体验上用户会获得全新的过渡动画、视觉效果、半透明和模糊等等。毛玻璃效果重新成为趋势就是微软通过这套设计全新语言一手带起来。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

这是 Windows 有史以来最受人期待的发布之一,这得益于基于研究过程中得出的一个关键设计指导原则:平静的技术让我们的生活真正变得更好。在今天的世界中,平静是非常需要的,它往往取决于我们掌控、放松和信任的能力。Windows 11 通过让人感受到熟悉的基本体验,软化了以前冰冷的 UI,并增加了情感联系,最终促进了这一点。这些改进让你更接近你最爱的东西:家庭、朋友、激情、娱乐和创作。Windows 11 是将所有东西结合在一起的地方,对它的需求从未像现在这样强烈。

就像它对所有东西造成的影响一样,疫情也影响了 Windows 11。虽然移动设备的崛起让 PC 从聚光灯下淡出,但去年它又重新回到了舞台中心。在个人与专业相结合的新型虚拟模式中,PC 的强大功能和灵活性使我们能够在家中的各个角落工作。它始终是一个值得信赖的工具和伙伴,跨越工作、家庭和学校,静静地等待我们的辉煌时刻。

过去的一年充分展示了人类的智慧。在一片混乱中,我们看到人们实时学习如何在混合环境中工作,帮助孩子学习,并找到新的连接和娱乐方式。我们在 Windows 11 的设计上不断迭代,努力创造一种深受大家喜爱的体验,让我们更容易专注于对我们每个人来说最重要的东西。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

情绪板捕捉各种新的图标、主题、UI 和插图。

以用户为中心

微软的 Windows 设计团队是由创造性的实用主义驱动的。为超过 10 亿人设计需要同理心。它依赖于将人类的需求内化,以建立一个包容所有人的解决方案,同时仍能传递独立的个性。随着 Windows 跃入下一个时代,它的演变故事再次被讲述,通过以人为本的产品设计,以及打造最具包容性和个性化的操作系统的承诺愈加坚定。

以“开始”菜单为例:Windows 体验的基础被移到了核心位置。在听到人们在使用“开始”时希望提高效率、减少噪音后,我们设计了一种更干净、更简单的体验,通过优先排序人们喜欢的应用和他们需要的文件,将用户置于中心位置。它还适配现代设备的尺寸因素,使所有屏幕尺寸的访问更容易,从 Surface Go 到超宽显示器都能获得一致的体验。

在微软,这些设计决策不是轻易做出的。团队痴迷于每个像素,我们更新了“开始”Logo,以配合我们新的视觉语言和动画,为互动增加乐趣和信心。我们也有意地选择了壁纸,开机画面,并调整了新的中心对齐,使用户的体验更加平衡和集中。我们希望你进入 Windows 11 的旅程从一开始就真正处于中心。(彩云注:大厂的设计团队做项目更看重整体品牌感知,各个元素间都要能形成一致的设计语言。这里连居中对齐都可以跟设计理念联系上,值得学习的思路。)

我们对让技术更人性化的关注也反映在“开箱即用”体验上,这个体验曾经的欢迎词是你“进来”,但现在是欢迎你“回来”。我们知道不是每个人都是新用户,我们渴望通过我们的设计来尊重我们与长期忠实客户的关系。你也可以在安装过程中给你的电脑起一个名字,这样 Windows 就会给你一种独特的感觉,比系统设置中使用的随机名字更人性化。Windows 是你们的,我们设计它是为了庆祝你们的生活和工作方式。(彩云注:在文案上也是精雕细琢,也是为了紧贴他们的设计理念)

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

新的 Windows 11 主题提供了个性化和自我表达的不同主题选择

一旦你开始正常使用,Windows 11 就会记住你是谁,以及你在日常生活中需要什么。一键交互将带你从一个任务到另一个任务,而不会中断你的工作流程。在过去的一年里,工作和生活的界限被重新定义了。在新版本的 Windows 中,组织活动的能力是我们密切关注的东西,确保无论环境如何变化,你都能保持专注和心流状态。窗口和截图功能已经被重新设计,以记住你的喜好,所以当你离开工作流去查看新闻的时候(新的窗口部件故意设计来尊重你的工作流程),系统会记住你是如何组织你的空间的。我们创造了一个数字版的办公桌,它就像依偎在你家里的办公桌,让你能够实现一些伟大的事情,同时又能感受到与生活的紧密相连。

这些变化通过一种优美的新设计语言来实现,使 Windows 在体验上比以往任何时候都更加连贯。听到人们对更加柔和、友好和优美 UI 的渴望,我们进化了视觉和听觉表达。我们圆滑了尖锐的棱角,并创建了一个温暖的调色板,以构建一个更人性化、更平易近人的语言,同时不会妨碍你的工作效率。

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

一些新的 Fluent 图标,UI 和插图内容的选择,以及我们的 Segoe UI 变量字体的示意

不仅仅是一个操作系统

如何为超过 10 亿有着不同和独特需求的人开发产品?倾听、迭代、适配。通过用户的洞察,我们通过软化边缘、减少杂乱和一致性设计,使 Windows 11 更加人性化和受欢迎。这些变化还通过新材质、字体、新调色板、新壁纸和主题包来提升自我表达,以兼顾广泛的品味。

在 Windows 11 中,我们看到了一种从单纯的功能性技术向情感、人性和个性化技术的转变。Windows 不仅仅是一个操作系统,它是编织在我们生活中的一块织物,让我们更接近我们所爱的一切,帮助我们创造和连接。

如文章开头所说,彩云为大家搜集到了 Windows 11 最新设计语言 Fluent UI 的设计组件,供大家参考学习,

Windows 11全新设计语言如何引领设计新趋势 ?(附源文件下载)

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设  作者:彩云译设计

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


高级美!8个激动人心的2022年视觉设计趋势

鹤鹤

2021 年已经九月份了,毫不例外,今年也给大家准备了明年的八个视觉设计趋势,这些将在 2022 年出镜率继续升高。设计趋势一直都处于不断变化与轮回之中,设计风格技法也跟随时代潮流在不断变化。

“趋势不一定每年都全新,但是趋势每年都很重要”,与大家共勉。下面,我们一起来看看明年视觉设计大方向,到底有多精彩。 style="font-size:16px;white1;margin-top:0px;margin-bottom:30px;padding:0px;width1;caret-color:#525252;color:#525252;font-family:"letter10000000149011612px;"> 高级美!8个激动人心的2022年视觉设计趋势

幻彩立体也是 3D 设计的演化,在 2022 年它会依然会疯狂的出现。不过风格上有些微妙的变化,质感更轻盈纯粹、色彩更少量、图形上更几何块面化,保持更真实的空间立体感受,直观自然。

高级美!8个激动人心的2022年视觉设计趋势

我们可以从 Dribbble 上面看到像 UI8、craftwork、Is 等,他们的 3D 作品逐渐趋近走向更简洁风格调性,减少复杂的光影,这也是在扁平化中找到的思路。

高级美!8个激动人心的2022年视觉设计趋势

几何分形

高级美!8个激动人心的2022年视觉设计趋势

美国电视频道 Turner Classic Movies

今年发现越来越多几何形状在平面作品或者 UI 中出现,新的几何图形更具表意,更趋于表达真实情感。少了一些图形的抽象化装饰,更多的是传达设计理念,品牌符号穿透。当分形形状与色彩完美结合,可以创建出极具吸引力的视觉效果。

高级美!8个激动人心的2022年视觉设计趋势

Goodfood Market

高级美!8个激动人心的2022年视觉设计趋势

高级美!8个激动人心的2022年视觉设计趋势

高级美!8个激动人心的2022年视觉设计趋势

HANBOK CULTURE WEEK

高级美!8个激动人心的2022年视觉设计趋势

unipapa 推出的卫生纸,以简洁纯白的包装令人眼前一亮。

NFT 艺术

高级美!8个激动人心的2022年视觉设计趋势

Gucci 发布首款只能在数字环境中穿着的虚拟运动鞋

AR 和 VR 这个大家都知道,前几年就火起来了。今天主要提一下今年备受关注的 NFT 艺术,什么 NFT?其中文名称是非同质化代币,一种应用区块链技术验证的数字资产。它最容易理解的外号,是数字艺术品。

高级美!8个激动人心的2022年视觉设计趋势

Andrés Reisinger 在 2 月份售出支持 NFT 家具

将 NFT 与平面设计联系起来,就是我们所说的数字平面艺术。它的到来对设计师影响有很大变化,横向能力要求有所提高,比如了解虚拟数字化设计,以及对全新审美和新三维技术有更高的要求。

高级美!8个激动人心的2022年视觉设计趋势

Beeple 一幅拼贴画,经过区块链验证的艺术品在拍卖会上以超过 6900 万美元的价格成交。

高级美!8个激动人心的2022年视觉设计趋势

Beeple 的其中一幅作品

Moooi 与 3D 艺术家 Andrés Reisinger 合作完成了这把不能生产的虚拟椅子

超萌趣图标

高级美!8个激动人心的2022年视觉设计趋势

来源:腾讯 ISUX 出品

图标设计一直是社交领域的重头戏,自从去年大量在设计作品中后,截止今年依然很强劲。因为很多设计师意识到单一的枯燥图标无法满足一些特殊场景的情感化设计表达,平面超萌趣图标来了,带来更强的视觉观欣赏性与生动性。

高级美!8个激动人心的2022年视觉设计趋势

来源:腾讯 ISUX 出品

高级美!8个激动人心的2022年视觉设计趋势

经典衬线字体

高级美!8个激动人心的2022年视觉设计趋势

衬线字体在今年 Behance 作品集首页上,可谓出镜率可比以往高,唤起一种怀旧的感觉。也许是因为看多了衬线字体版式,设计师更多想尝试用衬线字体来打破僵局,设计出新颖的视觉效果。

高级美!8个激动人心的2022年视觉设计趋势

自然设计

高级美!8个激动人心的2022年视觉设计趋势

Vocation

自然设计,主张可持续性发展与环境建立联系,是一种新生活态度,是百转千回,回归本源的理想之态。设计师通过设计表达对环境的敬意,与产品建立强相关,既能表达产品自然纯粹之意,又可以宣传品牌贴近我们生活自然之意。

高级美!8个激动人心的2022年视觉设计趋势

&SMITH 凉茶包装“循环生活”理念

高级美!8个激动人心的2022年视觉设计趋势

TRØVE

高级美!8个激动人心的2022年视觉设计趋势

超变形字体

高级美!8个激动人心的2022年视觉设计趋势

dia Design studio

今年很多平面海报设计、品牌符号的动态系统设计中,都可以看到字体被扭曲、变形,以一种新的形态出现在眼前,没错,这就是超变形字体。它打破常规,以不同寻常的路子出现在大众视野中,带来全新视觉体验。

高级美!8个激动人心的2022年视觉设计趋势

动态包装

1. Pinterest Sans

说到动态包装,这是在国内外这两年火起来一个大趋势,首先微软早期各种产品宣传视频,在到 Google、IBM、Apple 的视觉语言更新宣传视频。现在越来越多厂商喜欢厂商动态包装产品,这样比平面展示更多细节与生动。

2. Rise

格拉斯哥设计工作室 Need 为 Rise 全新重塑品牌,同时通过动态展示品牌延展设计。

今天的趋势分析差不多到这结束了,设计趋势没有好坏之分,选择合适的应用在设计中,将发挥不可估量的作用。希望今天的分享能给大家带来一些启发。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设  作者:功夫UX

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



从视觉、交互和技术三个方面浅析2021设计趋势

鹤鹤

一、社会背景  Social Context


2020年因为疫情,让协作、云端、即时通讯、远程会议、AI智能等等,成为了远程办公的必需品。目前,疫情在国内已经获得了控制,后疫情时代已经到来,许多最初没有的习惯,在发现新的工作模式更加有效率后,也即继续保留了下来,这些保留下来的习惯,也将在2021年会更进一步的发展。



1.大厂的变化

在视觉设计层面,个大设计语言陆续推出了新的设计版本,更为突出个各自设计风格,以建立自己的视觉护城河,谷歌发布了 Android 11,Apple发布了 IOS 14,微软持续宣传他的 Fluent UI 设计理念,在国内的办公领域,腾讯文档推出了类似 Fluent UI 设计理念风格,石墨文档依旧保持独特的东方韵味,飞书发布了飞书文档,继承飞书本身简洁的 UI ,以及活泼的插画风格。


谷歌的 Aandroid 11 

基于 Material Design 设计的 Android 11 ,装饰上运用简洁的几何图形,UI 细节上开始趋向圆角的运用,色彩方面选择了更为协调的配色,对比之前版本纯度有所降低,显得更为高级。视频链接:file:///Users/javascript/Desktop/0bf2miadcaaa7eamerkc6fqfaywdgfraamia.f10003.mp4


苹果的 IOS 14

UI 设计延续原有的风格,清晰的字体,大圆角的运用,加上丰富的动态效果,并且新增了许多贴心的新功能,例如悬浮播放视频、主屏幕的Widget。


微软的 Fluent UI

这是微软为跨平台,而提出的设计解决方案。支撑设计概念的关键词有深度、材质、动画、光线等等,这听起来感觉与 Material Densign 特别相似。不过在最终的视觉呈现上微软会更接近于真实世界。例如,透明的毛玻璃效果,或更为立体的图标等。


2.社区中的热门设计

Behance 和 Dribbble 在2020年出现了许多以 3D 插画为主视觉的设计方案,因为技术的发展,设计师借助 Figma 或 Dimensions 就可以轻松的创作所需的 3D 素材。关键的这不是设计方案中的“花瓶”,因为在Mac的最新系统 Big Sur 中,已经开始运用了 3D 的图标,相信在以后的 3D 的运用场景将会不断的被挖掘出来。


2020年初时在Dribbble流行起来的一个风格叫“新拟态”,这是将投影运用到极致后出现的效果,正如作者所说的:让我们想象一下,如果在移动界面设计中,投影的形式发展的更好的话,那将来的界面将会是什么样子的,这是我的愿景”。新拟态在视觉上表现确实很惊艳,为此Aandroid还制作了一个新拟态的12宣传视频,但是主观感觉这应该很难广泛运用到实际产品当中。



二、UI设计 User Interface


1. 设计服务与内容

设计专注于表现内容,这是从包豪斯到现在一直遵循的规则,而这个理念也将会持续下去。设计目标终将是需要把关键信息传达到用户手中,让用户知道自己为什么在这,这里有什么,并且能到哪里去。


技术的发展,形式也一直在发生变化,提升信息传达效率,这已经不单是平面设计专属。学会运用动效,交互或智能推荐等综合的方法,来达到设计目标,会是将来常用的设计手法。


2.更大的圆角


在以前由于屏幕分辨率太低,窗口四角正常会运用直角,因为圆角会出现锯齿或者模糊,影响界面美观。而现如今移动屏幕质量早已超过纸媒的印刷技术,圆角也开始被广泛的运用。另一方面圆角在之前的认知中,是儿童的专属,是更为亲和力的表现形式。而经过几年的发展,这个偏见正在慢慢改变,因为圆角也可以做的很高大上,也能设计的很潮流。


苹果总是第一个吃螃蟹的公司,Mac 的最新系统 Big Sur 整体变得更加圆润,窗口四角从以前的 10px 增加到 20px ,并且全新的控制中心也沿用了 IOS 14 的设计风格和设计布局。值得在一提的是,微软 Win 10 的概念稿中也开始尝试运用起了圆角。所以这个趋势是蛮值得关注的一点。



3.用有含义的插画提升用户体验


设计师常常会陷入形式主义,而忽略了本该表达的内容,特别是在插画上。也许这个道理每位设计师都懂,但为何还是会前仆后继的扑倒在自我满足的陷阱中呢?也许原因中会有一点是,当内容过于直接表达,或者元素过于普通,就很容易让作品变得毫无趣味,这就是矛盾所在了。


那如果设计师既不想脱离内容,又不想设计出乏味的设计,怎么办?这就需要让插画具有含义,而不是沦为纯粹的形式。优秀的插画多承载的信息量,能够远比文字或界面UI来的丰富。



4. 新材料新拟态


包豪斯有个教学目标,“培养感觉清晰,认知准确的设计师”。因此在包豪斯的基础教学中,会让学员研究各种材料的不同属性。在 UI 设计当中,我们也能制作出各种各样的材料,在拟物化的时代就能证明这一点。但在 2020 年初时,当某位设计师发现了一种新材料,并把这种材料运用到了 UI 设计当中,一时间火爆整个社区,这就是上面提到的“新拟态”。 



这世界是充满可能的,所以我相信在未来还会有更多的材料会被发现,或者被以新的方式使用。例如,在 2020 下半年又有一种风格开始回归“毛玻璃”,其中我们所知道的钉钉,在钉钉 6.0 的设计概念中就融入了毛玻璃的效果。在社区中,毛玻璃也被运用到 UI 的各种场景中卡片、弹窗或图标等。实话实说,毛玻璃的材质的确能增加许多品质感。 



5. 自然的界面和运动效果


这里所说的自然,是能让人感到熟悉和安心,是以人为本的设计。王敏老师说过:“科技求真,艺术为美,设计从善,设计可以作为结点,让真善美实现统一。”链接人与产品之间的纽带是 UI 界面,它需要承载不仅是信息内容,还有用户体验,因此,以人为本的设计终会赢得用户的喜爱。


自然运动效果,不是那种大开大合的炫酷效果,而是让界面过渡更为自然合理。想要让界面体验更为自然,那必然要遵循真实世界的物理规则。例如,重力、摩擦力、向心力、浮力等动态效果。



6. 来自未来的风格


科学技术的快速发展,让我们感觉未来近在咫尺,但又十分迷茫不知何去何从。我相信承载UI的媒介,必然不仅仅是现在我们所使用的各种设备。VR、AR 或全息影像等技术发展,将使得UI设计会有更多的可能性。赛博朋克2077也许真的离我们不远,那种满世界无处不在屏读的社会,怎样的设计才能真正满足需求呢?这是我们需要长期思考的问题。



7. 深色模式


在2020年各大厂都推出了暗色调模式,这已成了如今APP的标配。除了深色模式外,以后还会在可视性、场景和现实成本等因素方面,更近一步的打磨。




三、插画风格  Illustration


1.更具装饰性的平面插画风格


虽然在 2020 年不管是社区,还是实际项目,许多设计师都开始热衷于 3D 插画,就连苹果微软也不例外。但是 Google 却继续坚守自己的设计风格,扁平的装饰性插画,例如 Android 11 就运用简单的几何图形进行装饰,相关的插画也是更多运用的扁平风格,这种坚持必然会有其重要的原因。


装饰性插画在各种屏幕的适配性更广泛,并且在绘制成本和实现成本方面也会更有优势。在屏幕媒介还没发生颠覆性改变前,我认为扁平的装饰性插画在未来将还会大放异彩。 


2.情感化的插画设计


后疫情时代的远程办公,我们需更加考虑如何缓解合作的疏离感。如何拉近人与人之间的协作,打破远程的空间桎梏,让合作更具沉浸感。这时情感化的设计就能充分体现它的价值,例如,这几年开始火的 emoji 头像,或者各种表情包,它们让沟通的双方产生情感共鸣,而不是面对着冷冰冰的屏幕。


3. 插画的组件化与创新


皮克斯运用技术的创新,提升了质量和效率,从而改变了整个动画的历史。对于我们来说,未来的插画需求会越来越多,并且还要求独特的创新性,这就需要有更优的解决方案。


Ant Design 的 HiTu 在 SEE Conf 的时候提出了解放图形化生产力,那就是将插画各部件组件化,这有效的提升插画效率。然而在插画库的维护方面,还需要设计的创新。因为效率的提升,让设计师能有更多时间,专注于更有创造性的工作,然后将新的创意理念融入部件,最终完善整个插画组件库。 





四、交互方式  IInteraction


1. 多屏协同办公


凯文凯利在《必然》里讨论了关于未来的生活方式,他认为我们的未来环境会充满各种屏幕,它将会在各种事物的表面出现,屏读会从我们起床开始到晚上睡觉,一直出现在我们视野中。如今的人们每人都有各种各样设备,因此,多屏协同办公是必然的趋势,不管你是与人合作,还是独立工作。


万物互联已经是很久的话题了。在 2020 年华为的鸿蒙系统,发布了跨设备进行的分布式交互,实现了多屏协同。我感觉,这将是很重要的一步。 



2. 秒验身份认证


身份认证是信息安全最关键的一步。我们通常会用身份 ID 加密码进行登录,并且为了验证你不是机器人,还会加上人工输入验证码,如果再有其他的设置选项,那我们的登录交互就会被拉的很长,有时还会出现登录失败的情况。在如今浮躁的社会,许多用户也许在前几步就已经失去了耐心。 


移动设备拥有有丰富的传感器,并且精度也在逐年的提高。随着指纹、面部、虹膜等等技术成本的降低,这些技术也开始越来越普及化。如今使用新的识别技术,很轻松就能完成各种身份认证。 




3. 单手交互的挑战


当年乔帮主一直坚持的单手操作,而如今,手机屏幕逐渐越来越大,单手操作已是一种奢望。为此,各手机品牌想方设法的改变交互方式,为的就是能实现单手操作,并且为此作为宣传的噱头。iPhone 轻点两下 home 键或向下轻滑虚拟 home 键,就能让整个内容向下移动半屏,从而方便单手操作顶部功能。 


想达到目标的第一步,就是办法让拇指能触及到功能。但我们还需要进一步思考的是,拇指本身的灵活性并不高,并且也只能是单点触控,那怎样的交互形式能满足日益复杂的交互需求呢? 





4. 折叠屏

屏幕可拓展,将会是移动办公的重要转折点。不管是需要长篇编辑的文字,还是画板无限大的表格,或者是需要强大美化功能的演示,这都需要足够大的屏幕才能有更优的体验。折叠屏的出现让手机能代替平板,满足更多使用场景。折叠屏目前由于成本的原因,在大众眼中还属于新事物。但我相信成本在未来不会是问题,更重要的问题是,屏幕形式的变化,对于交互来说将会有哪些影响,并且如何挖掘其中真正的潜力。



五、技术升级  Iechnology


1. 关注隐私保护


自 MIUI12 隐私功能发布后,APP 访问隐私频次大幅下降,这使得应用的行为越来越规范,也因此获得了用户、国家相关机构和媒体的认可。 



在凯文·凯利的《必然》中描述了这样的一个未来景象,我们的各种状态将会被设备所跟踪,大到你的地理位置,小到你的心跳,你所经历的一切都将被上传到网上,设备能通过对过往的分析,给你推荐各种商品或服务。这很美好,但同时也存在许多风险。在《窃听风云》的电影情节中,就是由于先进的窃听技术,造成了各种无法预估的灾难。所以这是一把双刃剑,在技术进步的同时,我们也需要时时刻刻关注隐私的保护。 




2. 智能自动化办公


在 2019 的 Google I/O 大会上,Google Lens 展示的 AR 点菜功能可以智能识别用户扫描的菜单并将美食网站上的相关推荐直接呈现在屏幕上。当识别到小票信息时,可快速提取小票上的金额,且可自动弹起计算器快速帮助用户计算人均消费,节省人工计算的时间成本。 



在办公场景下,如何帮助用户减少无谓的工作,让更多精力专注于内容。把排版规范、素材提取、文件管理、功能查找等琐碎的事情,交给人工智能来完成。在以前工业时期有机器的赋能下,人们的生产效率进行了一次飞跃,而下次的效率提升将会是人工智能。 




3. 脑机

是否希望自己学会“量子阅读法”呢?也许 5 分钟实现十万字快速阅读不是梦。Neuralink 发布了 Link V0.9 版的脑机接口,并且已经在动物上进行实验,他们通过把一块微芯片植入猴子的大脑,然后让其通过意念玩电子游戏。虽然这产品在人类普及的概率几乎为零,但是这也算是人类向前迈出了一大步。 



这只是一个开始,未来的设备将不局限于可穿戴,而会是与人体紧密相连。或许可以想象一下,在未来人们会像在医院预约挂号一样,在科技公司楼下排队更新升级身体里的“机械器官”。 



4. 虚拟现实&增强现实


如果要说接下去哪个技术变革,将对我们生活工作产生重大影响,我认为将会是 VR 和 AR。在沟通方面,体验将会变得更为真实。远程沟通常常效率很低,其中很重要的一点是空间的距离感,而空间的距离会产生双方链接的不稳定性,因为双方无法达成眼神、肢体等信息的交流,有时候一个眼神或者动作就能完成的事情,需要反复的语言交流,甚至会陷入各种尴尬的境地。 



除了沟通之外,在工作、生活、学习等领域,VR 和 AR 也将会有更多可能,媒介的属性不再是二维平面,而是三维空间,这使得它能提供更为沉浸式的交互体验。 



5. 5G 运用


依稀记得上大学时 4G 时代的到来,旁边的人都在说网速多快多快,听歌看视频一点都不卡。 


而如今 5G 开始普及,网速也再次提升,但外界对其的评价褒贬不一,其中最为常见的话题就是“5G 对我们的生活将会有什么改变呢?”,有人觉得它只会提高我们每个月的话费,也有人提出 VR/AR 全景直播、高清远程会议、无人机作业、自动驾驶等技术将会更为成熟。


不管如此,5G 在 2020 年度过各种坎坷,最终普及到我们每个人身上。5G 对许多领域都会有质的影响,特别是依赖网络环境的场景。其中就有办公领域,大文件上云、协同办公或远程会议,5G 将会给这些场景提供更好的体验,也会让更多可能变为现实。 



这篇文章是对当下的思考,也希望能对 2021 年的工作带来些许帮助。在这过程中越是总结,越是对未来的趋势感到迷茫,一篇文章并不能囊括所有内容,不足之处也希望理解。在未来或许会有数不尽的黑天鹅,也可能因为技术爆炸,使得新的潮流突然的兴起,未来是无法预测的,所以,就让我们一起拥抱变化吧~


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷   作者:篮子瑶

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档