交互设计还在做APP?试试让人眼前一亮的新思路

Pratt教授带你用Touch Designer玩转音画交互!

在准备交互设计的小伙伴们很多都逃不过做界面设计,大多数的同学可能都会做App设计或者Web设计,但界面设计真的就只能做这些吗?


微信图片_20230302144612.jpg


本次,大表哥成功邀请到RoSSo美女导师Lexi老师,她将就交互设计专业,来讲讲界面设计的来源、种类以及如何将它运用到作品集中!


微信图片_20230302144725.png


  RoSSo Lexi 老师 


四川美术学院

新媒体艺术专业 学士

Kingston University London

视觉传达专业 硕士


个人概况

拥有纯艺和设计的学术背景,有海外工作经历,交互设计从业经验丰富,擅长指导交互、影像、装置、视传、数媒、纯艺等方向作品集。


雅思7.0,日语n2,可进行多语言教学,论文导读,面试辅导以及Study Proposal指导。


优秀学生案例

伦敦艺术大学/金斯顿大学/皇家艺术学院/纽约视觉学院/南加大/帕森斯艺术学院/多摩美术大学/武藏野大学等


*未经允许不得擅自转载或做其他用途,侵权必究



连接两个世界的交互设计


界面设计除了App和网页,其实还有很多可能性,在介绍这些之间,我们先来看看界面是怎么来的吧


根据International Journal of Design的一篇文章,我们的世界由两个平行宇宙构成——人类生存的物理环境(Physical Environment)和人类构造的数字世界(Digital World)。


微信图片_20230302144754.png


物理环境是指我们生活的真实世界,它包括自然物质和人造物,树木、山川、河流、手机、电脑都是物理世界的范畴。数字世界是人类创造出的无形的世界,它包括信息、数据等。

 

那么连接两个世界,使数字世界的信息可传递、可操作,就是我们交互设计师的工作啦!两个世界将有两种方式互相转换:


1.去物质化Dematerialisation


什么是去物质化呢?举个例子,十年前钥匙钱包手机是我们出门必带的老三样,随着数字技术的发展,扫码支付取代了传统纸币,钥匙也可以被指纹锁和密码锁取代,出门带个手机带个手就够了。


微信图片_20230302144814.png


去物质化涵盖了一个不断发展的大领域:产品的小型化、服务化、通过回收减少材料使用,以及从物质到信息的转变


2.可触碰的界面Tangible Interaction


1983年苹果电脑公司推出Apple Lisa个人电脑,是全球第一款搭载图形界面的个人电脑,虽然没有获得商业上的成功,但与早期计算机使用的命令行界面相比,图形界面对于用户来说在视觉上更易于接受,降低了用户的操作负担。至此之后,各种App、Web和系统界面不断赋能我们生活的方方面面


微信图片_20230302144841.png


万物皆可界面


然而界面就只有App和Web界面吗?格局打开,日常生活中还有很多都属于界面:


用户通过一个媒介去改变/获取/输入信息,这个媒介可视和可触和可用的部分就是界面。界面并不局限于App和Web,我们日常生活中的电梯按钮、空调遥控器、灯的开关、鼠标都属于界面的范畴。一旦接受了这种设定,是不是感觉格局就打开了呢?


微信图片_20230302144858.png


那我们继续这种设定,界面还可以有更多种类


微信图片_20230302144915.png


1

CUI: 命令行界面


现在我们能见到的CUI的场景已经不多了。但在程序员群体中,CUI仍然是使用非常广泛的一种UI交互方式CUI以键盘为输入源,不支持鼠标操作,用户通过键盘输入指令,计算机接收到指令后,予以执行。


2

GUl: 图形用户界面


GUI是指采用图形方式显示的计算机操作接口。与CUI相比,图形界面对于用户来说在视觉上更易于接受,GUI引入鼠标为输入源,后期又引入以触屏为输入源,这使得用户更容易操作。


3

NUI: 自然用户界面


NUI是指利用手势、语音、表情、姿势、环境等一系列更自然的方式,同计算机、机器人、AI、AR、VR等进行交互。NUI借助于多维度的自然方式输入结合人工智能的技术,实现人与机器人的双向交互。


4

OUl: 有机用户界面


在OUI中,输入是通过直接的物理手势提供的,而不是通过间接的点击控制。OUI中的“有机”一词指的是采用自然形态来设计更符合人类生态的设计。

 

NUI和OUI这两种交互方式都排除了人适应计算机这种固有设定,而是让计算机去适应人所在的物理环境。那么对我们的交互作品集有什么启发呢?让我们来看看RCA的同学是怎么做的吧:

微信图片_20230302144941.png

“REFRESH Yourself”项目阐述了后流行病时代缺乏身体活动和过度分心的社会问题,鼓励在线用户重新思考数字成瘾与其健康和福祉之间的关系。


用扭动脖子去控制音量大小,用蹲起运动去刷新页面,用手臂锻炼去点赞,活动手腕则可以发送语音。


作品供了一种全身参与的替代方式社交媒体技术互动。用户的触点不再拘泥于小小的屏幕,而是通过物理动作进行交互,这就是一个很好的NUI的例子。


交互作品集


了解了“界面”的更多可能性之后,我们来看看在作品集中可以怎么体现吧


Feng同学的这个作品是根据设计师和摄影师的使用场景,为他们设计了一个的可拆卸集线器。目标用户对设备之间的链接和数据的传输有很高的要求,并且他们需要在户外场景和工作室环境之间互相切换


微信图片_20230302144945.png

作品来源:RoSSo Feng同学-获得parsons, cca, sva(BA)交互offer


根据这个需求,Feng同学设计了一个用户可以在外出工作时进行拆卸的多端口的集线器;固定部分可以提供与电源、以太网以及其他各种基于桌面的设备和电缆的连接,固定部分还提供了物理空间,用于存储较小的物体和外部设备。


微信图片_20230302145307.png

作品来源:RoSSo Feng同学-获得parsons, cca, sva(BA)交互offer


该项目的目的是根据统一产品的不同使用场景为用户整合了一个整洁的界面交互系统,降低用户在完成数据传输这一需求时的界面的噪音。


微信图片_20230302145310.png

作品来源:RoSSo Feng同学-获得parsons, cca, sva(BA)交互offer


综上所述,界面设计有很多的延展可能性,快来做一个不一样的交互作品吧!


参考文献:

1.《Physical Interaction in a Dematerialized World》

文章链接:

http://www.ijdesign.org/index.php/IJDesign/article/view/1124/554

2.《详解一下UI的四个阶段:GLI、GUI、NUI、OUI?》

文章链接:

https://www.zhihu.com/question/58042286

3.《REFRESH Yourself》 

文章链接:

https://2021.rca.ac.uk/students/linrui-mei


在线提问

Susan

英国皇家艺术学院

服装设计

立即咨询

艺术留学免费评估

*个人优势&作品集评估、留学院校及专业推荐

ROSSO 国际艺术教育

Art&Design Education

留学咨询:
400-0999-530
艺术留学中心
上海徐汇区文定路208号A座
音乐留学中心
上海徐汇区文定路208号A座
联系我们
加入我们 |
hr@rossoarts.com
商务合作 |
mk@rossoarts.com
投诉建议 |
advice@rossoarts.com
咨询老师微信         关注官方公众号
沪ICP备19007600号-2      © 2015-2023 上海洛素文化艺术有限公司 版权所有