从图形到图形用户界面

用户头像
北京/UX设计师/10年前/376浏览
从图形到图形用户界面

这篇文章介绍的是图形到GUI的发展,文章原作者是Megan Lane,他是HOW杂志的编辑。这篇文章大概是2000年时写的,大家有兴趣可以去HOW杂志官网查看更多设计文章,地址是http://www.howdesign.com/

在媒体超载的时代,信息设计师也许是我们唯一的希望。那么,你们需要具备什么条件才能加入信息设计师的队伍呢?

首先,你需要理解信息设计实际上已经很少有人这么称呼它了。信息设计规程通常包括图表、地图和图解。主要因为互联网的缘故,所以现在信息设计开始火爆起来。比如:Aaron Marcus 称自己所做的工作为“信息可视化”。因为Nigel Holmes 集中关注印刷出版物中的信息解释设计,他称之为图形解释。

因此,难以给信息设计确定一个精确的定义。AM+A的校长Marcus说:“当有人委托一个设计项目给你,让你用图表来表示信息,你可以设想自己就是一名信息设计师,你最终会通过改变文字和内容结构来结束这个项目,因为你对内容很感兴趣。”

数字设计


Marcus在1982年成立了自己的信息可视化工作室,随即集中精力研究并从事数字设计。Marcus说:“如果你热爱学习并热衷于信息内容本身,这足以证明你是一名信息设计师或是一名以信息为中心的设计师”

尽管AM+A团队一直从事印刷项目,但是团队始终密切关注不断发展的新技术。团队的使命是让人们更高效地查找和使用信息,团队的愿景使得他们在人机交互设计领域越来越专业,主要涉及领域从电话亭、客户端服务器、交互式电视到光盘驱动器和因特网。

因此,只要设计过一个网站的人都有资格成为一名信息设计师吗?Marcus说不完全是这样的。他解释说:“许多小型网上商店一直从事网站工作,基本上主要关注内容和大规模互动式文档。”

“我们把做的某些应用程序项目移植到网络上。我们在网站上设计了很多的功能来展示这些项目。我们做的一些应用程序项目,信息设计是非常复杂的,信息需要经过加工处理货改变或变形成用户可理解的展示信息。”

最近,Marcus和他的团队正在做一个关于CD-ROM 系列的项目,这是一个很好的例子来说明web信息设计发展的趋势。The Cogito Learning Media eye to Mind Series 试图在视觉上通过把视觉刺激和精准内容传递结合来总结这门知识的学科。Marcus解释:“这个系列获得了多个设计奖项,代表了web和富媒体的信息可视化的发展方向”。



Marcus又说:“及时学习将无所不在,技术和社会发展日新月异。不管你是想知道怎么填写税单,还是学做一次特别的炖肉,抑或是打算学习最新的软件,要学这些的话,你需要自我更新相关信息。而这些信息都是依托一些显示屏富媒体,并迅速覆盖到网络上。虽然这个教程被刻录成光盘,但这却是培训教育和通讯信息发展的趋势。它使用声音,使用音乐、使用动画、图像、图表、地图、图解等以及一切的一切。这是一种信息可视化的力作。”普罗维登斯市的Krzysztof Lenk,基于RI的一张动态图表表示他也在涉足数字媒体领域的信息设计,尽管Lenk的团队有时也会接一些印刷方面的活儿。

Lenk说他的公司现在所做的一个项目,关于时间的设计元素都已经发生了明显的变化。过去,我们使用连续的顺序或箭头或手指头来描述时间,但是现在,我们需要使用动态化图像描述这样的信息,我们可以通过动画来传达那些难以解释的信息。

但是数字信息架构师面临的最新挑战就是他们的某些观众无法理解web端呈现的超文本的原则。不同之处在于线性的传统印刷媒介和非线性的超文本感知。


Lenk也是美国罗德岛设计学院的一名教授,学校位于普罗维登斯市罗德岛州。Lenk说他的学生很容易理解这种新理念,但是医学领域的医生和教授却在同网站组织做斗争,这就是所谓的代沟。这部分人群也经常作为Lenk的客户。

屏幕传递从根本上改变了我们接收信息的方式。Lenk说最根本的不同在于印刷通信。一个出版物很容易被大家接受,通过所有的感官、纸张的味道和印刷油墨,通过你翻纸张的声音,通过纸张的重量和感觉。当你浏览一本800页的书时,你可以直接掌控住呈现在你面前的这本书。

当你手捧着一本书在翻阅时,你能切身感受到这本书究竟有多长的内容,有多少个章节,每个章节又有多长。一个网站在一瞬间提供这种信息也许不可能,这是相当困难的。所以,这一切取决于设计师来帮助用户一步步转向网站。

但是不要害怕:Lenk还认为印刷业不会被完全颠覆掉。印刷还会一直存在的,因为小说和文学作品是最适合印刷的。不过,通过电脑屏幕来阅读一篇长文本却是非常可怕的一件事,但是信息却是很好的。

印刷王子

对于Nigel Holmes和他的Westport而言,基于CT的图形说明,印刷还没有死。Holmes的信息设计实践差不多专门瞄准杂志和书籍。在80年代末90年代初,他为自己创建信息图表起了一个名字。他说:“过去我叫它为信息设计,现在我称之为解释设计,因为这就是我想要去做的事情。”“我想向人们解释事情。这也许不仅仅是一组数字或示意图。也许是如何起航你的帆船抑或是解释联邦预算和联邦债务之间的不同。”

对Holmes而言,在设计信息时,要做的最重要的事情就是要确定传达信息要点的形式。“针对联邦盈余与国家债务之间的比较,事实上我为此制作了一部短片,这个报告是在一次会议上呈现给现场观众,而不是被放在一本杂志上面对读者。”当网站成为交流的最佳场所时,Holmes转向他的儿子。他的儿子全心在学程序。

Holmes说:“解释设计牢牢地把文本和图像结合在一起,文本和图像被认为是一个整体。解释设计是我在图像中能说的最好的和我只能用一句话说的结合。”



Holmes、Lenk和Marcus,都在践行他们自己独特的信息设计方法,只要一些设计师还在设计圈活跃。每个设计师都有自己的想法解决这门学科。

Holmes的关键技能清单包括写作(他总是大声地阅读以确保文本发音正确)、教学、数学(或者对数字感兴趣)、观众和主题研究。。

Lenk的客户群主要是学术期刊,对他而言,一个有帮助的背景包括规划能力、内在逻辑、编写代码。Marcus推荐传统平面设计、技术编辑、计算机编程和人因学(人机工程学)。Marcus说:“一名信息设计师对复杂性既有兴趣,又富有耐性,同时对传统平面设计也有着很大的兴趣,对技术和系统有耐性。设计师从创建系统中获得满足感。”他的设计团队有不同的背景,包括编程、数学和平面设计。

作为一名信息设计师需要去推销自己。作为自由职业者或在求职面试中,除了展示必要的作品,你必须要展示其他的能力。Marcus说:“你的作品涉及表格、图表、地图和图解方面的设计,项目是一个系统的性质,而不只是一次性的图像,这有助于让别人看到你的作品和项目的实例。”他也寻找那些强调导航和排版的项目。

Lenk 经常雇佣对他的公司感兴趣的毕业生,学生都是刚从罗德岛设计学院毕业的。他说:“我们一直在招聘那些知识掌握牢固,并且拥有人文科学教育背景的学生。例如:我们在招聘这样的一群人——他们知道如何与事实结合,知道如何将时间线和地图连接起来。这比信息可视化能力更加重要。”

一些设计教育家赞同这样的设计哲学。匹兹堡卡内基梅隆大学设计学院的设计专家,Robert O.Swinehart说“正如我们看到的,设计是一门多学科的交集。”卡内基梅隆提供了一个非常受人敬重的设计方案:强调排版、信息设计和人文艺术。学校为了培养出全面发展的设计师,决定改变设计方案,学生在设计学院上课的课程时间由80%调整至62%,剩下的选修课程由大学任教。

展示你的东西

如果你过去回到学校,拥有一个充满传统设计的公文包,作为一名信息设计师,你仍可重塑自己。Holmes说:“在这片领域有许多机会,但是最好的作品来自于奉献。当我在时代周刊工作时,我们一周看20或30个公文包,我总认为如果我可以做一个简单的批评的话,我看不到公文包设计者的想法。”

Holmes建议:“给自己布置作业是一件非常容易的事。你只要捡起出当地的报纸,看一下他们是如何处理各种信息图表或地图的。你会说“嗯,我住在这个地区,关于地图我真正想要知道什么呢?””

举例来说:如果修建了一条路,你应该问自己谁将会受这个建筑的影响?附近的企业将会发生什么变化?谁将会失去他们的家园?他们要为此支付多少钱?Holmes说:“也许有其他的要素能使它成为一幅更有趣的图形,不仅仅是一张展示道路的地图。”

“你可以做一点研究,然后把他放在你的包里。说,这就是在新闻报纸中出现的方式,这就是我认为他应该存在的方式。未来雇佣你的人讲会看到你思考的方式。”

你是否想要去设计地图和图解,去解释事情是如何运转或发展成网站人机界面的。作为信息设计师,你必须要对内容有强烈的求知欲,并且乐于和特殊观众分享你的知识。当我们到达信息过载的顶点,就是这种信息设计是非常有必要的。


4
阅读原文
|
举报
|
2
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI通用设计素材1
钱包ui模板
【新年UI图标】活动icon
盲盒APP UI设计
手表表盘UI系列
UI 登录界面设计模板包
【新年UI图标】旅行icon
高级表盘系列UI源文件
新能源APP应用UIKit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
我的钱包-UI界面设计-app
【新年UI图标】珠宝icon
UI界面 组件
【新年UI图标】30个图标
户外旅行飞机情侣假日出行
拟物风质感写实UI卡片合集源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级感金属拟物 UI设计组件库
Security Camera UI kit
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】体育icon
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
【新年UI图标】积分icon
你可能喜欢
大家都在看
登录注册