首页

2022年网页和UI设计趋势

资深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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



万字解析元宇宙及对设计的影响

资深UI设计者

hi,朋友,你听说过“元宇宙”吗?你或许在网上听过或者在视频听过讲解,也许它只是昙花一现的概念,但是随着越来越多的大厂开始下场执行和站台,所以很多人开始重视和关注。

2021年,一个新奇的概念名词在网络上迅速蹿红,引发科技界和投资界的广泛关注。这个概念名词,就是“元宇宙”。


1.10  元宇宙的起源


1981年,一本名叫《真名实姓》的科幻小说,描绘了一个未来世界的样子。在这里,人类可以通过脑机接口登录虚拟数字世界,不仅可以有真实的生存体验,而且可以按照自己的喜好幻化成不同的形象。


时间来到 1991年,美国著名科幻作家尼尔·斯蒂芬森(Neal Stephenson)推出了自己的小说《雪崩(Snow Crash)》。


在书中,尼尔·斯蒂芬森描述了一个平行于现实世界的网络世界,并将其命名为“元界”。所有现实世界中的人,在元界中都有一个“网络分身”。


这个“元界”,英文原著中叫“Metaverse”。它由Meta和Verse两个词根组成,Meta表示“超越”、“元”, verse表示“宇宙universe”。


没错,Meta Verse就是我们今天文章的主角——元宇宙。



值得一提的是,书中所说的“网络分身”,英文单词叫做Avatar。大家有没有很眼熟?


是的,Avatar就是“阿凡达”。2009年,美国著名导演詹姆斯·卡梅隆的那部经典电影,就是以它命名。


在现在众多的讨论声中,元宇宙并不是一个真实存在的世界,而是一个虚拟的世界,是一个人们对未来定义的虚拟世界。


说到虚拟世界,相信大家马上又想2018年美国大导演史蒂文·斯皮尔伯格执导的——《头号玩家》。在头号玩家里描叙的的元宇宙:它是下一代互联网,是虚拟时空,是全真互联网。



但是不管怎么说,现在大家默认尼尔·斯蒂芬森仍被公认为是元宇宙的正式提出者。



1.20  元宇宙是什么?


元宇宙到底是什么呢?我看过很多解释,基本都是将“Meta(超越)”与“universe(宇宙)”相互结合,这个理解过于片面,那么直译过来不就是“超越宇宙”,这肯定是不符合情理的,要搞清楚这个问题,我们需要弄清楚“Meta”是什么意思,Facebook将公司名字改名为Meta,在侧面可以说明,在扎克伯克看来,元宇宙中的元才是核心,在我们中文中,想要找到一个完全与“Meta”对应的词是比较困难的,所以我们只能意会,“Meta”来自于古希腊语,比起元或者超越,我觉得翻译成”关于XX的XX“是更为合理的,例如“Meta Date”就是关于数据的数据,这个概念用于文艺作品中就是,“元戏剧”和“元小说”,比较有代表的就是卡尔维诺的“寒冬夜行人”,在心理学上,还有一个概念,叫元认知,这样去理解,就可以理解“Meta”为什么被翻译成“元”了,“宇宙”,我们可以理解它与物理的宇宙是不一样的意思,比如,我们都知道“漫威宇宙”,指的是漫威及一系列作品和角色组成的世界,还有国内比较火的IP“唐探宇宙”,都是指的是一个公司旗下多个IP所组成的世界观,所以“宇宙”的理解应该是“一个领域多个IP的合集”。


按照“元宇宙第一公司”Roblox公司的说法,一个真正的元宇宙产品应该具备八大要素,分别是:身份、朋友、沉浸感、低延迟、多元化、随地、经济系统、文明。



身份:需要一个能代表的你身份,无论是打工人还是老板或者是总统都行,它与现实世界的身份是完全不一样的。


朋友:在可以在拥有自由的社交和谈恋爱,无论他和你在现实世界里是否有交集(也就是社交)。


沉浸感:可以让你有在现实世界一样的真实体验,让你可以忘记这是虚拟的世界。


低延迟:一个合格的元宇宙需要在整个空间范围上进行时间统一,不能让人感受到延迟。


多元化:元宇宙可以提供多种世界场景,供玩家有多种身份而已选择。


随地:元宇宙的入口需要可以随时随地的方便登录,不受任何限制。


经济系统:像现实世界一样,无论是用BTC和ETH还是什么别的货币,元宇宙需要都自己的交易系统和规则


文明:元宇宙里所有人们在一起,一起努力,创造虚拟且先进的文明。


我们按照现在的技术水平对比一样,发现很多东西都是无法去完成的,就例如文明来说吧,我们无论是哪一个虚拟的社区还是游戏里,基本这么多年的发展都无法形成自己的文明,最多是有自己的游戏文化或者社区文化。


当然,按照现在的研究和技术可以实现的,我们对于元宇宙的规划可以总结成一句话:人以自由独立的数字身份自由的参与可能存在的数字世界。


1.21  元宇宙的数字身份


我们将它拆分出来理解:元宇宙是一个数字世界,这个是没错的,它不是现实的世界,也不是物理的世界,而是一个虚拟的数字世界。

然后我们再来看看另外一个词:“数字身份”,我们现在在上网的时候大多数都是实名的,但是在平台上,我们会有自己虚拟的ID和昵称,这些虚拟的ID和昵称会遍布整个互联网,可能是在淘宝京东买买买的你,也有可能是在腾讯视频或者爱奇艺为某个明星疯狂打call的你。


所以,这些虚拟的ID不拥有权力,也不会承担义务,他们不是一个独立的身份,他们都需要依附在线下那个拥有独立身份的你。


那么,我们现在在想理解那句话:元宇宙是人以数字化身份参与一个虚拟的数字世界。并不是单单用数字账号参与,是一个独立、不受干预的数字账号。

不同的是,在现实世界你只有一个身份一个你,而在元宇宙里,你可以拥有多个不一样的数字身份。


1.22  元宇宙的参与性


上面那句话还有另外一个关键词,数字化身份参与,如果想要更准确一点,我觉得应该是“自由参与”。我们在这个互联网上,现在是可以自由的去访问,去发表自己的看法,但是很多互联网产品的规则制定和产品的细节定制和我们却没有任何关系。

比如,微信每次新出一个功能,都可以引起全民的热度,甚至可以上热搜,是因为用户期待那个功能太久了,所以才会有这样的讨论热度,但是微信也有很多用户想要的功能没有去实现,所以我们才说,互联网产品的规则制定和产品细节的开发,我们并没有“自由的参与”。

但是在元宇宙的设定里,你可以自由的参与规则的制定,每一个该元宇宙世界的玩家都可以参与到游戏规则的制定,让每一个都有会有参与感。

这个就像,几个朋友一起参与剧本杀剧情的编写,玩法的设计,我们每个人都会讨论角度与角色的关系,

讨论这个细节怎么演比较好,需要一个什么样的场景,如果有人觉得这个方案或者设定不满意,他可以提出否定细节,然后大家在针对讨论,如果大家都统一了,这句剧本杀就可以开始玩了。



1.30  元宇宙的分类


如果我们按照现在有的资料,我们想要将元宇宙去归类,我们可以把元宇宙分为两类,一类是传统型元宇宙,另外一类是开放型元宇宙。



1.31 传统型元宇宙


传统型元宇宙,一般指的是将线下的生活直接映射到元宇宙中,最后线下线上融为一体,其实这个事情在我们的生活中也是一种在重演。

我们现在通过不同设备(手机、PC、物联网),我们在线下搬到线上,最后回归到线下生活,传统型元宇宙是一个比现在网络环境更完善、体验更沉浸,具备生活、社交、工作、娱乐的虚拟数字的世界,也有可能有一天,我们在虚拟世界体验比较好的方案会成为推动我们现实世界的助力器,会落地在现实的生活中。



1.32 开放型元宇宙


与传统型元宇宙对立的,便是开放型元宇宙,它与现实的物理世界的是没有什么关系的,他是一个独立是虚拟的数字世界,比如,我们现实的生活是一个地球OL,那么我们在开放型元宇宙所建立的世界可能是土球OL或者是绿洲OL,是与现在世界平行存在的一个世界。

开放型的元宇宙在理论上是可以有无数个的,只要是符合建立条件的人都是可以建立的广义元宇宙,可能有的开放型元宇宙是因为是某些KOL建立的,人气会比较高,有的可能会无人问津,只有创建者一个人,每天“采菊东临下,悠然见南山”。



传统型元宇宙是需要有现实社会的映射才能存在的,现实世界才是主要的,虚拟世界只是现实世界是依附品。而开放型元宇宙则和现实世界是分开的,甚至有些开放型元宇宙的拥护者觉得开放型元宇宙研发出来之后,物理世界里的身体都不需要存在了,人的意识作为了一个代码字符或者程序活在广义元宇宙中,个人的荣誉感、社交、幸福感全部来自于开放型元宇宙,当然,这是一些非常极端的拥护者。



现在能看到元宇宙与元宇宙相关的新闻,基本都是和游戏相关的。例如,目前第一个将元宇宙写进招股书的Roblox,它现在已经在纽交所上市了,而且投资名单里还有我们国内做游戏比较出名的腾讯,这家公司主要是提供一个让玩家可以自由建立内容的游戏平台。



所以很多人会认为游戏就是元宇宙,或者元宇宙就是进阶版的元宇宙。


我们前面说“开放型元宇宙”的时候说过,开放型元宇宙是可以自由切换的,上一秒我可能是在为大家出谋划策的军事智囊,下一秒我便可以切换到一个充满斗气和斗皇满天飞的世界,来履行我的“三年之约”。

正因为有这样的特性,所以很多人认为游戏它和元宇宙是一样的,比如,我在“王者荣耀”里连着跪了几把之后,非常的沮丧,我便打开了“哈利波特”在里面骑着扫把自由自在的飞。我们可以在“王者荣耀”里和自己室友或者陌生的人一起组团玩游戏,一起推搭,是不是有点元宇宙的意思了。


其实我们体验到了游戏和VR设备所营造的氛围来说,它们都只是元宇宙构成组成。硬件设备和技术都是只是构成了元宇宙的一部分。而还有另外两个组成元宇宙的基础部分,是游戏所不具备的,一个是身份系统,另外一个经济系统。



2.01  身份系统


我们前面说过,我们现在以账号的形式参与互联网上的任何活动,都是需要与现实世界中的个体是密不可分的,我们是需要现实中的个人有需求才会去选择登录账号,比如,我们需要中午想吃饭,才会打开外卖软件点外卖,都是有目的的才会去建立这个身份。


而元宇宙真正的价值就是要隔离和现实世界的身份,让数字身份作为一个长期独立的个体存在,不同身份之间产生各种关系和联系,这才会让整个元宇宙运转起来,就如同我们现实的物理世界一样,这便是元宇宙的身份系统。



2.02  经济系统


经济系统,它是维系整个元宇宙经济正常运转的规则。就像我们们在元宇宙里创造什么价值,都可以和别人进行交易,且整个经济系统不会突然崩溃,例如货币会突然的归零或者突然的飙涨,我们可以自由的拿着货币去任何地方放心的交易,都是受到保护的。



2.10  元宇宙和游戏的根本区别

说到这里,大家肯定会有疑问,我们平时所玩的游戏也有身份系统和经济系统,那他们和元宇宙有什么区别吗?虽然游戏里也具备这两个基础的条件,但是,他们和元宇宙的这两个系统是完全无关的事情,他们最大的区别就是游戏里的身份系统和经济系统是“中心化”的。

就拿最经济系统来说吧,一些道具的价值和商店上架什么新品道具,完全都是在游戏厂家的掌握中,而且他们只许在游戏中用指定的交易方式交易,玩家只是按照游戏厂家制定的规则去完成任务而已。

另外,“中心化”就会存在一个问题,我们在游戏里有所的产品最终都是归游戏厂家所有,游戏厂家会拥有“超级权限”,如果我们不按照游戏厂家的规则进行交易,有极大可能会被封号,那么我们在那个账号里的经济价值并会瞬间湮灭,所有,在本质上来说,游戏里的财产属不属于自己,是由游戏厂家说了算。


身份系统也是同样的道理,每款游戏有什么角色,有什么装备可以选择,都是由游戏厂家制定好了,另外在换一个角度来说,拥有“超级权限”的厂家随时可以决定你这个号存不存在,所以游戏里的身份不是你的。


所以中心化的游戏根本不会是元宇宙的进阶版。而去中心化的元宇宙,是不会有编辑好的剧本,也没有现成的角色供你选择。从早起元宇宙建立的一片荒芜,到后期的人气如潮,这些由元宇宙所有人来参与制定和修改,该元宇宙所有的玩家都会享受极大的自由度。


我们在前面说到的Roblox能在元宇宙这个概念中这么火是有原因的。虽然它仅仅是一款普通的开放性世界的游戏,但是他采用了去中心的运营和发展形式,所以大家会公认Roblox是一款基于元宇宙原理的游戏,也有可能是元宇宙的初级形态。而我们现在无论玩的什么种类的游戏,基本都是中心化的,游戏规则和进度都是在游戏厂家规定好了的。


在去中心化的元宇宙里,我们都会以新的身份和新的权力去过一种全新的生活,在这里,我们会有新的朋友,新的家园,全新的社交关系。



我们前面说过,元宇宙要存在需要有两个基础条件,一个是身份系统。另外一个是经济系统,它们构成了元宇宙存在的基础保障。

元宇宙的经济系统,主要是引导元宇宙的用户或玩家一起进行经济创造、市场交易的系统,那经济系统是怎么运行的?它的基本运行原理和现实物理世界也是一样的,靠的是稀缺性。

比如,石油,产量少且只有部分国家掌握石油资源,那它的价值就高,因为它具有稀缺性和不可替代性,只有稀缺性的物品才能产生交易价值和交换价值,但是我们需要明白的是,数字世界是不利用经济系统的建立的,原因是数字世界的物品都是由代码构成的,它可以限制的复制和无限制的拥有,如果不考虑版权问题,它是可以有无数个的。

那我们元宇宙是怎么去解决这个问题的呢?要想知道怎么解决这个问题,我们需要知道底层的技术逻辑。说到这里,我们需要也要引入最近比较火的方案,这个方案也是最近比较公认的,Non-Fungible Tokens(简称NFT),

简单地说,NFT是元宇宙里的数字版权、数字物权的一个合约。因为NFT不可替代的特性,这意味着它可以用来代表独一无二的东西,比如博物馆里的蒙娜丽莎原画,或者一块土地的所有权。


3.10  NFT助力设计版权增值


我们平时在网上冲浪的时候基本都知道一个道理,在数字世界的所有东西都可以低成本的复制,并可以在短时间内无限制的拷贝,是没法声明版权和唯一性的。但是这个一切的顾虑NFT都可以解决,它给数字世界的所有物品包裹一层数字代码的合约,有了NFT合约的包裹,数字世界的物品就有了不可分割、不可复制的特性,这样便解决了数字世界物品容易被盗版的问题,也就具有交易和交换的价值。

我们都知道早期腾讯赚的第一桶金就是靠的是QQ秀,经历过QQ秀疯狂的年代的人都知道,一个绝版的太阳神的QQ秀可以卖到1万块,然后到现在王者荣耀皮肤让腾讯赚的盆满钵满,说明人们对好看形象的热爱。


那我们跳出元宇宙回到现实来看一个最近的一个现象,就是NFT的头像。好多人都不明白,一个糊的不行的头像,为啥可以卖的那么贵,我喜欢我知道截图,我直接自己用不可以吗?现在我们也许明白了,截图或者拷贝出来的是赝品,是没有任何价值的,是不具备交易价值的。


当然。数字世界的物品能不能作为商用,还需要看作者在NFT商用合约里规定了了什么,可以做什么用途,NFT合约一般会分为两个部分,一个是标准化的,另外一个是非标准化的。



3.11  NFT标准化合约


标准化合约就是我们前面说的那两个特性,不可以分割和不可以复制性,这是我们用户无法改变的,交割时只是交割了版权给你。



3.12  NFT非标准化合约


非标准化的合约部分就是由作者去制定的。例如,我们设计了一个LOGO,我们可以要求别人在公司盈利了10万之后,在支付LOGO的设计费用,也可以要求别人的使用场景,比如,只能用于APP上,用在其他上面需要支付另外的版权费,然后在给他开通权限,不同的作者会根据环境时间和他自己的性格,来撰写不同的NFT合约和调整合约内容。


3.20  元宇宙有哪些就业机会

以前,我读凯文·凯利的《必然》这本书中曾经说过,“人们会在新的生产力水平上找到新工作”,在以前读到这句话的时候,我不太理解,现在我在想起这句话,我可能读出了新的领悟,那不就是现在说的元宇宙吗?在元宇宙里我们会有新的雇佣模式和就业模式。人们也有可能在元宇宙里衍生出全新的职业,创造全新的价值。

现在我们越来越多提到的是人工智能将要来到,大部分重复的工作将要被取代,尤其在《人类简史》这本书中提到了“,“未来20到30年之间,超过50%的工作机会被人工智能取代。”这件事已经在发生了,无人超市、无人货架、无人驾驶,都正在成为现实。不只是重复性劳动,还有像医生、律师、文字工作者,在人工智能发展越来越强大的未来,也有被替代的风险。”


所有,对我们来说,元宇宙因为创造和关系,为我们创造了更多在的强烈的存在感。更重要的是,它提供了我们去应对人工智能对人替代的策略。


前面我们说过,当身份系统和经济系统这两个基础条件满足的时候,一个元宇宙就基本成立了,而且随着元宇宙的热度越来越高,全球的头部企业都开始布局元宇宙,比如,国内外的社交巨头Facebook和腾讯,都已经公开自己已经开始慢慢的转型做元宇宙,而且都开始慢慢的开始研发元宇宙相关的应用和技术。

老话说过,早起的鸟儿有虫吃,彭博社预测说,到2030年,元宇宙的市场规模可能会达到2.5万亿美元。但随之而来的一个问题是,元宇宙所带来的机会是不是还是像现在一样,被几家巨头垄断,还是我们普通人也可以参与元宇宙的建设中去。


这个我们需要分析元宇宙的构成,除了身份系统和经济系统外,元宇宙的最终的形态肯定还是需要很多其他的资源来支持,比如,最基础的底层基础设施,是不是需要足够的电力资源、算力和高速网络,其次,我们需要进入到元宇宙,是不是需要一个引导的设备?我们想在元宇宙里生活工作,那是不是需要各种场景的布局,是不是也需要提供各种各样的工作岗位,这意味着元宇宙有需要非常多的第三方的技术支持,有些风口,也是很多其他企业和普通人能够去参与的。


元宇宙的建设,是一个庞大的工程,绝对不是一家两家公司能搞定的,那么这个庞大的工程在建设的过程中,会遇到什么样的机会和挑战呢?在元宇宙的建设过程中,我们先来梳理下元宇宙需要的生命周期



4.10  元宇宙的准备期


准备期,这阶段主要涉及元宇宙的基础设施供应商的准备工作,我们知道,元宇宙的基础设施主要包括通讯网络、云计算和新的开放的网络协议。理想中的元宇宙,能同时容纳百万级、千万级甚至亿级的人,所以它对网络和算力的需求会有指数级的增长。

举个简单的例子,我们国内现在比较火热的大逃杀游戏“和平精英”,目前一个房间能容纳100人同时一起在线,而元宇宙需要的算力支持可能是“和平精英”的千倍万倍。另外就是不同元宇宙直接如果需要联系的话,还有需要支持统一的协议接口,这些都是需要一个统一的协会来制定,就像W3C来制定hTML代码规范一样,这些比较基础的问题都要解决了才能算是度过的准备期。当然实际上在实施过程中可能会遇到更加棘手的问题需要解决。



4.20  元宇宙的启动期


启动期,需要解决元宇宙运行期的一些规则性的问题,比如,经济系统的正常运转和NFT的交易系统。经济系统,按照我们现在能想到的技术,就是通过区块链形式的记账系统去解决。

比如我们在某个元宇宙空间的数字身份买了一包纸巾,那么元宇宙的账本会记录一笔,然后把这瓶的所有的权转给我,然后并向整个区块链去广播这一笔交易。

目前在为元宇宙做记账系统的公司已经有很多都开始进入行动阶段了,比如,阿里的蚂蚁链、腾讯的至信链,国外为元宇宙做准备也就更多了,比较比较知名的就是以太坊。NFT交易系统就更多了,比如,OpenSea(开放海)、

SuperRare(超级稀有),国内的NFT交易系统还属于刚刚起步的阶段,我相信明年会有很多实力雄厚的厂家崛起。



4.30  元宇宙的爆发期


爆发期,是元宇宙设备供应商百家争鸣的时候,有两类目的厂家应该会大有作为,元宇宙的设备供应商和场景应用的开发商。

元宇宙相关的设备我们在电影上也看过不少,像眼睛、手表手环、脑机接口之类的,场景应用的开发商可能就更多了,比如娱乐设施、工作场景和模式、教育场景、购物场景,这些都可以构成元宇宙的丰富的场景,这都是场景应用开发商的机会。当然另外做出创新的厂家可能会成为某个单独类目的龙头,例如,让脑机接口变的更小巧携带更方便,以方便随时随地的可以进入到元宇宙的空间里。



我们前面说到,要想迎来元宇宙需要经历三个阶段,分别是准备期、启动期和爆发期。我们现在处于元宇宙的什么阶段呢?距离元宇宙的开始正式商用还需要多久呢?正式进入爆发期我们需要做好哪些准备呢?我一个个来解决这些问题吧!

关于我们目前处于元宇宙什么阶段,就目前技术的发展,我们应该处于元宇宙的启动阶段,为什么这么判断呢?因为在经过过去几年技术的沉淀,我们有成熟的区块链的记账系统,NFT系统已经得到了市场的认证,并已经开始大量启动商用阶段,在2020上半年,全球NFT的市场交易额只有1370万美元,而到了2021年上半年,这个数字飙升25亿美金。


5.10 元宇宙来临标志


我们知道在元宇宙的产品生命周期有一个启动期和爆发期,但是,在爆发期之前肯定有一个临界点,当这个临界点到来的时候,就代表我们即将迎来元宇宙的时代,那我们怎么判断什么时间是元宇宙的临界点呢?我们还是需要从两个基础条件开始判断。

首先是身份系统。要想达到这个临界点,必须有一个全民级作为元宇宙的入口能接入元宇宙,就像现在FacebooK一样 ,全球使用的人数超过了一半,这便是我们现实世界互联网的全民级的应用。


第二个标志,当然是经济系统,衡量经济系统的一个关键指标是NFT的交易规模。。现在我们全球的GDP超过了80万亿美元,而NFT市场规模仅有约200亿美元,如果要达到临界点的标准,这个NFT市场的规模,也就是元宇宙的GDP,肯定要达到万亿美元的水平。这样估算,距离元宇宙的临界点,至少还有五年。



5.10 元宇宙临界点会遭遇哪些挑战?


在我们向元宇宙的慢慢过渡的时候,我们整个社会会遇到哪些挑战和需要做好哪些准备呢?我认为比较重要的两点比较关键,一是建立共识,二是文化和伦理的冲击



(1) 建立共识


为什么说建立共识比较重要呢?我们都了解,创造是元宇宙最大的优势,但是也是有风险的。比如,在元宇宙里,我们每个人都有编写剧本和玩法的权力,这样就会产生很多矛盾,每个编写的元宇宙的剧本不一样,这个是可以的,但是不同的剧本的矛盾是,元宇宙空间里可能是一个美好的元宇宙,也有可能是充满杀戮和暴力的元宇宙,也有可能是劳动最光荣的元宇宙,也有可能是不劳而获的元宇宙。

所以我们需要在法律、文化、价值观等等层面,让社会各个阶级都可以参与讨论,提前达成一个符合大家正能量共识的价值共识。


(2) 文化和伦理的冲击


第二个需要解决的问题可能是面的文化和伦理的冲击,我们可以想想,如果某一个元宇宙充满打打杀杀的事情,在里面的玩家回到现实也是不是会有暴力倾向。比较严重的是,在数字世界中,暴力和杀戮它的成本会比较低,所以在里面的犯罪成本也会更低。但是,在现实世界中,发生暴力冲突,无论在哪个国家都要付出比较重的代价,可能是需要接受法律的制裁,也可能是经济上的损失。但是在元宇宙的数字世界中,可能一个屏幕上的一个角色消失而已。

再往深一层的看,在元宇宙的世界中,我们说的自由是绝对的还是相对的呢?我觉得应该是相对的,在元宇宙世界里,还是需要法律和规则的,甚至要相对的比较严格,而这种规则和法律的制定恰恰是因为元宇宙不是一个开发商,不能通过监管一家公司、一个机构就可以解决的,而是要回到共识的层面,通过建立个人、社会和国家之间的公约,创建文明的元宇宙。

5.20 元宇宙技术层的挑战


元宇宙的虚拟现实是什么呢?我觉得是欺骗大脑的感官,它光有视觉的呈现是不够的,触觉也需要跟的上,例如,我们在元宇宙里看到一个菠萝,我们闻起来是菠萝味,摸起来也是尖尖刺刺的,可能我们认为它只是元宇宙里的一串代码,但是我们的大脑会通过感官来告诉我们,这就是菠萝,所以除了戴在设备,可穿戴设备也是极为重要的,它会给我们一个真实的力作用的反馈,但其实,欺骗五感并不是最大的难题,最难解决的应该是移动和交互问题,我们可以想象下,我们戴好设备,来到了元宇宙,一切的听觉视觉触觉都非常逼真,这时候我们街道一个任务,要去野外去打BOSS,问题来了,我们该怎么过去,在真实的物理世界里,我们是需要移动的,但是,我们的房间只有20平方米,所以虚拟空间再大,我们物理空间是有限的,大部分的方案是通过传送门直接过去,所以,元宇宙的开放世界就很难实现了。

但是即使是传送,也不能解决所有的问题,我们都听过3D眩晕症,这个原理是我们生理在视觉上感觉到了移动,但是身体没有移动,如果大脑足够敏感或者第一次接触,那么就是产生眩晕感,这种情况在第一个玩穿越火线的时候会比较常见,通常这种情况是视觉上越真实,眩晕感就越严重,在头号玩家里,主角之所以可以在小小的车厢里可以移动,是因为他在跑步机上,现在的虚拟现实游戏的移动也是靠这种方案解决的。


交互方面就更加复杂了,这里包括了人与物、人与环境、人与人直接的问题,比如,扎克伯格演示的开会场景,我们实际上还行需要椅子和桌子,不然,我们的感官虽然可以给椅子的反馈,但是坐下来确实空气,当开会玩了,需要互相给实体文件怎么办,需要握手怎么办,这都是一些交互逻辑上需要解决的问题,是不是每次开会我们都需要先把场景和东西搭建好,才可以使用,这样的话,实用的成本也显得太高了。每多一个步骤,用户的体验都是坠崖式的下跌。

所以,在现在目前看来,我们需要解决体验层方便的东西还是太多了。

5.30 元宇宙能带来哪些改变

前面我们对元宇宙的概念及需要的条件进行了结构,那么我们来落到实处,谈谈元宇宙能给生活带来哪些便利,首先,在扎克伯克发布的关于元宇宙的视频中,我们可以发现,元宇宙最先落地的可能是现场感,例如现在疫情比较严重,我们可以通过虚拟会议室来开会,还有我们很多现有的商业模式都可以借助现场感来进行重构和升级,比如,我们现在去购物,一般是自己打开APP购物,或者分享自己的购物车给朋友,未来我们可以一起在虚拟世界中逛街,足不出户,可以一起试衣服,帮对方挑漂亮的首饰,现在看任何直播赛事,都需要通过屏幕去看,最多有人气和在线人数,未来我们可以身临其境,感受到四面八方的欢呼,现在我们看网红都是隔着手机刷视频,未来我们可以更加直接,走到小姐姐身边,更加近距离的接触和交谈。


关于元宇宙是否有未来,是很多人一直争论的话题,但是我们可以肯定的是,随着全球科技水平和人民精神物质的逐步提高,人的精神层面和娱乐层面的阈值时被不断提升的,肯定会有企业做去做能满足人更高维度精神层次的工作,因为人对精神层面的追求的欲望时没有顶峰的,而我们现实能满足的条件时有限的,而虚拟现实则可以极大成本的去满足这个条件,我们现在人平时周末的娱乐时什么,无非是玩游戏逛街和看电影,而这些在虚拟世界里也可以实现,甚至可以不用出门,但是,有人可能会说,虚拟世界的东西终究是虚拟的,怎么可以和现实的相比呢?我们所能感受到了娱乐带来的精神满足无非是眼、手感知到了,在传输给大脑,如果我们技术足够发达,在虚拟世界中的东西反馈足够真实,骗过大脑就不是问题。

说到这里,我想起我以前读书的时候,我特别爱一款名叫冒险岛的网络游戏,刚好在那天,我们那个工会要去打里面的一个BOSS“扎昆”,打完BOSS会掉落一个专属的BOSS装备,扎昆头盔,但是那天,我刚开团,我表姐要去买鞋,她问我,游戏里的东西有那么重要吗?我没有回答,但是我心里已经有答案了,当打完BOSS掉落的扎昆头盔,队友的兴奋是真实的,当这款游戏没落时,大家在QT里面的告别的落寞是真的,现在想到大家一起组队刷本互相帮助的温暖是真的,我珍惜我在冒险岛的每一件橙装还有一起和我打副本的朋友,所以,世界上哪有那么多的真真假假,当有一天,你在元宇宙花的时候比你在现实里要多,你的元宇宙的身份比你现在的身份要重要的时候,你那时候觉得那边是虚拟哪边是现实的,当你有一天想去现实中买鞋和衣服的时候,会有人问你,现实中的鞋子和衣服不就是一堆垃圾吗?为什么要那么认真呢?

文章来源:站酷 作者:Endings 

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

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

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

揭秘2021红点设计大奖作品KNOWING——通过可视化提高对数据的理解

资深UI设计者

AIOps智能运维平台KNOWING荣获2021年度红点大奖,从它的数据可视化之路可了解如何通过设计提高对数据的理解

微众银行智能化运营团队的软件系统KNOWING荣获2021年度红点大奖,这是团队在多方面获得的奖项之一,也很好的体现了软件系统和团队的综合能力。


关于红点奖

红点大奖是世界上最大的国际设计奖项,是世界知名设计竞赛中最大最有影响的,至今已经举办了大约66年。该组织以“寻找好的设计和创造力”为指导原则,为设计师和公司提供了一个设计作品展示和评估的平台。Red dot由“red dot product design ”产品设计奖,“red dot communication design ”传达设计奖及“red dot design concept ”设计概念奖,三大奖组成red dot设计奖家族。近年红点获奖的数量随着世界工业生产和设计能力的成熟而增加。尽管如此,红点奖和IF奖是世界上仅有的,公认评判好设计的国际机构,而能得到至尊奖 Red Dot:Grand Prix的设计更是行业翘楚。今年,23名国际专家查看、讨论和评估了来自世界49个国家的9178份传达类参赛作品。

有兴趣的话,可以了解一下红点是如何评审和颁奖的
评审——  红点是怎样评选的 The best products in 2020 – The Red Dot Jury selects the award winners_哔哩哔哩_bilibili
颁奖—— 2019红点产品设计大奖 - 红点盛会_哔哩哔哩_bilibili

从设计奖的动态看趋势

德国红点奖机构于2015年在中国设立“中国好设计”奖 (China Good Design)简称CGD,发起针对中国的全新国际化设计奖项。自加入世界贸易组织WTO,中国成为了世界工厂,为世界各国生产基础工业产品。随着中国工业生产能力逐步发展走向成熟,现代工业生产的中心由德国和美国转向了中国。从德国红点奖在中国成立分部的举措,除了看到商业盈利的目的外,还可以看到一个风向标,这就是在信息时代下,更多适应时代的好设计会出现在中国,这也给全球相关专业人士带来了机遇和挑战。蔚来就请德国设计师设计汽车和Logo就是其中一个案例。


得奖项目介绍

项目名称:KNOWING

发布时间: 2019.04

设计师:朱倩蓉

程序员:张若君

项目经理:莫林林

团队:微众银行智能化运营室

地点:中国深圳

奖项类别:2021红点设计大奖-界面与用户体验设计

什么是KNOWING

KNOWING的意思是“having or reflecting knowledge, information, or intelligence”拥有知识、信息,甚至智能。不止于人的专家的知识,KNOWING期望通过挖掘数据和神经网络等IT技术,给监控系统带来更多机器智能,甚至能反哺给人类智能。


  


KNOWING是一个为保证银行IT系统正常运营的监控软件系统。它给IT系统的运维人员提供如智能数据监控、检测IT系统异常及定位和分析异常的服务。通过有效监控和管理,IT系统能实现超越电信系统的可用率。这意味着,IT系统的问题能够被快速察觉和扑灭,不会影响银行的业务,更不会从而导致商业损失,银行用户也因此可享受7*24流畅的线上服务。


设计背景

作为一个数据导向且面向专业人员的软件系统,过往的IT监控系统会展示大量的数据表格,IT运维人员通过表格查询找到所需要的数据,再通过个人经验定位和分析IT系统异常的原因。但是纷繁的数据和庞杂的查找工作,以及对个人经验的依赖需要耗费大量人力,而人的操作是会出现滞后、误判、遗漏、效率低等问题的。KNOWING在原始系统的基础上挖掘了更多的数据关联关系,一方面想用有效的方式展示这些数据关系,另一方面想帮助IT运维人员更快速理解更精准判断数据,从而提高工作效率。

因此,KNOWING的设计就需要与其他的系统不同,尽管并不面向非IT人员,它还是需要用图形化的界面展示密集的数据,通过可视化和交互来体现数据的关联关系,促进对数据逻辑快速理解。


总览

总览页面最上方的时间横轴展示了在一定时间段内检测出的重要IT异常,点击某个异常红点,下面的条状颜色区块是展示这异常分析的5个阶段。接着是异常的影响、评级、分析结论、具体指标等模块,模块的顺序按逻辑分布,从总到分,从粗到细。


根因分析流程可视化

异常分析的最后一个阶段是根因分析(RCA),是异常一个从检测到根因分析的双向流程。通过数据可视化的设计,这个流程可以被非常形象表达和快速理解。左侧是对数据流的3次分类处理,右侧是通过AI,如指纹识别一般找到当次事件与历史记录的共同特征,从而推断当次事件的类型,根据类型推导根因。双向分析最终汇聚成中间的结论。


交易树

KNOWING实时生成交易树,它展示的是一单银行交易所经过的所有IT节点。节点内外和枝干的设计细节表达了该节点的不同状态。IT运维人员可以从交易树中快速得到交易的概览信息。

交易树的生成


子系统知识图谱

IT系统内存在着大量的子系统,KNOWING描绘出了他们复杂的关联关系,这就是子系统知识图谱。图中可以根据部门分簇查看子系统,也可查看全量或单个子系统。若搜索某个子系统,则以此子系统为中心查看所有关联关系。这样,运维人员可以从不同的角度了解子系统并形成全局概览。

3种视图查看:按部门、全量、单个

按部门分类查看

查看全量

查看单个


从以上的例子可以看到,可视化不是单纯的图表方式展示数据,数据可视化是将密集的抽象数据压缩并还原为形象方式展示。由于抽象的信息是人类演化的后期发展出来的,生物性决定了人脑天生擅长处理形象的物体。所以信息越形象,需要经过大脑处理的区域就越少,获取的速度就越快。

https://v.youku.com/v_show/id_XNTgyMDkwODIzMg==.html?firsttime=95


对设计与科技的思考

IT技术逐渐渗透各个领域,行业与行业、技术与技术间逐渐融合。科技,尤其是IT技术和设计未来会如何相互影响?经过多年对后台产品的设计以及经年的学习和深入思考,本人确实看到了一些趋势也沉淀了一些见解。以下是我给红点奖写的一些思考。

科技如何改变设计

科技是人类能力的外化,科技是新工具即新形式。设计的本质就是做内容和形式的适配,所以,新科技的到来意味着形式的改变,而形式的改变会影响内容,这就需要重新做内容和形式的适配工作,也意味着新设计需求涌现。

设计的未来挑战

从设计的角度来讲,过去被设计物的传达是单向静态的,因为工业时代的事物相对简单。我们慢慢在步入智能时代,物体会从静态的变为智能动态的。所以,静态的单向的传达会逐渐变为动态的双向的交互。比如原来的静态的画面通过显示设备传达设计师的意图,如今还需要考虑到智能系统和交互设备所拥有的能力,根据使用者的不同反应给出反馈。因此,新设计需要考虑的元素会更多更复杂。


未来已来。

设计师想要在新的时代迎接挑战,甚至是拔得头筹,一方面,可以参考工业革命时期科技对设计的影响来预判未来的变化;另一方面,在新工具产生的时候,设计师与其挣扎纠结而故步自封,不如快速接受新时代的变化,学习新知识和运用好新工具。

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

文章来源:站酷 作者:Z085740511 

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

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

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


译文:开启新时代的响应式网页设计

ui设计分享达人


///

它是如何开始的-固定屏幕

在千禧年来临之前,我们首先开始在单一视图屏幕中进行UI设计,这类屏幕在当时最流行的尺寸是640x480。大多数时候,我们甚至没有考虑让屏幕滚动,而是在特定区域或文本局部区块中设置了内部滚动条。毋庸置疑,当时的大部分网页也是用Flash或HTML创建的,并带有用于布局的表格。那是在智能手机出现之前,随着事物的发展,我们经历了第一个向“响应式”设计的根本转变。我们已经走了很长一段路,CSS已得到长足的发展,“响应式”网页设计从2010年开始才真正获得了专有工具。

图表来源: https://www.webdesignmuseum.org/web-design-history


///

它现在怎么样-响应式设计

随着CSS3的发布,我们获得了对“媒体查询”(Media Queries)的访问权限(译者注:随着移动互联网的兴起,我们需要适配多种移动端设备,这就需要用到Media Queries,即“媒体查询”),此后不久,Ethan Marcotte在2009年底创造了“响应式设计”一词。十多年来,我们一直使用“响应式网页设计” (RWD) 创建网页布局,作为一种网页设计方法,仅需基于一种屏幕尺寸进行设计,“响应式”使我们的设计能够适配各种设备和屏幕尺寸。

在早期,当移动电话还不兼容媒体查询或JavaScript时,“移动优先”和”渐进式增强”的概念就成为了非常流行的方法,当时有很多CSS完全不受支持。

用我们今天的话来说响应式设计,我们认为页面的布局要适配整个浏览器、屏幕大小和那些需要投射到整个布局上的限制。当需要设计从桌面端调整为移动设备屏幕所需的尺寸时,我们使用“媒体查询”来更改整个页面布局。

 

///

它的未来是什么-组件驱动

很快,使用这种“响应式”设计方法可能会被认为与使用表格进行页面布局一样过时—就像我们在90年代所做的那样。

我们通过基于viewport(视口)的“媒体查询”获得了许多强大的工具,但我们也缺乏很多适配的可能性,因为“媒体查询”是一个适用于整个页面的通用解决方案,并且对每个用户来说都一样。我们缺乏响应“用户需求”的能力,也缺乏将“响应式”样式注入“组件”本身的能力。


当我们谈到组件时,这里指的是页面上的“元素”,这些元素可以由其它“元素”的集合组成。例如卡片、横划卡或推荐模块之类的UI内容,每个“块”都由各种更小的“构建块”组成。这些组件拼凑在一起构成我们的网页。我们可以使用 global viewport information(全局视口信息)来设置这些组件,但它们仍然无法拥有自己的风格。当我们的设计系统是基于“组件”的而不是基于“页面”的时,这使得它变得更加困难。

好消息是这个生态系统正在发生变化,而且它正在迅速变化,这需要我们进行一些思维转变:考虑如何设计和定义组件样式以及它们如何适应周围环境。

CSS正在不断发展,“响应式”网页设计的新时代即将到来。从目前的情况来看,自从我们第一次引入 “响应式网页设计” (RWD) 以来,仅仅10多年的时间,这个生态系统已经准备好迎接CSS发生一些相当大的改变。


让我们深入研究一下可以期待哪些类型的变化,这会如何改变我们的设计方法,以及我们如何考虑界面设计。

 

///

用户能够设置基于个人偏好的“媒体查询”

简单来说,我们可以期待新的基于偏好的“媒体查询”来帮助我们更好地“响应”用户。它们将使我们能够根据用户自己的特定偏好或需求来设定网页样式。这将使我们能够根据用户的体验偏好来调整用户体验。

这绝不是一个完整的列表,但能给你一些想法,这些基于偏好的“媒体查询”可能包括:

这些将帮助我们构建更具活力和个性化的网页体验,专门满足我们用户的专属需求,尤其是那些希望网站易于访问的用户。更进一步说,这些基于偏好的“媒体查询“尊重任何用户已经在操作系统设置的偏好。举个例子,当用户的操作系统偏好设定为“减少动效”时,他们很可能不喜欢你页面上的超级华丽的介绍、加载或飞入的动画动效。我们应先尊重他们的偏好,并为其他人提供“动效增强”的体验。

另一个流行的媒体查询是@prefers-color-scheme(配色偏好设定),它允许我们根据用户的偏好和操作系统中的设置将我们的设计更改为“亮色模式”或“暗色模式”。这不依赖于用户需要手动来更改“暗色模式”,它会自动发生。

///

“容器查询”为你的设计系统注入新的生命力

CSS 中最令人兴奋的新兴领域之一是“容器查询”(container queries),通常也称为“元素查询”。从基于“页面”的“响应式”设计到基于“容器”的“响应式”设计的转变对发展“设计系统”的作用价值不容低估,尽管今天使用它并不安全,但重要的是要了解其发展方向。

简而言之,“容器查询”将允许我们基于“父级容器”而不是整个页面来设置规则。这意味着任何组件都更加独立,与现代设计系统保持一致,真正成为“即插即用”模块,可以转移到任何页面或布局,而且无需根据新环境重新考虑所有内容。

“容器查询”为我们如何规划、设计和构建特定组件提供了一种更加动态的方法,因为组件本身拥有它的响应信息。

甚至Ethan Marcotte自己也表达了为什么“容器查询”如此重要,我们应该研究一下。

 

///

考虑各种形态因素

由于各种“形态因素”(form factors)的变化和扩展,例如新的屏幕类型,可折叠屏,我们需要“媒体查询”来考虑这些场景。在这里提到的所有内容中,请记住,这是最具实验性的,并且只是一项正在进行的工作,仍在尝试解决我们可能遇到的任何复杂问题,同时考虑未来“形体因素”可能会如何发展。

在可折叠屏场景中,原型中有一些“媒体查询”可以让你定位屏幕跨度以及我们如何让内容根据新环境进行适配。例如,你可以在一个屏幕上放置一个收起的侧边栏(或菜单),并允许内容在另一个屏幕上展开并随页面滚动。

 

///

为什么我们需要它?

我知道你在想什么,我们已经从事网页设计并使用“响应式”来进行网页设计10余年了。我们对其相当满意,那么为什么要改变呢?如果我们真的以终局视角来看响应式设计,那么它就是关于个人用户的用户体验设计。我们正朝着一个与每一位个体用户高度相关的时代迈进。我们的网页体验应该去适应用户的需求偏好。随着设计系统的发展以及我们如何创建更便携的网页,诸如“容器查询”之类的工具将变得非常有意义。

配图:CSS 将基于各个层级来确定用户的最佳体验

 

考虑到这一点,这意味着我们现在可以使用基于页面的媒体查(包括跨越屏幕的细微差别)来设计宏观布局;使用容器查询的组件设计微观布局;使用基于用户偏好的媒体查询,根据用户独特的偏好和需求定制用户体验。

 

对于新的响应式设计,有许多新概念正在被原型化和概念化-请看下面的延伸阅读。所有这些协同工作的方式需要我们从根本上转变我们对设计和用户独特体验的看法。我们需要更加适应这样一个事实:即我们的设计不是静态的,不仅在布局上,还有在用户可获得的体验中,我们需要学会在这种模糊性中做出计划。网页和设计的未来变得越来越复杂,我们需要适应和挑战自己,理解“新响应式”体验的意义。

 

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

文章来源:站酷 作者:百度MEUX

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

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

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

剖析车载界面设计

资深UI设计者

       HMI是Human Machine Interface 的缩写,“人机接口”,也叫人机界面。凡是参与人机信息交流的领域都存在着人机界面。本文将深度剖析车载界面的设计要点及注意规范。

       智慧城市的建设趋势越来越显著,政府对于汽车智能化、信息化发展非常重视,汽车驾驶体验感与个性化的设计也会成为我们对于汽车选购的参考和方向,自从人们对于用户体验的重视,人机交互设计工作内容也成为重要环节。

       对于人机界面,首先我们要明确一些概念。


1、人机界面与人们常说的“触摸屏”有什么区别?

从严格意义上来说,两者是有本质上的区别的。因为“触摸屏”仅是人机界面产品中可能用到的硬件部分,是一种替代鼠标及键盘部分功能,安装在显示屏前端的输入设备;而人机界面产品则是一种包含硬件和软件的人机交互设备。在工业中,人们常把具有触摸输入功能的人机界面产品称为“触摸屏”,但这是不科学的。


2.人机界面产品中是否有操作系统?

任何人机界面产品都有系统软件部分,系统软件运行在HMI的处理器中,支持多任务处理功能,处理器中需有小型的操作系统管理系统软件的运行。基于平板计算机的高性能人机界面产品中,一般使用WinCE,Linux等通用的嵌入式操作系统。

       我们做的交互场景是有车辆行驶的,所以首先是要考虑安全因素,美观其次,因此在特殊环境下操作车载系统,我们无法用传统移动端沉浸式的设计思维来设计车载的界面与功能,需要放下所谓的美学,紧扣实际场景下的交互方式与用户需求来设计,因为在极短时间内导致我们必须对所有可能用到的功能入口一步即达,对信息的布局必须做到一眼即见。



       汽车HMI有自己的设计原则和设计规范以及美学理念。

汽车行业本身是一个有着强烈美学理念和设计规范的行业,其实准确的说应该是汽车HMI中控设计是基于自身传统规范,结合互联网移动端和Web端的基础上,慢慢形成了一种新的设计规范。


       在开始讲解之前,我们首先要了解官方的一些设计规范。

1. 阿里 Alios 开放平台

https://miniapp.alios.cn/index#/document

2. 百度车载生态开放平台

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

3. 谷歌驾驶

https://developers.google.com/cars/design/design-foundations

4. 苹果 Apple Car Play

https://www.apple.com.cn/ios/carplay/

5. 华为车机三方应用交互设计规范

https://developer.huawei.com/consumer/cn/doc/50902

   

       我们还要了解车内屏幕的类型,主驾驶前面的仪表盘、HUD和中控屏幕,副驾驶和后排的娱乐屏幕。

1. 仪表盘

汽车仪表盘是反映车辆各系统工作状况的装置。一般由时速表、转速表、机油压力表、水温表、燃油表以及电子指示灯等组成。汽车仪表是驾驶员与汽车进行信息交流的重要接口。当今纯液晶屏的仪表盘占市场主导地位,纯机械、灯显、段码将退出历史舞台。

2. HUD

平视显示器(Head Up Display),最早是航空器上的飞行辅助仪器,运用在战斗机上,由于战斗机上很多信息需要飞机驾驶员随时查看,避免驾驶员低头看仪表而分心,随后又普及在民航客机上,由于HUD的方便性以及能够提高飞行安全,这项技术后来也发展到汽车行业,汽车搭载的HUD抬头数字显示功能,是利用光学反射的原理,将重要的行驶信息胎压、速度和转速等信息投射到驾驶舱前段玻璃上面,在驾驶过程中不用分心看仪表盘,减轻眼睛的疲劳,给驾驶带来便利和安全。


       此前,HUD前装市场基本被日本精机、德国大陆、日本电装、伟世通等国外巨头垄断,且竞争格局高度集中,前五名企业市场份额超95%。近三年,随着国内智能驾驶技术商业化落地加快,不少自主品牌供应商开始崭露头角,且爆发力十足。HUD的发展会越来越迅猛,原因主要有以下几点。

1、HUD作为ADAS人机交互的窗口,可以呈现驾驶辅助信息,提升驾驶的安全性和舒适性,使驾驶者拥有更佳的应用体验;

2、为提升市场竞争力,车企对自动驾驶和智能座舱重视度提升,尤其是自主品牌车企近年在国家智能网联发展战略的推动和扶持下,转型动作快、力度大,产品创新和应用上也更加大胆和前卫。、

3、HUD技术上取得突破,显示效果大幅改善;

4、随着技术升级,HUD配套价格逐渐下降,性价比逐步提升;

3. 娱乐屏幕

后排娱乐屏更像是一个平板,主要功能点为视频、音乐、游戏等等,帮助后排乘客打发时间,所以后排的娱乐系统就是为娱乐而生,无需考虑安全性。

车载界面的设计原则

1.迅捷性

与人们常常所说的三秒设计原则类似。移动端系统为沉浸式操作,而车载系统不一样,在驾驶过程中,用户95%的精力在于聚焦驾驶上行为上,用户只能抽取仅5%左右的精力与时间来操控车载。因此也就决定了车载系统的功能逻辑,信息布局都必须在极短的时间内以最好的方式呈现。

而如果用户没有在这个时间以内完成操作任务,要么用户选择放弃,重新再来;要么用户花费更多时间和精力,但这样驾驶的危险系数会成倍增长。经笔者多次在不同路段试验,统计下来平均每次操作,即视线与注意力专注在车载上的时间,无法超过三秒,事实上,当进入第三秒时,已不得不需要利用余光开始注意前方路况了。

因此,在三秒以内,无论是用户第一次操作失败,重新注意路况后,再重复操作,还是用户持续操作直到任务完成,都是非常危险的行为,在这里,由于用户试错的成本非常巨大,也因此交互的设计与信息布局的设计都需要做到最极致的状态。


       随着大屏、多屏化的发展趋势,触摸和语音控制应时而生,为了增强操作合理性,以及减少或避免触摸屏的误触功能。从信息输入来看,以触控、语音为主,手势、视觉交互为辅;从反馈输出来看,以视觉、语音、触控交互为主,嗅觉交互为辅。

人机交互定义需要区分车辆是行驶中还是静止状态,车辆在行驶中,对于需要驾驶员操作反馈的交互行为需要遵循3S原则(上面提到的三秒原则),降低安全隐患。甚至有一些交互动作在车辆行驶过程中需要禁用的。

2. 聚合性

得益于计算机算法的强大,汽车功能越来越完善,信息量也越来越大,为了让用户有更好的体验,避免过多信息的干扰,必须做到界面显示轻量化。

这也是为什么飞机驾驶舱内、国际空间站内的各种操控开关拉杆都是星罗密布式的摆放,并非以如今的科技无法做到像科幻片里一样简洁干净的操控台,而是因为考虑到在实际应用场景下,专业素质的人员不需要也没有时间去欣赏美观的界面,学习我们所认为的交互方式。


保障关键信息是醒目的,容易让用户视觉快速捕获,在各种环境场景下具有良好的可见性和易读性,无需驾驶员费力寻找和识别。

3. 及时性

这里所说的及时性指的是反馈信息的及时性,我们要考虑实现全方位的信息提示,着重考虑视觉层面和听觉层面。

在驾驶的过程当中,司机的双手被占用,于是眼睛和耳朵感知要提高,与移动端的视觉显示不同,HMI设计师需要注意除了基础的视觉显示规范外,还需格外注意与安全相关信息的展示、视觉警告、文字易读性和显示眩光等显示问题。

在车辆行驶过程中,对于司机来说,听觉反馈也是很有必要考虑的场景,通过语音反馈司机需要获取的信息,能让司机尽量保持视觉焦点在路况上。多场景的融合考虑信息获取的效率,能减少在开车过程中的安全隐患。

我们不仅要考虑设计层面,还要考虑到交互层面。

交互方式

(1)触控

这里分两种,一种是通过按键控制;一种是通过触屏控制。

都是通过不断的触控功能按钮行程锻炼肌肉记忆,现在的趋势越来越趋向重触屏,轻按钮,这样不仅系统迭代成本小,功能可以动态分布。

但是对于一些精准调节的功能还是按键控制好一些。

微软 的Surface Dial可以给我们很好的启发,智能旋钮可以解决大部分屏幕调节的不精准的痛点,而效率又高。

(2)语音

在汽车人机交互中,语音交互被认为是车内场景下最自然的交互方式,而语音交互需要一个载体来传达多样化的情感。

语音控制的前景主要在于两个因素,一个是可以把除了界面以外的利用起来,一个可以与HMI自由交谈,二是最小化HMI手动操作产生的干扰,增加安全性。

(3)手势

手势交互是对语音交互、触控交互的很好补充,能够让车主通过简单的手势和语音就能完成车内的交互任务,也是能够增加交互趣味性、表达情感、传达情绪的另一个自然交互方式。

常用的手势:单指滑动(上下左右)、双指滑动(左右)、五指抓取等。

HMI的交互手势不同于手机和IPAD,手机和IPAD握在手里,左右手都可以操作,多指组合的可能性也多,而HMI的手势定义,更多的是需要满足驾驶员的使用场景,屏幕是固定在车上的,要规避掉一些不方便的手势。

比如双指往上滑动就很不方便,向上推不灵活,也有阻力。

       所以要想系统整体跳出基础可用性范围,进阶到好用的层次,系统对各种复杂交插的应用场景的处理需要更加智能(如导航中的来电,紧急路况的提示),对车内环境控制(如声音、气温)需要更加敏感。车载系统的设计相比于移动端有着更明显的约束,不论是从空间、时间、行为、心智,都有着明显独特的场景和特点,要做好车载系统设计,我们需要有丰富的同理心以及亲身体验并反复验证设计。

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

文章来源:站酷 作者:弧形线

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

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

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



浅谈公共艺术在地性观念与UI设计 ——以冲突关联性为例

ui设计分享达人

如果将【UI设计】比喻成一位新型时髦的青年,那么【公共艺术】则是一位已在历史长河中摸爬滚打数十载的老者,一位伟人曾说过:人类的发展从历史中获得启迪,故笔者旨在从探讨公共艺术在地性观念的角度,来浅谈如何在UI设计中凸显情感关怀。


1 公共艺术在地性观念


“艺术是什么”

undefined

当代艺术作品(图片来源:网络)


学者王瑞芸认为当代艺术边界模糊且艺术家创作手段任意, 不仅没有一个能够称得上固定的风格,也不存在相应的美术主张,因此无法用语言对其进行概述。 而二十世纪实验艺术的先锋马塞尔·杜尚 (Marcel Duchamp) 曾用种种艺术实践行为向公众宣告:经由艺术家之手创造的就是艺术。



“什么是公共艺术”

undefined

公共艺术作品(图片来源:网络)


学者金江波在其专著《地方重塑—公共艺术的挑战与机遇》中指出:公共艺术体现的艺术主张依托于关注人文的公共理想。 复旦大学的汤筠冰教授曾在其公开课《城市公共艺术》中讲述到,公共艺术与纯艺术的不同之处体现在,公共艺术中包含了一种地域文化。


相较于说不清、道不明的“艺术”,公共艺术有别于纯艺术“为我性”的情感抒发,更加强调艺术作品与空间、人之间有意识产生的情感联系,用语言来概况其特性可以总结为:公共性、艺术性、在地性。




“什么是公共艺术在地性”

undefined

公共艺术作品《爬墙的熊猫》(图片来源:网络)


相较于“公共性”与“艺术性”的“基本性质”,笔者认为受“他人”影响而产生的“在地性”更能明显地体现公共艺术中的文化关怀,什么是公共艺术在地性观念,用一句话来概括:公共艺术与空间的关联性。

纵观艺术史,公共艺术的在地性范式可以总结为以下三类:



(一) 与空间的融合关联性

undefined

古希腊帕特农神庙(图片来源:网络)


最常见的一种在地性范式,起源于人民的基本需求已得到满足,开始追求更高层次的精神追求——对美的追求。例如古希腊帕特农神庙的建造依托于古希腊人民对细节美与民主性的崇尚与追求,以及中世纪的“城市美化运动”,“依附于建筑的艺术”,均是以在依托于周围环境、融入当前环境的方式来体现公共艺术的艺术性价值。



(二) 与空间的冲突关联性

undefined

艺术家佩尔施克策划的公共艺术活动《红球计划》 (图片来源:网络)


主要集中在后现代主义时期,后现代主义艺术批判以往艺术的精英化,追求艺术“生活化”。这一时期许多艺术家将与需求空间格格不入的通俗化形象放大植入公共空间中,产生与当下空间冲突的视觉感官体验,以“介入”空间的“逆向之美”的方式来体现出了公共艺术的艺术评判性价值。


undefined

艺术家奥登伯格创作的《世俗丰碑系列》(图片来源:网络)



(三) 与空间的无关联性

undefined

《瑞秋猪》与《乳牛大游行》(图片来源:网络)


出现在后现代主义时期,此时艺术家致力于使艺术摆脱架上束缚,追求艺术的开放性,诸如《柏林熊》、《乳牛大游行》以及《瑞秋猪》等社区参与类公共艺术作品,以艺术家主导的活动形式让大众参与到艺术创作过程中,打破以往以艺术家为中心开展的艺术创作行为,去中心化,此类公共艺术摆脱空间的束缚,其在地性含义由参与者构成,其开放性艺术价值仿佛实现了大同之美。

     

2 在地性艺术语言与UI设计-以冲突关联性为例

(一)关联性的意义

undefined

例子1


上图中左边是由英国艺术家安尼什.卡普尔(Anish Kapoor)创作的公共艺术作品《云门》,将芝加哥市民引以为傲的摩天大楼与天际线的形象利用镜像反射的原理映射在光滑的雕塑表面,凸显城市文化与自信。右边为新疆克拉玛依油田新地标,似乎与芝加哥的《云门》没有太大的区别,抛开是否购买版权这一点涉及到法律层面的考量,从艺术价值层面来考量这件“作品”,周遭土黄色的大楼并非是需要凸显的城市文化与特质,强硬的植入只会削弱了作品的艺术价值。

undefined例子2


再举一个例子,以美的美居APP的缺省页为例,在最新的版本中,美的美居设计团队将缺省页的视觉元素替换成了自身IP形象“小蓝”,运用与产品相关联的视觉元素,不仅在美化的基础上增强了页面与产品的关联性,更是彰显了品牌自信。


以上两个例子也是为了说明,在UI设计中视觉元素的运用需站在“有理有据”的立场上,贯彻“取之有道 用之有理”的思想。以公共艺术中“与空间的冲突关联性”艺术语言为例,来探讨下此艺术语言在UI设计中的运用。而选择冲突性艺术语言来探讨的原因,主要在于该艺术语言包含的批判性、先锋性与幽默性特质,能够满足当今人们对情感化产品的需求。


(二)公共艺术中的冲突性

undefined


聊到公共艺术,不得不提到的一位艺术家:致力于把生活用品变成艺术品——克莱斯.奥登伯格(Claes Oldenburg),其世俗丰碑系列作品运用幽默风趣的艺术手法,提取与日常生活中通俗的现成物的形象介入公共空间,是对艺术精英化以及国际主义千篇一律设计风格的不满与批判,以及艺术生活化精神的体现。该艺术形式可以引起大众对其的新鲜感以及体现出一种趣味性,但当好奇与新鲜感退却之后,对其剩余价值的质疑也是各学者对这种艺术形式争议不断的原因,持有质疑态度的学者认为“冲突式”公共艺术具有时效限制性,只能在时代特定阶段发挥其艺术作用。


笔者认为站在城市形象塑造的角度来看:

a、"冲突式”公共艺术能够体现一个城市的包容性与开放性,万千艺术姿态都能被接受与容纳。

b、艺术家选取的艺术形象均来源于人们的日常生活形态,其艺术元素并不因地域等物质外在条件的不同,而对不同城市地区的人们产生不同意义,其体现的是一种全球共通性文化,其艺术性是针对城市公共空间而言。 


undefined

undefined


综上所述,笔者认为在冲突式在地性语言中,运用的艺术元素具有以下几点特征:


通俗性:大众对其有相似的认知与理解

原生性:夸张、未修饰的规模与形态来展示

戏谑性:不按常理出牌,以“格格不入”的形式存在


(三)冲突关联性语言在UI设计中的运用

undefined

例子1


针对上述三种特征,在一些APP的UI设计中,也可以找到相应的案例。例如B站番剧《总之就是非常可爱》的进度条的图标设计案例之一,该案例的运用起因在于该番剧的剧情甜份过高,网友们纷纷用弹幕类似于表达“我酸了”的通俗网络语言来刷屏,引起了B站的关注,于是就有了柠檬代替进度条的操作。



undefined

例子2


而Instagram推出的视频产品「IGTV」,其加载页借用了8090年代人们对老式电视信息收视不良的记忆——雪花屏元素,该元素与当前高科技信息技术时代的冲突性不仅营造出了炫酷的视觉效果,同时也使得产品饱含了怀旧的情感关怀,代表了一个时代的通俗回忆,得以与用户产生共情。



undefined

例子3


哔哩哔哩阅读的停更通知用更加通俗易懂的【请假】来代替,以及克拉克拉APP用【拔掉电线】的口语化用语来描述退出直播间的行为,不仅拉近了产品与生活的距离,也凸显了幽默的情感化设计。


虽然艺术与设计的边界日益模糊,但是二者之间仍然具有本质上的区别,那么我们在探讨艺术语言在设计中的运用时,应把用户体验的良好与普适性也考虑其中,将艺术语言进行设计化的处理,结合上述艺术案例与设计案例来看,冲突式在地性艺术语言在UI设计中的运用时,其运用元素的特性可以归纳为:


  • 基础条件-通俗性:能够引起大众的共识与话题,大多数的灵感来源于生活;

  • 必要条件-适应性:将原元素的特性进行特质提炼与设计化,与公共艺术不同,在UI设计中是将原元素的特征运用在设计中,同时注重例如提炼的雪花屏幕的闪烁特质,而不是直接将整个雪花屏幕运用在界面上;

  • 增味条件-创新性:跨领域找参考元素。(举个例子,从B领域提取一个元素运用在A领域上,但B领域和A领域的在大家通俗认知中的兼容性并不强,其创新性是由疏离性凸显)


简而言之:

1、保证元素的通俗性,结合当代语境,亦可以理解为#话题性#;

2、可跨领域找参考元素;

3、需要对元素的特质进行加工提取;


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

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

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

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



常见科技风格分类

ui设计分享达人

老板:给我来一套科技风,要炫酷,要眼前一亮的感觉

    你:好嘞~(叮叮当当咚咚当当)

    老板:哎呀,我要的不是这种太花了,不够高端

    你:给您改(叮叮当当咚咚当当)

    老板:哎呀,也不是这种太素了

    你:行,改....(我刀呢)


    没做过科技风格的新人缺乏对常见科技风格的了解,很容易根据甲方模糊的描述及要求,主观性的设计,还会在甲方要改的情况下十分委屈,我做的就是你描述的炫酷科技风啊。科技风格大类本身特征就是炫酷,眼前一亮的感觉,甲方没有了解只能粗略的表述。设计师主动了解市面常见的科技风格细分及其使用场景。就能够问出甲方爸爸更细化的需求,更客观的根据使用场景选择恰当的细分科技风,减少不断重改的成本。


FUI:

    FUI 就是 Fictional User Interfaces (Fictional GUI),就是 Fantasy User Interfaces,就是 Fake User Interfaces,就是 Futuristic User Interfaces,这些用户界面它们是科幻的,是未来派的,是奇幻的,是虚假的.观赏性大于实用性。

    并不是所有风格的FUI都适合应用于现实中,比如——半透明介质且信息复杂的的UI,只适合出现在影视作品里面(和一些视频游戏当中)。它们的表现性强,看起来复杂精密,但对于信息展示功能很弱。其存在的目的是更好的配合场景,不会遮挡演员的脸部。想想看主角对复杂的数据一顿操作猛如虎,让观众眼花缭乱,对主角更加崇拜。


1.商务科技风:

     精致、高端、轻质感;简约干净、形体线条精细;功能感强

     应用:

    车载UI;金融UI;各种科技工具类产品的登录注册或官网Banner;商务海报等

    特征:

    1.商务科技配色较为严肃,低调。背景以深蓝色,深灰色背景居多。

    2.元素的形状并不复杂、外轮廓整体规则,周围的细碎装饰较少。

    3.强调品质感,会模拟一些较为细腻玻璃、金属或哑光的微质感。对于光的使用较为克制,较少大范围的使用辉光,多在边缘使用较细的流光,看起来更加的犀利精致。

(偏商务科技风格例子-图片来源于网络)

2.扁平科技风:

    整体风格偏向机械、直观,其扁平特征是元素扁平纯色块或渐变,弱化图表空间感及体积感。多组扁平的数据可    视化图表,在空间层次的表现上更多是在同一平面上。

    非常适合多数据后台数据展示,强调信息数据的清晰展示,较多使用纯色面元素作为底板,减少了环境的背景外扰因素。且数据分组展示,功能分区明显。

    设计成本及实现成本较低,为目前大多数数据可视化大屏展示所选择。


(偏扁平科技风格例-图片来源于网络)

3.HUD(仪表盘)科技风:

    视觉多使用单色,点线元素。可以与现实背景结合度高。

    应用:

    电影(漫威系列FUI)、游戏、企业产品宣传视频、AR等展示型为主

    特征:

    1.颜色使用上单色居多,尤其多亮色白,亮色蓝,同色相多透明梯度变化。无质感或毛玻璃质感。

    2.简洁而不简单,层次丰富,典型风格HUD。空间层次感丰富,使用半透的结构线3D模型或晶格模型,显得轻        巧而精致,用户能够透过信息层看到场景层,

    3.极简科技风需要设计师把控好细碎元素的体量和数量,对信息不会进行过多的视觉干扰。

    ps:

   极简科技风数据的展示容量大于扁平科技风,看起来很复杂高端但通常实用性差。如果使用过多的数据,则显示    相似类型的图表展示相似的数据集在视觉上可能会缺乏新鲜感,但更易于理解和理解。具有不同的图表在视觉上是令人兴奋的,但用户需要花费更多时间阅读。


(偏极简科技风格例-图片来源于网络)

4.赛博炫酷科技风:

    赛博朋克又称数字朋克、网络朋克。

    应用:游戏、H5、运营banner配图等需要强视觉氛围的运营。代表电影如:攻壳机动队、头号玩家、银翼杀手等

    特征:

    1.张扬奇幻的娱乐感,技能风、故障风、视觉冲击强烈。常见元素:全息投影、义体、立体城市、高达机械元素  等。

    2.人造光是赛博朋克在视觉上最大的特征,背景暗色,常用荧光黄、紫、蓝、粉 、绿灯内外发光,模拟霓虹灯管自发光效果,重点元素高亮辉光。

    3.色彩冷暖撞色对比强烈,如:红蓝对比青紫对比黄橙对比等。

    4.数码屏幕与全息投影是霓虹灯的一种延伸,既能体现未来世界的高科技的感,也能体现出人造和虚拟的概念。部分元素前后叠影色彩错位,有频次的闪动,模拟电子科技的偶发故障。机械化IP形象和字体设计常见金属感和拼接感。

(偏赛博科技风格例-图片来源于网络)

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

文章来源:站酷  作者:唐小葱

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

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

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



人工智能的十大技术及应用

资深UI设计者

人工智能从诞生以来,其理论和技术日益成熟,应用领域也不断扩大。本篇作者给我们介绍了人工智能的十大技术及其相关应用,一起来看看吧。


人工智能发展到现在已经将近有80年的历史。近日来特斯拉也说了自己不是汽车公司,是可再生能源公司、是机器人公司、是人工智能公司,特斯拉也明确表示未来人工智能汽车自动化驾驶的方向是视觉识别+机器学习。

人工智能从诞生以来,其理论和技术日益成熟,应用领域也不断扩大,接下来我将给大家介绍下人工智能的十大技术及其相关应用。

一、问题求解

人工智能的第一个大成就是发展了能够求解难题的下棋程序。在下棋程序中应用的某些技术,如向前看几步,把困难的问题分成一些比较容易的子问题,发展成为搜索和问题归约这样的人工智能基本技术。今天的计算机程序能够下锦标赛水平的各种方盘棋、十五子棋、国际象棋和围棋。

1997年5月,IBM公司研制的深蓝(DeepBlue)计算机战胜了国际象棋大师卡斯帕洛夫(Kasparov)。另一种问题求解程序把各种数学公式符号汇编在一起,其性能达到很高的水平,并正在为许多科学家和工程师所应用。有些程序甚至还能够用经验来改善其性能。

二、逻辑推理与定理证明

逻辑推理是人工智能研究中最持久的子领域之一。其中特别重要的是要找到一些方法,只把注意力集中在一个大型数据库中的有关事实上,留意可信的证明,并在出现新信息时适时修正这些证明。对数学中臆测的定理寻找一个证明或反证,确实称得上是一项智能任务。

为此,不仅需要有根据假设进行演绎的能力,而且需要某些直觉技巧。1976年7月,美国的阿佩尔(K.Appe1)笔人合作解决了长达124年之久的难题–四色定理,轰动了整个计算机界。他们用了三台大型计算机,花了1200小时。

三、自然语言理解

自然语言处理是人工智能的早期研究领域之一,已经编写出能够从内部数据库回答用英语提出的问题的程序,这些程序通过阅读文本材料和建立内部数据库,能够把句子从一种语言翻译为另一种语言,执行用英语给出的指令和获取知识等。有些程序甚至能够在一定程度上翻译从话筒输入的口头指令(而不是从键盘输入计算机的指令)。人工智能在语言翻译与语音理解程序方面已经取得可喜的成就。

四、自动程序设计

自动程序设计是人工智能的一个重要研究领域。目前已经研制出能够以各种不同的目的描述来编写计算机程序。对自动程序设计的研究不仅可以促进半自动软件开发系统的发展,而且也使通过修正自身数码进行学习(即修正它们的性能)的人工智能系统得到发展。

五、专家系统

专家系统是一个具有大量专门知识与经验的计算机程序系统,它应用人工智能技术,根据某个领域一个或多个人类专家提供的知识和经验进行推理和判断,模拟人类专家的决策过程,以解决那些需要专家决定的复杂问题。

专家系统可以解决的问题一般包括解释、预测、诊断、设计、规划、监视、修理、指导和控制等。随着人工智能整体水平的提高,专家系统也得到发展。在新一代专家系统中,不但采用基于规则的方法,而且采用基于模型的原理。

六、机器学习

学习是人类智能的主要标志和获得知识的基本手段。香克(R.Shank)认为:

一台计算机若不会学习,就不能称为具有智能的。

机器学习的主要目的是为了从使用者和输入数据等处获得知识,从而可以帮助解决更多问题,减少错误,提高解决问题的效率。

七、神经网络

人脑是一个功能特别强大、结构异常复杂的信息处理系统,其基础是神经元及其互联关系。对人脑神经元和人工神经网络的研究,可能创造出新一代人工智能机器。

20世纪80年代以来,神经网络研究职又得重大进展。例如,霍普菲尔德(Hopfield)提出用硬件实现神经网络,鲁梅尔哈特(Rumelhart)等提出多层网络中的反向传播(BP)算法。

目前,神经网网络已在模式识别、图像处理、组合优化、自动控制、信息处理、机器人学和工智能其他领域获得日益广泛的应用。

八、模式识别

模式识别是指识别出给定物体所模仿的标本,如文字识别、汽车牌照识别、指纹识别、语音识别等。这是一种用计算机代替人类或帮助人类的感知模式,是对人类感知外界功能的模拟,使一个计算机系统具有模拟人类通过感官接收外界信息、识别和理解周围环境的感知能力。

九、机器视觉

机器视觉或计算机视觉已从模式识别的一个研究领域发展为一门独立的学科。视觉是感知问题之一。在人工智能中研究的感知过程通常包含一组操作。例如,可见的景物由传感器编码,并被表示为一个灰度数值的矩阵。这些灰度数值由检测器加以处理。

检测器搜索主要图像的成分,如线段、简单曲线和角度等。这些成分又被处理,以便根据景物的表面和形状来推断有关景物的三维特性信息。机器视觉已在机器人装配、卫星图像处理、工业过程监控、飞行器跟踪和制导以及电视实况转播等领域获得极为广泛的应用。

十、智能控制

智能控制是一类不需要(或需要尽可能少的)人的干预就能够独立地驱动智能机器实现其目标的自动控制,是自动控制的高级阶段。1965年,傅京孙首先提出把人工智能的启发式推理规则用于学习控制系统。十多年后,建立实用智能控制系统的技术逐渐成熟。

百度公司董事长兼首席执行官李彦宏认为,人工智能是具有显著产业溢出效应的基础性技术,能够推动多个领域的变革和跨越式发展。例如:人工智能可以加速发现医治疾病的新疗法,大幅降低新药研发成本;可以带动工业机器人、无人驾驶汽车等新兴产业的飞跃式发展;可以大幅提升国防信息化水平,加速无人作战装备的应用。人工智能技术将极大地提升和扩展人类的能力边界对促进技术创新、提升国家竞争优势,乃至推动人类社会发展产生深远影响。

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

文章来源:人人都是产品经理  作者:汪仔2461

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

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

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



车载智能助手设计:智能座舱的合作伙伴

ui设计分享达人

前言:


随着科技的发展从家庭到办公室,协作机器人(cobots)正在逐渐出现在我们的视野,汽车车载虚拟形象也越来越多地涌现,例如:蔚来的NOMI,理想的ONE,奔腾的YOMI。虚拟语音助手的形象也越来越符合大众口味。虚拟语音助手形象通过改善用户体验和培养情感联系来增加汽车的价值。但是我们在使用的过程中不难发现,机器人的设计很容易出错,从而让我们感到无聊、生气,甚至更糟糕的情绪——害怕。

 

那么,汽车公司如何设计虚拟语音助手,才能创造更安全、更高效、更有回报的驾驶体验呢?

本文将通过以下几点进行阐述,让虚拟语音助手的设计创造更好的汽车体验。


1.利用UX(用户体验)来驱散对人工智能的恐惧


如果在文化的进程中,高科技在其中扮演过一个坏人的角色,那么在设计时一定要谨慎。例如,在美国,小说作家史蒂芬·金写过一本关于杀人汽车的恐怖小说,这会让用户在使用汽车的时候产生联想。

谷歌公司也深知这一点,这就是为什么早在10年前,它将其早期的自动驾驶汽车Waymo设计得如此可爱,目的是为了帮助人们更适应自动驾驶这一遥远的概念。

          undefined

史蒂芬·金恐怖小说《克里斯汀》                                 谷歌第一辆无人驾驶汽车waymo


从另一个角度来说,创建一个可爱的,温柔的,虚拟形象是为了给用户一种优越感,从而消除恐惧。

外形的设计固然重要,但是行为比外观更应该受到重视,美国时间2016年6月27日,Anki发布的玩具机器人Cozmo的产品,它的面部是一块发光显示屏(OLED),眼睛则是随心情变化的方块。因为外形相似,Cozmo被认为是皮克斯动漫《机器人总动员》中瓦力(WALL-E)的现实版。看起来比较呆萌,给人一种畜类无害的感受。并且通过笨拙的行为,展现出它呆萌的性格,大大降低了人们得戒备心理。

呆萌的机器人Cozmo

           

以黑绿色代表邪恶的斯莱特林学院                                黑绿色的Cozmo


因此即使用了一些比较可怕的颜色,例如,黑绿色。你也不会产生恐惧的心里。由此可见,行为远比外观给用户带来的感受更具有说服力,也更加直观。

当我们在设计语音虚拟助手时也是一样,无论是作为一个合作机器人,还是车辆本身,要问问自己,我想展现的AI是什么样子的,这样你就可以在它跨屏幕迁移时设计一个有凝聚力的体验。


总结虚拟语音助手的形象要降低用户的恐惧感适当的为用户增加优越感


2.不要越界


Jibo是一款设计来帮助你在家工作的合作机器人,由 MIT 科学家 Cynthia Breazeal 制造。它高约28cm,重约六镑,无法自由移动,拥有电子眼睛、耳朵和声音,头部可以 360 度旋转并进行声音定位,能够讲故事、聊天和提供安慰,也可以拍照和做日程提醒。但可惜的是它失败了,因为它承诺太多,更注重情感而不是功能,比如语音和人脸识别上存在一定的误差,并没有宣传视频里演示的那么生动;智能家居中控方面,因为要通过第三方平台实现控制,实际体验并不流畅;又比如,因为起初内容缺乏、功能未得到完善,Jibo 无法看视频、玩游戏和视频通话,除了挤眉弄眼之外,屏幕成了摆设。

简单来说就是它能做的事儿和它899美元的售价不匹配,自然就没有用户愿意为他买单。

 经营失败而倒闭的机器人JIBO


Qoobo是一款带尾巴的靠垫,可以通过摆动尾巴来安慰用户,虽然看起来也没有特别智能,但它之所以能够成功的原因是因为它的功能和价格合理。在满足基本需求时,“摇尾巴”的功能可谓是“锦上添花”。

深受用户喜爱的坐垫机器人Qoobo


在车载中也是如此,比如蔚来的NOMI,经常有用户反馈,nomi有的时候所问非所答,要喊出指定的关键词才可以做出相应的应答,但是它能够成功的原因是,它们能增加真正的价值,并在受控的环境中运营,在那里人工智能可以成为“领域的老板”。同样的在设计虚拟语音助手形象时,需要有一个明确的目的,那就是它能做什么,不能做什么。换句话说就是:在不影响我驾驶的前提下帮助我完成一些额外的工作


总结:要使虚拟语音助手成为功能清晰的服务生态系统的一部分满足用户的基本需求



3.展现它作为助手功能性的一面


恐怖谷理论是一个关于人类对机器人和非人类物体的感觉的假设,它在1970年由日本机器人专家森昌弘提出,虚拟形象或机器人的仿真度越高人们越有好感,但在相似度临近100%前,这种好感度会突然降低,因为你无法分辨某物是否是人类,这会让用户产生不安的心理。虽然车内人工智能显然不是人,但我们确实要避免这个令人毛骨悚然的情况发生。在赢得用户的信任并建立联系的同时,也需要让用户知道你的界限,并对数据的收集和使用保持透明。

undefined                          

恐怖谷理论


                       

令人恐惧的设计                                                                   看完就喊妈妈的动画


还要注意的是在设计的过程中,要区别人和人的交流以及人和虚拟语音助手的交流的交流。

机器人再说话时会说:请,你好等礼貌用语,这样父母在使用语音助手的同时,不会担心孩子学到一些粗鲁的用语

其次,我们在与功能性动物交流时,不会用人类的用语,更倾向于使用专门的动物用语。例如,在东北赶集的人,不会对马或者驴说,往前走,不要走了。而是会说:“驾”  “屡” 等拟声词来代替,一方面是为了快速的下达指令,另一方面就是区分人类用语言。

你可能会经常看到这样的新闻:某演员入戏太深,走不出自己的角色,导致发生抑郁,带来糟糕的结果。这就是用户对角色情感的过度投入,导致无法区分现实世界和角色世界。因此语言另一个用处就是:防止用户入戏太深。


总结:保持和突出语音助手该有的特征,这样可以让用户更加容易走出和进入使用场景。



4.扮演它该有的角色


paro这是一个海豹幼崽的形象,这种机器人有助于痴呆症患者的护理。通过肢体接触,可以唤醒痴呆症患者过去养育子女、饲养宠物的记忆。它的感光装置能分辨白天和黑夜,它的位置感受装置可以判断自己是处于被抱着,还是处于跟主人相对的状态。它在充电时用一个奶瓶,这和他“被扶养”的定位相吻合。

代替动物为老人治疗的Paro


undefined

正在充电的Paro


宠物机器人Lovot,当你决定要收养它们时,也要意识到它们每天半个小时闹腾,还有那被“关爱”需求,真的也许会让你累觉不爱却又割舍不了,感叹自己为什么要“养”这两个小鬼。让我们感受到,这些机器人就像人一样,它也有婴儿期,需要我们耐心教导。

宠物机器人Lovot


再比如马里奥在最早的出道作品《大金刚》中,马里奥被设定为一名普通的美籍意大利人,从他的口音(或是从他的配音演员Charles Martinet的所配的口音)来看,他的英文确确实实带有一定的意大利口音,而且从服装上也是典型的美国公民装扮。

因此,无论是外形还是功能上都要有一定的隐喻和暗示。



总结为所有情况寻找隐喻这可以让用户有一个连贯的想法无论在哪中场景都要暗示和产品相关的特性这样用户对虚拟语音助手的角色定位才会一直保持统一


5.让互动更有价值


在设计过程中,始终要贯穿的思维就是如何使虚拟形象对用户的情感做出反馈。通过设计引起用户情绪价值与情感体验。比如,通过简单应答,或者简单的肢体动作来达到目的。建立一个专属于用户的体验设计。比如引导用户给虚拟形象命名等。



总结:培养感情纽带,让用户与虚拟语音助手建立长期关系,让用户对合作机器人更加满意。

 

在未来几年内,我们预计语音人工智能的个性、年龄和性别将会多样化,车内语音助手将继续被采用,尤其是随着更多的自动驾驶功能进入市场。对于一些原始设备制造商来说,将合作机器人设计成技术的实体表现形式,以帮助赢得用户的信任,这是有意义的,当然还有其他制造商将在人机界面(HMI)中以图形方式展示人工智能,就像Siri一样,以较为抽象的方式表现出来。无论哪种形式所遵从的原则是不变的,期待大家更好的设计!


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

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

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

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


未来感设计汽车大盘点(上)

ui设计分享达人

在灵笼中,白月奎开着奥迪在满是噬极兽的世界驰骋。小伙伴们也惊呼连连。其实,这是一款名为AI trail的奥迪概念车已经被生产,预计2030年上市,那现实中是什么样的呢?接下来,就从奥迪开始,为大家盘点未来感的汽车是什么样子的吧。

1.奥迪AI trail 

这也是一辆纯粹的SUV。它有四个电动马达,每个轴距上有一个,这使它具有四轮驱动能力,它在公路上的最高速度为每小时81英里,越野范围为155英里。它的轮胎压力可以根据地形,在移动中调整。

         

奥迪 AI trail外观


当你坐在里面,它会给出一个令人难以置信的宽广的观察范围,她甚至可以让你看到轮胎。因为里面有足够的空间,甚至没有任何多余的显示器,它是完全由你的手机进行控制的。

把手机作为屏幕,从而达到更广阔的视野


你可能已经注意到没有大灯,但这是因为它用于照明的灯被安装在自主的无人机上,这些无人机会在前面飞行,为你照亮道路。当你在光线不好的环境野营时,你可以通过折叠无人机,手电筒等照明设备。

无人机搭载照明灯


充当照明设备的无人机


2.雷诺EZ-Go 

雷诺在2018年发布了他们的电子出租车概念车easy go,同样计划在2030年面世。其设计理念是:在未来,汽车的所有权已经不在是一种趋势,当我们需要旅行时,我们只需预约一辆自动驾驶的汽车。雷诺高层表示,网约车和共享移动服务将会是雷诺的主要发展方向。当你来到一个陌生的场景,你可以透过360的窗户来欣赏沿途的风景。进入内部,内部空间可容纳六名乘客,呈U型排列车顶从前面打开,提供存储空间。并且它还有四轮转向功能,意味着它可以在城市间轻松穿梭。当然,作为更明显的旅途用车,它的车速最高限制在50m/h。对于行动不方便的乘客,它有一个可伸缩的斜坡,当你需要下车是,将自动伸向路边,让乘客可以更加方便的进出。

在城市穿梭的ES-Go


通过显示器可以看到基本信息


汽车内饰


undefined方便进出的设计


3.terrafugia tf-x

相信小伙伴们多少在科幻电影当中看到“会飞的汽车”,我在小的时候看过一个电影《第五元素》,依稀记得家里的七大姑八大姨,嗑着瓜子,坐在炕头,讨论着“我们有没有机会坐上这样的汽车”。这部这款汽车可能在不久的将来将会满足大家的远景。

电影《第五元素》


如果你正在寻找未来的汽车是什么样子的,那么 terrafugia tf-x就是我们我们理想的设计。这款汽车售价 28 万美元起,折合人民币约为190万左右。它拥有一双可折叠的螺旋桨,隐藏在车机两侧。

                                

TF-X外观                                                                              展开双翼的TF-X


这款汽车很快就由波士顿的设计公司开发出来了,这款概念车比它最初看起来的空间要大得多,它是插电式混合动力,能够实现全自动飞行,在紧急状态下可以手控或者遥控。在动力系统上采用插电式混合动力传动系统,有两个600制动马力的电机和一个33制动马力的燃料发动机,电脑自动控制,拥有有四个座位,可垂直起降空中续航可达640 公里,最高时速为 185 公里/小时,但是它在路上的最高速度或它的范围还没有被公司宣布,即它可以飞到可伸缩的翅膀上折叠出一个连接的螺旋桨的事实。

与此同时,各国的航空当局也在讨论和协商制定管理这一新兴交通业的政策和安全标准。如果未来将会普及飞行汽车,那么开上飞行汽车是否需要飞行驾照?人们是否会花费超过100万RMB来购买?

正在倒车的Terrafugia TF-X


飞行中的Terrafugia TF-X


4.雪铁龙19_19

雪铁龙1919确实是一款具有未来设计感的汽车,它的目的是要做到其舒适性已优先于其他每一个元素,它的设计理念是未来航空工业。结合前挡风和立体化的玻璃覆盖,上半部分更像一个漂浮的太空舱。

undefined

雪铁龙19-19外观


它在车顶后部安装了激光雷达探头,主要用于在长距离行驶时的自动化驾驶。 它的踏板和方向盘,是可以伸缩的。但当驾驶者想自己驾驶时,踏板会降到合适的位置,方向盘会展开。当用户不想驾驶的时候,方向盘会自动缩回,智能音箱自动升起,几乎像一个潜望镜一样,帮助用户实时检测驾驶情况,并且把信息显示在挡风玻璃上。undefined

自动驾驶模式,信息在挡风玻璃上显示


5.辆丰田LQ

丰田LQ的设计原则是,让司机和他们的车辆之间有更加紧密的联系。所以通过加入最先进的先进的AI,称为Yuyi,将人工智能打造成你在车内最好的朋友之一。 

会眨眼睛的LQ


它是全电动的,拥有SAE  L4级自动驾驶系统,这意味着不需要用户的参与,因此车厢的舒适性就显得尤为重要。在座舱内的乘客被不断地监测,AI将根据司机的情绪和警觉状态来调整温度,甚至是驾驶模式。并将进一步尝试在情感上吸引司机,使他们在旅途中保持愉快的心情。车内的每个控制都是语音激活的,这代表车内几乎没有任何物理按键,所有的信息将会投射在挡风玻璃上。甚至可以调整照明水平,在空气中释放平静的感觉,AI也会选择自己的音乐播放列表,唤起它认为目前最符合你情绪的音乐。

AI根据用户心情播放相关音乐

正在自动驾驶的LQ


6.梅塞德斯-奔驰Vision AVTR

如果你想看到世界上最有未来感和最有异国情调的轻型概念车,那么你一定要看的就是这辆车。相信小伙伴们都看过《阿凡达》这个电影,无论是科幻的剧情,还是绝美的场景,都在当时引起了不小的轰动。这辆车的灵感就是来自《阿凡达》这部电影。而且契合度可谓是非常的高。

                     

阿凡达场景                                                                  阿凡达宣传海报


它外观采用了仿生设计,整体观感十分科幻。车身两侧采用了全透明设计,意在大幅提高车内视野,强调车内、车外的交互。它还使用了33瓣采用了独立的仿生襟翼,看起来像爬行动物的鳞片,可以根据不断变化的条件来调整车辆上方的空气流动。

      

《阿凡达》电影中的精灵树


他的轮胎,借鉴了电影中,精灵树的样式,并且它去掉了传统的圆形轮,胎取而代之的是球形轮胎,它提高了机动性,对周围的影响较小,并且能够扭转30度,这意味着汽车可以以螃蟹的方式侧向移动。

AVTR外观


可以依据气流和感应翻转的仿生襟翼


内饰以流动的波浪和花朵形状为基础,这看起来是有史以来最舒适、最高效和最愉快的旅程。这辆车会与你交谈,了解你想去的地方,在给它下达指示后,你需要做的就是坐下来,让它做所有剩下的事情。值得一提的是,车内同样没有任何按键,当你伸出手站,并且注视手掌时,按键就会显示在你的手心上,你进行移动点击等操作。

AVTR内饰                                                             显示在手掌上的虚拟按键


通过手掌来控制方向                                                用手掌进行交互


通过对趋势的了解和分析,相信小伙伴们对未来感汽车有了新的认识和理解。目的也是为了让大家更好的把自己的理念和设计与未来汽车相贴合,亦或是产生灵感,发散思维,做出更好的创作。希望在不久的将来,无论在汽车造型,还是内饰,或是仪表等,可以看到大家充满激情的设计。

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

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

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

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


日历

链接

个人资料

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

存档