首页 > 网页教程 > 设计分享 > 大开眼界!2014年最逆天的UI设计

大开眼界!2014年最逆天的UI设计

时间:2014-12-24    来源:雷锋网

当硬件技术已经达到一个空前的高度之后,大公司们争先恐后的发全力试水虚拟现实产品,诸如Facebook、三星、索尼等等,似乎不做出些成就便不好意思自称巨头。

诚然,科技进步的越快,人们总想去创造一些更超前的东西,重要的用户界面UI设计开始受到了忽略,但毕竟它才是使用者与产品交互间的桥梁。但好在还有微软、谷歌,在过去的一年内仍然致力于用户界面的开发,于是我们看到了像Material Design这样出色的产品。

国外知名设计类网站fastcodesign盘点了2014年最佳的UI设计,小编选择了很有意思的6款产品,一睹为快。

黑科技 RoomAlive

动图中的效果着实感觉逆天,你可以把它当作“真人CS游戏机”!简单点说微软的RoomAlive是一款“投影仪+Kinect”的体感外设,扫描全房间的几何形态后,把电视屏幕上的图像投影到墙壁。虽然说电视机屏幕仍然是游戏的主要显示器,但是房屋四周墙壁上的“外围图像”可以即时环绕着玩家,Kinect作为深度感应摄像系统来追踪玩家行动,从而实现“真人对战”的功能,比如说“突然转身发现从身后悄悄逼近的敌人”。

微软的“读心笔”

当年乔帮主在设计iPad时曾说过,“如果要是让你看到一只手写笔,我们就会炸了它。”由此可见,乔帮主痛恶的触屏手写笔是多么鸡肋的存在,不过这么多年了过去了,我们却似乎从未等到手写笔绝迹的那一天,至少在苹果零售店中第三方公司的手写笔仍然保持稳定的销量,毕竟“笔”是几千年来人类生活工作不可分割的工具。但是手写笔的问题依旧没有解决,它们“生硬、笨拙、无法读懂用户”。

首先要明白个道理,简单粗暴的读取人心的方法,并不是真的去“看脸看心情”,而是看对方用手在做些什么。举个网友们感同身受的例子,打麻将时并不是看对手们的神色表情,而是看他手上的“小动作”,如何握牌、出牌,这样你也能猜出个一二了。

没错,这次又是微软研究院,他们似乎总喜欢让一些鸡肋产品锦上添花。你看到的这一枝手写笔,笔身有多点触握传感器,能侦测它被握住的方式。于是手写笔加平板电脑的组合,不仅能精确测量使用者的触碰方式,还能测出手写笔相对屏幕所在的位置。研究团队目前已经识别出大约30种不同的人类抓握方式,希望在日后的研究中,将使用者的肢体语言数据与生物力学结合,实现人与平板电脑更高效的交互。

Thumbles 操控触摸屏的像素

触摸屏和我们的平板电脑简直就是浑然一体,每一个按钮其实就是隐藏在屏幕后的一颗小小的像素。不过缺少了实体按钮,有些“动手分子”简直会觉得不痛快。Patten Studio工作室的研究员James Patten利用自主研发的Sensetable技术,设计了一款名为Thumbles的人机交互界面,虽然看上去很像鼠标,但是和鼠标不同的是,它能够直接控制屏幕中的元素,甚至让屏幕背后的像素点们重新排列组合。

虽然看上去酷,但实际也不知Thumbles有什么用。但是对于多年来厌倦了触摸屏的极客们来说,这个产品应该是一款酷炫的黑科技。

GravitySketch 虚拟的3D画板

在空气中画出一张3D图像,简直是不可思议的事情。不过GravitySketch的出现或许可以让设计师们随时随地“凭空工作”。

GravitySketch看上去就像是数位绘图板,但是借助AR技术,使用者配单上3D眼镜之后,就可以在这个完全平面的板上绘制出3D图像。也就是说,用户在绘制的过程中,是可以按照实际的三维方位,随心翻转绘图板,来构图画作的后部、底部和上部的区域。简单的说来,你可以把它当作一款“手绘成型”的3D打印机,但区别是图像是“虚拟凭空”存在的。

相关推荐
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
15个超棒的无线移动终端UI设计案例赏析
响应式网页设计正成为移动互联网大势所趋
浅谈界面设计中的结构设计
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
国外精彩网页界面设计案例赏析
Photoshop教程:提高IOS设计效率的30个要诀分享
网站专题页面的视觉设计及结构布局要点分享
另眼观看用户界面扁平化设计的不足之外
产品视觉设计与用户心理的有趣现象
10个漂亮实用并附带源码的Web设计教程分享
优秀移动APP应用图标设计指南
在视觉设计中对像素的深度解析
什么是扁平设计?如何创建扁平化设计风格?
色彩情感对用户体验设计的影响
换汤不换药?看应用们如何“为iOS 7设计”
高效UI设计秘笈 Photoshop CC使用技巧图文教程
界面设计教程:如何做好扁平化设计之交互篇
移动应用图标配色诀窍 APP界面配色设计教程
产品设计教程:提升用户使用黏性的6个诱惑手段
扁平化:回归真实的设计
iOS7用户界面设计的10个准则分享
UI设计师自学记:抄袭别人,超越自己
Windows Phone 8 UI设计指南分享
APP设计经典:Pinterest的交互细节
从引导页设计说起 谈谈如何提高产品体验
游戏网站设计案例分享:聊聊那些让页面更加出彩的设计
8个评价UI设计作品好坏的标准
20个最火爆的Behance网页设计及UI案例解析
界面设计必备:全方位科普常用的字体规范
手机屏幕尺寸扩展如何影响用户体验设计?
那些丑丑的应用图标 设计的人是怎么想的
产品设计:FEEDLY创始人再聊改版实战经验
写给初学者:移动站点app开发尺寸基础知识

精彩推荐

热门教程