塑造互联网的设计思想

来源:彭博商业周刊 | 发布: | 发布时间:2015-11-5,星期四 | 阅读:1,635


来源:特赞Tezign

Ⅰ.平面设计用户界面

来自于受到万尼瓦尔·布什和伊凡·苏泽兰的作品的启发,恩格巴尔特在线系统第一次实行了图形用户界面,虚拟地合并了窗口、菜单、图标和文件夹地桌面。作为一个处理穿孔卡片和命令行的工业技术,这个发明引人深思。当大多数电脑科学家还在专注于电脑的智能化,恩格尔巴特却对如何应用电脑使得人类更聪明感兴趣。

恩格巴尔特的几个团队开始发展具有开创性意义的施乐奥托。然而,奥托没有引领现代化电脑的进程。在访问了施乐帕克研究中心后,研究中心开始规划的计算的未来。史蒂夫·乔布斯首先关注了图形用户界面。在1983年,苹果公司发布了Lisa,这是第一个拥有图形用户界面和鼠标的家庭电脑。受到苹果的激怒,在同一年微软迅速发布了Windows1.0的版本。史蒂夫·乔布斯控告比尔·盖茨抄袭,而盖茨反驳道:“好吧,史蒂夫。我认为这就像是我们的共同拥有一个富裕的邻居奥托,但我闯进他家偷电视的时候,却发现你已经偷走电视了。”

Ⅱ.表情符号

1963年State Mutual Life聘请了动漫师Harvey Ball为公司的友好竞选设计了一个笑脸。这个圆形黄色的脸上有两个作为眼睛的黑点和一个简单的弧线作为嘴巴。他用了10分钟设计出这个笑脸并获45美元。1970年,伯纳德和穆雷兄弟加了一行字“Have a Nice Day”并以百万美元的价格卖给商人。两年后,Franklin Loufrani给笑脸命名为“Smiley”并推广到了巴黎,授权给法国报纸作为强调积极报道的标识。Harvey Ball的设计为全世界所知。当哈维尔被问道是否后悔没有为他的设计注册商标,他的回答颇有哲学意味:“Hey, I can only eat one steak at a time.”

在80年代,日本网民流行起一种emoji风格的表情,这种表情不再需要你歪着脑袋,例如(*_*) 和(^.^)。还有眨眼(^_-)和困惑(@[email protected]),当在紧张氛围中可以用(-_-;),分号代表流汗!

当90年代中期网络聊天突然兴起的时候,表情符号发展成为了图像。例如ICQ和AOL美国在线即时通讯软件的即时通讯服务开始提供点击鼠标就能在文本中插入符号的功能。在1997年,Franklin Loufrani的儿子Nicolas创造了基于Smiley的GIF符号的词典,替换文本表情符号。现在词典里超过2000个表情,令很多人恼怒的是,现代平台会自动将这些生动的图像替换文字表情符号。

Ⅲ.图形交互格式

图形交互格式已经20年了,只能提供256种颜色。它不使用于摄影,无法承载声音。它比PNG格式更低级。直到现在GIF还在那儿。为什么图形交互格式呢?因为它可以移动。

CompuServe在1987年互联网早期使用时引进了GIF格式作为免费上线的形式,并为在网络工作中分享多彩图片规定了标准使用说明。

一个GIF支持8位每像素,可以包容从几百种颜色的调色板中,选择出相关的256种有区别的颜色。每个颜色保存在一个格子中并设值。当旁边的像素时相近色时,扫描宽度便会根据颜色的值来设定。这被成为LZW数据压缩,由Abraham Lempel、Jacob Ziv和Terry Welch创造。这意味着即时在低速的调试解调器的条件下,图片也能以还算快的速度下载。

Ⅳ.以用户为中心的设计

当网页出现的时候,设计不是其中的一个要素。网页是简单的嵌入式超链接的文本文件。唯一的考虑到的设计是字号。经历了十年的桌面出版,图形设计师避开了HTML的局限性。工程师和电脑程序时把握了空间。网页开始由信息主导,形式具备了功能。网页发展成为了图形环境,布置开始成为一个问题。

之后的90年代网络变得混乱起来。图像、动态GIF、Flash、Java的小应用程序在框架和表哥中竞争空间。这个新的媒体开始呼唤新规则。Sun Microsystems公司的工程师和适用性专家Jakob Nielsen出现了。

1995年,Nielsen建立了网站 useit.com。他的想法引领了网页适用性领域,然而他的观念却是矛盾的,尤其对于在网页设计方面试图让HTML的界限变回原样。他倡导用户测试和纸质样品来使用户的期望集中于设计过程。他是极简设计的赢家,即用户使用的语言。这意味着网页接近了真实世界的惯例并且避免了面向系统的术语和功能。Jakob Nielsen的合作伙伴Don Norman的解释是:“我们必须按照用户的行为设计我们的技术,而不是按照我们希望的去做。”

SteveKrug对适用性的设计想法没有什么争议。他的具有开创性的著作《Don’t make methink》告诉人们,对于以用户为中心的设计你所需要知道的每一件事。

Ⅴ.网络艺术

1952年,电脑科学家Christopher Strachey针对Manchester Mark 1电脑设立了一个项目,这个项目是使情书随机化,这是第一个电脑艺术的例子。随着Strachey生成的情书,相比于过程结果变得不重要了。随之而来的是计算机艺术和网络艺术的运动。不在预期内的影响受到了欢迎,人们更乐意接受他们。即使通过这种方式偶然发现了名字:ASCII艺术家Vuk CoSiC在1995收到损坏的邮件,他唯一能看清的话是“网络艺术”。

另外一个在网络艺术领域经常出现的主题是网络商业化。威比奖和“第一次通过艺术家设计的网络一用”,Web Stalker是一个实验性浏览器。1997年由英国网络艺术活动家I/O/D开发的浏览器除去了多余的部分,只剩下原始文本、链接和原数据。

网络给掌控传统艺术世界的艺术家一个通往全球受众的渠道。没有艺术馆的商业世界和全球星的艺术机构,网络艺术是对英文化的回应,但它缺少畅销性使一切显得更权威。

例如AramBartoll、AaronKoblin和RafaelRozendaal的艺术家与设计师,延续着着网络艺术的精神,但事情总在变化。网络艺术不再是关于网络对文化的巨大伤害。我们所有人现在都是网络艺术家。

Ⅵ.可伸缩矢量图形

发布Macromedia Flash是一个转折点。它以动画和插画的形式拓展了网页,与Mosaic浏览器在4年前为第一个网络设计师做的一样。品牌终于能够看到这个新媒体的潜力,这个潜力也吸引了重要的投资,促进了网络公司淘金的潜力。

Ⅶ.信息图表

相比以前,网络让我们获得了更多的信息。我们也需要新的方式来应用大量的数据。《Information is beautiful》的作者David McCandless认为:“通过可视化数据,我们可以把它当作一道风景线,用我们的眼睛把它看作一种信息地图。当你迷失在海量的信息时,这种信息地图能够帮助你。”

提供视觉信心并不新鲜,人类千百年来一直在使用标记、绘画图像和地图。然而,真正地使用图形信息不超过100年。

在1925年,Otta Neurath在维也纳的社会与经济博物馆发明了我们现在认为的图形信息。

Neurath希望让“死数据”在视觉上更具备吸引力来引入生活。他的格言是:“记住简单的图片好过忘记精确数据。”原来称为维也纳方法而后改名为ISOTYPE(印刷图像教育国际体系),这是一种他开创的现在已经十分普及的图形语言,从机场到网站无所不在。

虽然Neurath给了我们象形文字,但是统计学家Edward Tufte 是数据可视化的先驱。他的数据密度原则表明,能够描述越多的数据越好。为了简化一个图表,应该简化它的规模而不是数据。与直觉相反,缩减图可以提供可读性。数据笔墨比例建议用于表达数据的笔墨应该比用在馅食无数据的部分多。没有必要使用的图形效果Chartjunk更应该被直接取消。谎言因素评估了图表中图形的完整性,图形中尺寸效果应该反映了数据中的尺寸效应。

Ⅷ.嵌入字体

第一代web浏览器,例如Mosaic和Netscape Navigator,呈现的是成组字体。在1995年,Netscape引进了标签,允许web开发人员选择他们自己的字体。技术上来说,你可以特殊定义任何你的网站想要的字体;在实际应用中,用户必须把该字体安装在自己电脑上来查看。

在2009年,大多数浏览器开始支持@font-face 命令,该名利允许网页链接到一个字体文件。该命令也受到网页设计师的推崇。再一次说明,理论上他们可以使用任何想用的字体了。然而在实践中并非如此。最多的字体铸造厂无法自由下载字体。

一家名为TypeKit的公司发现了机会。这家公司授权了千百家只用在网页基础上的字体并提供链接授权给用户。其平台提供快速、一致的字体服务,处理浏览器处理字体文件的差异问题。类似的网站已经出现了,例如谷歌网站字体、Font Squirrel和Fontdeck。网页设计师的梦想成真——最终他们可以使用任何他们希望的字体。只要确定它不是Comic Sans字体。

Ⅸ.可响应的网页设计

无论我们使用个人电脑、平板设备、智能手机或者电视,我们想要优化特定设备中的内容。这并不容易,因为他们都有各自不同的屏幕尺寸和接口,并且在不同时间中的不同用途中使用。

在2010年5月的文章列表中,Ethan Marcotte建议了一个解决方法。通过响应体系结构的灵感激发,即人们通过建筑时能被感应,他创造了术语“响应式网络设计”(RWD)。在文章中他指出:“与其剪裁没有联通的设计而使网络设备增加,我们可以按相同的体验来设计。我们可以设计最佳的视觉体验,但要使标准技术在我们的设计之内来确保不止更灵活了,还更能适应呈现他们媒体。总之,我们需要实践响应式网络设计。”



 

版权声明

文章编辑: ( 点击名字查看他发布的更多文章 )
文章标题:塑造互联网的设计思想
文章链接:http://www.ccdigs.com/76305.html

分类: IT观察, 多向思维, 新闻视线, 科技新闻.
标签: , ,

发表评论