盘点2014年那些吸睛的 UI/UX 设计和理念

jopen 7年前

盘点2014年那些吸睛的 UI/UX 设计和理念

回 顾这刚刚逝去的 2014 年,我们看到搜索巨头谷歌推出了适用面广泛的全新设计语言来完善一系列产品的用户界面;也曾目睹独立设计师构建自己的硬件产品;除此之外,更为重要的是, 业界依然在 UI 和 UX 上进行各种大规模的尝试和努力,可以说 2014 年是 UI 和 UX 重大且充满收获的有趣一年。年终总结的任务依旧烫手,好记忆不如烂笔头。让我们回顾一下 2014 年 UI 和 UX 的发展吧!

无处不在的触摸操控

盘点2014年那些吸睛的 UI/UX 设计和理念

传 统的触摸操控总是在手机屏幕边框范围内进行,而在 2014 年这一情况会发生变化,在手机屏幕边框范围外也能实现触摸操控,一款名为 Fuffr 的 iPhone 手机壳将上述情况变为现实。Fuffr 会在手机壳周围生产一种隐身的「触摸屏幕」,通过动作传感器「翻译」用户的隔空触摸操作,并将对应的操控指令通过 Bluetooth LE 发送给手机,这的确有点类似于体感控制器 Leap Motion 的意思。

盘点2014年那些吸睛的 UI/UX 设计和理念

另 外一个案列则是来自 Future Interfaces Group 的名为「Skin Buttons」(皮肤按钮)的项目。旨在应对智能手表屏幕太小,无法满足用户用手指在智能手表屏幕上对超小的用户界面进行复杂触摸操控的难题。该方案可 将智能手表的用户界面放大投影至手腕皮肤表面,用户即可通过在手腕上对放大的用户界面投影表面进行触摸操控来控制智能手表,某种程度上可以将其理解为智能 手表屏幕的一个可触摸操控的投影扩展屏。

高度自定义的用户界面

盘点2014年那些吸睛的 UI/UX 设计和理念

除 了像诸如谷歌这样的巨头在开发模块化手机设备 Ara 之外,一些独立的设计师也在研发可轻易拼装的高度模块化硬件设备。弗洛里安·博恩(Florian Born)则设计出一款包括旋钮、按钮、滑块在内的物理控制器,用来拓展触控装置的用途。用户可在 iPad 上自定义控制用户界面,犹如搭积木一般。想要什么样的控制界面,就可以立即实现相应的想法。

盘点2014年那些吸睛的 UI/UX 设计和理念

这 种高度自定义的搭积木式思维同样在电子音乐领域也有体现,比如在一块纯棉布上用导电油墨打印出高度自定义的 MIDI 控制器;另外名为 Ototo 的项目则是一个可高度定制的「音乐合成器」,使用者可以通过感应器将 Ototo 和任何物品(一切导电材料,比如铝箔、水果、植物、水果、蔬菜、导电植物、导电线、墨迹、铅笔痕、所有的金属物体)连接起来形成接触点,被接触的物品在这 个时候就成了可用来演奏的乐器。由于采用了「电容感应」技术,通过测量与之相连的物体电容,在物体被触摸时,进而能够感知人体附加的电容,从而触发音符。

盘点2014年那些吸睛的 UI/UX 设计和理念

完美还原实体物理特性的用户界面交互体验

盘点2014年那些吸睛的 UI/UX 设计和理念

就 在刚刚过去的一年,我们看到那些曾经在 2D 屏幕空间中用于表现画面深度和透视的那些多余的、无谓的阴影及细节粗糙的拟物化一次又一次地被摈弃。越来越多的细节精致的「功能可视化」设计逐步走入大家 的视野,这种设计可以让用户通过联想实体物理特性来了解如何与在操作系统上进行交互操作。

去年六月,谷歌正式推出其全新的设计标准 「Material Design」(原质设计),旨在为手机、平板电脑、台式机和「其他平台」提供更一致、更广泛的「外观和感觉」。该设计标准将会「一统天下」,从应用到服 务等诸多平台都要采用该设计标准。原质设计可让用户能够通过某个用户界面来展现可能的功能,相较于采用阴影和杂乱无章的拟物化设计手法,原质设计采用的则 是「一致性编排」(consistent choreography,这就好比动画、分层以及现实生活中各种实体交互的物理特性)的设计理念,通过应用光线、表面外观以及运动的基本原理来展现用户 界面元素的交互。正如谷歌在设计宣言中所说,「现实中的光线能够显现出裂缝和划分的区块,这能够很好地体现出用户界面中可移动元素的交互性。」

隔空操控的用户界面

盘点2014年那些吸睛的 UI/UX 设计和理念

麻 省理工学院 Tangible Media Group 推出一款名为「Transform」的交互式操控变形桌的产品原型。这套交互式操控桌面系统能够「阅读」用户的控制手势并做出对应的实体响应, 「Transform」桌面表面是由很多个小方块构成,方块下方则有配有马达来传动(有点类似与大型体育赛事的表演人群方阵,有规律地上下运动)。用户肢 体所到之处的各种小方块则会被激活上下运动。「Transform」桌面通过模仿自然界当中风、水、和沙子的运动模式来展示自然和机器的冲突的理念,该项 目的首席设计师还希望将这种动作和交互的概念应用到更为广泛的静态物品领域,比如桌子、墙壁甚至是整套房屋。

盘点2014年那些吸睛的 UI/UX 设计和理念

另 外一个经典的案列则是由东京大学开发的 HaptoMime 项目。研发人员通过超声波在空气中模拟出一个触摸屏幕。无须再玻璃材质的屏幕上点来点去,用户可在空气中的模拟触摸屏幕中进行各种诸如点击按钮、拖曳图标 等操作。用户在触摸的过程中是能够在空气中感触到这些用户界面(通过红外传感器向用户手指发送超声波来模拟触感),而相应的设备则能读取用户的手指操控反 映并作出相应用户界面的回馈。

智能手机的一千种用法

盘点2014年那些吸睛的 UI/UX 设计和理念

智 能手机功能广泛不必细说,可谓是「一机一世界」。可就在去年,我们发现一些开发人员将智能手机当做纯粹的附件来融入到一个更广泛的生态系统当中。麻省理工 学院 Tangible Media Group 的新项目 THAW 可将智能手机变成大显示屏幕(台式机电脑或者笔记本电脑)的控制器,这并非是指让智能手机变成鼠标这么简单,而是在智能手机的小屏幕和电脑的大屏幕之间实 现用户界面的交互。在 THAW 软件的演示当中,在两个屏幕中通过简单的拖曳操作实现神奇的跨设备文件传输;或者在大屏幕的游戏当中,小屏幕融入进而成为游戏当中的一个元素,比如成为梯 子或者斜坡让超级马里奥翻过城堡和路障。THAW 不仅使得手机成为了电脑的一个新的用户界面,而且还添加了一个交互的图形层。软件通过智能手机的摄像头跟踪手机在屏幕上的位置。这种创新的交互系统,最终 实现了大屏幕和小的手持设备之间无缝协同交互工作。

更加智能和安全的头盔显示器

盘点2014年那些吸睛的 UI/UX 设计和理念

汽 车和头盔制造商鼓吹头盔显示器的路面安全性已有时日,但是技术上离最终应用仍有距离。而就在去年,世界首款用于摩托车的 Skully AR-1 虚拟增强头盔显示器孕育而生。除了能够实现语音控制,眼前的屏幕还能显示后方与左右两侧的情况,另外辅助显示的信息还包括了 GPS 导航、所骑车辆数据、电话音乐等应用。

盘点2014年那些吸睛的 UI/UX 设计和理念

同 样我们也看到业界在车内交互操控上的新尝试。一个名叫马特乌斯·克伦(Matthaeus Krenn)的设计师为车主开发出一个非常炫酷的汽车 UI 产品,旨在通过简化操作来降低司机在道路上分神的风险。马特乌斯设计的汽车 UI 走的是「去按键化」的路线,通过相对随意的多点触控操作来实现对汽车驾驶过程中的各种操控。在设计上的展示视频中,可以看到两根手指按在屏幕上下滑动即可 控制音量,三根手指上下滑动即可改变播放设备,四根手指就能轻松调整车内空调温度。手势非常简单,该 UI 只对「上下」滑动的操作有反应,最大程度上降低误操作风险

适用于小屏幕优化字体

盘点2014年那些吸睛的 UI/UX 设计和理念

针 对小尺寸智能手表界面,苹果公司于去年年底推出定制的免费字体「San Francisco」。如果你不喜欢 Apple Watch 上的 Helvetica 字体,那就尽管去下载安装替换字体吧。在「San Francisco」字体下,每个字母的间距会相对放大,这样「a」或者「e」等字母将会显得更大,确保用户在小屏幕中不会看错。Apple Watch 会根据文字尺寸的大小变化来自动对字体进行调整和部署,确保清晰和易读性。

来自:http://tech2ipo.com/94447