<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>汽车 on Victor42</title><link>https://victor42.eth.limo/tags/%E6%B1%BD%E8%BD%A6/</link><description>Recent content in 汽车 on Victor42</description><generator>Hugo -- gohugo.io</generator><language>en</language><managingEditor>hi@victor42.work (Victor42)</managingEditor><webMaster>hi@victor42.work (Victor42)</webMaster><lastBuildDate>Sun, 16 Oct 2016 00:38:14 +0000</lastBuildDate><atom:link href="https://victor42.eth.limo/tags/%E6%B1%BD%E8%BD%A6/index.xml" rel="self" type="application/rss+xml"/><item><title>未来的汽车UI将惊艳世界</title><link>https://victor42.eth.limo/post/3524/</link><pubDate>Sun, 16 Oct 2016 00:38:14 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3524/</guid><description>&lt;p&gt;&lt;strong&gt;[国外设计第149期]&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;今天多数汽车UI的设计，由于不直观、过时和缺乏美学表现力，一直饱受诟病。其他行业都将设计的品质奉为标准，汽车生产商在这方面则动作迟缓。所以，许多设计师抓住了这个机会，思考未来的汽车界面会如何改变我们的驾驶体验。&lt;/p&gt;
&lt;p&gt;汽车行业的革新似乎日益加剧。实际上汽车行业在未来20年的变化，会超越&lt;a class="link" href="https://www.wired.com/2015/03/ingenious-car-uis/" target="_blank" rel="noopener"
&gt;过去一个世纪&lt;/a&gt;。因此，最前沿的设计师应该关注这个至关重要的行业。那未来的汽车界面会变成什么样呢？会根本上改变我们与车的关系吗？&lt;/p&gt;
&lt;p&gt;下面是一系列优美富有未来感的汽车HUD（平视显示器）、交互界面和第三方应用控制器，它们来自世界各地的设计师。有些设计来自真实产品，还有一些仍在研发阶段。&lt;/p&gt;
&lt;h2 id="特斯拉手机控制中心界面"&gt;特斯拉手机控制中心界面
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901649059-e108745eb23c13fe1975db25742f3b23.gif"
loading="lazy"
alt="特斯拉手机控制中心界面动画，iPhone显示车门锁状态、电量91%、里程156英里和温度17度的实时数据"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="http://matthaeuskrenn.com/" target="_blank" rel="noopener"
&gt;Matthaeus Krenn&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;你是否也时常怀疑自己有没有锁好车门、关车灯，或是把钥匙交给你刚学会驾驶的孩子。&lt;/p&gt;
&lt;p&gt;这款应用让你不用离开座位，就能检查以上所有。如果还带有柴油混合动力，你甚至可以吃早餐时启动引擎除霜。作为感知反馈，直观的动画和过渡效果让你了解操作是否执行完成。&lt;/p&gt;
&lt;h2 id="车载触摸操控界面"&gt;车载触摸操控界面
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901652884-3be22e13f186d28582b45574addcf8bf.jpg"
loading="lazy"
alt="车载触摸操控界面特写，手指在深色屏幕上通过圆形手势滑动调节23°C温度参数，青色光效环绕"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="https://dribbble.com/glebich" target="_blank" rel="noopener"
&gt;Gleb Kuznetsov for FΛNTΛSY&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这个界面用了手势操作，通过肌肉记忆来整体操控。屏幕上手指的数量与动作能触发操作，苹果的iPad、magic mouse和其他操作系统已使得这种方式成为了行业标准。这个案例中，移动能提高或降低数值。&lt;/p&gt;
&lt;p&gt;这款界面不需要记住那些小控件和大量图形，因此能让你以同样的手势或其他操作，完成各种不同类型的任务。&lt;/p&gt;
&lt;p&gt;可以在&lt;a class="link" href="http://matthaeuskrenn.com/new-car-ui/" target="_blank" rel="noopener"
&gt;这里&lt;/a&gt;查看到完整案例研究，体验这套原型。&lt;/p&gt;
&lt;h2 id="特斯拉控制面板概念设计"&gt;特斯拉控制面板概念设计
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901688755-59ec6fdfac83529c46f08aa5807daae4.gif"
loading="lazy"
alt="特斯拉控制面板概念设计，深灰色界面集成旧金山地图导航、多媒体控制和空调温度调节功能"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="https://dribbble.com/oberhaeuser" target="_blank" rel="noopener"
&gt;Bureau Oberhaeuser&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;随着更多功能共用一个空间，并且相互高度关连，汽车正在变得更加智能。这些变革会将铺天盖地的数据呈现在我们面前，这在手机上已经发生了，还有其他所有原本只有单一功能的设备。它必须表现得很自然，决定了我们看什么、怎么看。人工智能和机器学习会掌控直觉，Bureau Oberhaeuser的原型非常优秀，让一切鲜活起来。&lt;/p&gt;
&lt;p&gt;可以在&lt;a class="link" href="http://bit.ly/1BSdPDl" target="_blank" rel="noopener"
&gt;这里&lt;/a&gt;查看案例研究和实际操作。&lt;/p&gt;
&lt;h2 id="远程汽车健康监测和控制"&gt;远程汽车健康监测和控制
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901694980-f10c38003c97edf725eb4cb8bfacabd1.gif"
loading="lazy"
alt="远程汽车健康监测应用，iPhone深色界面显示车辆俯视线框图和Engine Start、锁车等控制按钮"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="https://dribbble.com/Ramotion" target="_blank" rel="noopener"
&gt;Ramotion&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;如果你的汽车出了什么毛病，拿起扳手钻到车底一通乱拧可不容易。当所有系统都电子化、计算机化，外表光鲜洁净，要判断问题所在可并不那么简单直观。这款移动应用原型，能以一种你可以理解的方式展现汽车的健康数据，让你在踏上漫漫旅途之前能进行必要的修整。&lt;/p&gt;
&lt;h2 id="胎压监测与天气界面"&gt;胎压监测与天气界面
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901710367-dd485fe877d5542ee2fa77af5eca4c45.gif"
loading="lazy"
alt="Mercedes C63 AMG仪表盘界面，显示车内68°F温度、四个轮胎气压数值和外部38°F天气信息"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="https://dribbble.com/RyanDuffy_" target="_blank" rel="noopener"
&gt;Ryan Duffy&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这个界面表现行进中的胎压，让你分别了解各个轮胎的压力范围，准确知道要加多少压。这个界面提供了最基本的反馈，它应当成为行业标准。&lt;/p&gt;
&lt;h2 id="hudway增强现实平视显示器"&gt;Hudway增强现实平视显示器
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901726547-f1d9cee26a4143367b45131df69b9100.jpg"
loading="lazy"
alt="Hudway增强现实平视显示器，挡风玻璃上投射47km/h车速和200米后右转的导航指引信息"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="http://www.hudwayapp.com" target="_blank" rel="noopener"
&gt;Hudway应用&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;毋庸置疑，驾驶员都应该将注意力集中在道路上，但是当司机查看手机导航时，内置的移动导航界面仍然会时常引发事故。Hudway应用在挡风玻璃上开启了第二块屏幕的新体验，让事情变得简单多了。玻璃是未来的界面，这款导航应用利用了这块空间，作为驾驶员手机的延伸，并伴随逐步的语音提示。&lt;/p&gt;
&lt;p&gt;可以在&lt;a class="link" href="http://www.psfk.com/2013/11/augmented-reality-windshield-screen.html" target="_blank" rel="noopener"
&gt;这里&lt;/a&gt;查看案例研究，感受它的操作方式。&lt;/p&gt;
&lt;h2 id="car-play应用city-guide"&gt;Car Play应用——City Guide
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901731652-cf624534d27dc66a1c2c85b43000cf63.gif"
loading="lazy"
alt="Car Play应用City Guide界面，车载中控屏显示Check My Car、Traffic、Navigation等八个功能图标"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="https://dribbble.com/cleveroad" target="_blank" rel="noopener"
&gt;Cleveroad&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这个界面最适合勇敢的探险家。如果想要快速探索周边的世界，这款应用让你在有限的道路上激发出旅行的动力（并且会让你走在正确的车道上）。&lt;/p&gt;
&lt;h2 id="苹果carplay"&gt;苹果Carplay
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901736929-504bf686aef6728409946ec320faa424.jpg"
loading="lazy"
alt="苹果CarPlay车载中控屏，显示Phone、Music、Maps、Messages、Now Playing、Podcasts、Audiobooks七个应用图标"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="http://www.apple.com/ios/carplay/" target="_blank" rel="noopener"
&gt;Apple&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;大家有目共睹。如果你熟悉所有苹果设备，完全可以无脑使用，你可能还会在汽车上安装其他产品。苹果的Carplay将第二屏的交互提升到新的高度，它只会变得更越来越优秀。&lt;/p&gt;
&lt;h2 id="数字仪表盘显示屏"&gt;数字仪表盘显示屏
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901744337-05c0824807c3a09aef6cb7b275ec7705.jpg"
loading="lazy"
alt="数字仪表盘概念设计，黑色宽屏显示75MPH车速、能耗304Wh/Mi、音乐播放和3300英里里程信息"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="https://www.toptal.com/designers/resume/mike-montgomery" target="_blank" rel="noopener"
&gt;Mike Montgomery&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;没什么能比得上发动引擎、让所有指示灯亮起来，然后像军乐队一样响起旋律。当接近下一个转弯口、油量低、或者胎压下降，你会通过周围一切声音和随后的视觉互动获得反馈，就像微动画那样表达出直观的讯息。&lt;/p&gt;
&lt;p&gt;但是，把所有类似功能都用数码显示，总有弊端。通常都没有手动替代方式，所以如果某处线路故障或是电子故障，你的座驾马上就会变成无头苍蝇。&lt;/p&gt;
&lt;h2 id="特斯拉的apple-watch界面原型"&gt;特斯拉的Apple Watch界面原型
&lt;/h2&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-10/10-11/toptal-blog-image-1474901751486-2240efb6a80e49438c914b38abcac62e.gif"
loading="lazy"
alt="特斯拉Apple Watch界面，显示充电91%、续航156英里、Locked锁定状态和车内17度温度"
&gt;&lt;/p&gt;
&lt;p&gt;来源：&lt;a class="link" href="http://digital.eleks.com/" target="_blank" rel="noopener"
&gt;Eleks Digital&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;为何惊艳：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;随着穿戴设备成为我们连接设备中的一部分，与你相关的产品生态中，最精密部分的控制不再那么依赖手持设备了。这个原型很好地表现了如何将它展现在手腕上。&lt;a class="link" href="http://bit.ly/1uQc583" target="_blank" rel="noopener"
&gt;在此&lt;/a&gt;深入了解这套原型。&lt;/p&gt;
&lt;h2 id="结论"&gt;结论
&lt;/h2&gt;&lt;p&gt;这就是我们今天所能看到的汽车用户体验设计的前沿。你还知道其他什么产品正在拓展边疆？你觉得这一系列设计如何？可以在评论中加入讨论，发表你的高见！&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;原文链接：&lt;a class="link" href="https://www.toptal.com/designers/interactive/amazing-vehicle-ui" target="_blank" rel="noopener"
&gt;https://www.toptal.com/designers/interactive/amazing-vehicle-ui&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;作者信息：&lt;a class="link" href="https://www.toptal.com/designers/resume/muwuso-mkochi" target="_blank" rel="noopener"
&gt;MUWUSO MKOCHI&lt;/a&gt;
Muwuso is a senior interactive art director and multidisciplinary designer with key focuses in digital, brand, and experience design. Over the past 9 years, he’s led UI and integrated experience design in-house and remotely for some of the world&amp;rsquo;s biggest&amp;ndash;and smallest&amp;ndash;brands and agencies. He is constantly inspired by the evolution of technology, its influence on human behavior, and the resulting impact on environments and micro-cultures.&lt;/p&gt;</description></item></channel></rss>