衬塑设备厂家
免费服务热线

Free service

hotline

010-00000000
衬塑设备厂家
热门搜索:
技术资讯
当前位置:首页 > 技术资讯

追根溯源Metro界面的设计灵感来源

发布时间:2020-01-17 17:00:18 阅读: 来源:衬塑设备厂家

首页WP之家Windows Phone新闻 追根溯源,Metro界面的设计灵感来源 2012-2-16 16:13:51来源:诺基亚博客作者:Mike Kruzeniski责编:木木 评论: WindowsPhone平台上引以为豪的Metro界面设计风格和这30年来平面设计理念的进化有着密不可分的联系。

去年,WindowsPhone创意总监MikeKruseniski写了一篇长文,谈论交互设计的未来。我今天这篇文章其实是对他的谈话进行了浓缩。如果有时间,你可以读一下整篇文章,文章很有趣。

奇怪的桌面

如果看一下你的电脑屏幕,你会发现它其实是在模仿一个真实的桌面环境。

从Xerox上的第一个图形用户界面实验开始,设计师始终从现实文具那里寻找灵感。

日历看起来像是那种现在已经看不见的一日一撕的旧式日历。记事本像一个扣眼活页夹。在Mac电脑上,我的文字处理软件Pages的形象就是一瓶墨水加上旧式的墨水笔。

设计师试图让计算机界面更加让人们熟悉,更直观。人们从一个到处是纸张、文件夹和公文柜的旧世界来到了一个全新的计算世界。

界面设计师想描绘一种新动作时,例如“确认”按钮,他们让这个按钮采用斜面并且有阴影,看起来就像是一个按钮,让人们明白他们需要按这个按钮。

30年之后

如今,相比以前,设计师拥有更大的自由度。大多数人经过几十年的使用,已经能与计算机屏幕进行很好地互动。

但是奇怪的是,大量最新的界面仅仅是让桌面图标看起来更加友好,而不是让人感到新鲜。

电子书不需要书皮、A5比例和厚度感让我们知道我们要做的事情。电子书肯定不需要放到计算机模拟的木质书柜里。如果你读电子书,你会知道书本的封面或装订并不重要,书里的字和图片才是主旨。

对于大多数电子内容,设计师并没有很多可以借鉴的物理形象。例如网页就没有模仿现实世界的东西。

通常使用的物理形象很容易让人误会:计算机的文档系统与真实世界的文件柜之间相似性甚小。真实世界的垃圾桶无法像电脑屏幕上的那样远程操控。

审视过去

也许我们需要重新考虑交互设计。为此,研究一下发展时间更长、更加成熟的平面设计肯定大有裨益。

交互设计师以前常说平面设计的规则并不适合数字世界。但是这不真实。

尤其是,我们可以思考一下上世纪50年代的国际风格(或瑞士风格)运动。当时的设计师和印刷工人觉得受够了,认为是时候扔掉常见的过多装饰和凌乱,回归基本原则:

使用网格构筑层级和结构

利用网格能让网站、网页和应用更便于使用,减少复杂度,提升易读性。

自信的使用留白

很多交互式设计都希望在空间中尽可能多地放东西。使用更多空白空间能让用户关注关键信息和动作。

减少元素

用户界面元素让内容凌乱。“从信息密度上失去的东西可以从简约性那里拿回来”。

强调排版

《掌握网页排版窍门》的作者DiogoTerror写到:

字体大小是一个确保可读性、影响和节奏的工具。不同的字体大小不仅能产生视觉冲击,而且还能为读者提供被显示数据的层级。大字是进入点,是内容信息架构和页面层级的顶层元素。这是一种引导读者的眼睛浏览页面的好方法,就像是内容的界面。

比例和空间

在平面媒体行业,元素的比例能让一则故事随着时间慢慢展开。比例引导着眼睛浏览内容的方向,为信息带来性格。

通用图形

设计师对漂亮、独特的图标有点过度担忧。如果每个人都使用相同的惯例,那么可用性会得到提升。

WindowsPhone7很明显就采用这种思维,但是这种思维背后有更大的寓意。全世界都在反对最近几年交互设计方面凌乱和装饰化的趋势。看一下流行的产品你就能产生更深的理解,如Flipboard、Instapaper和Readability。网站也有类似的情况,如Adobe或NikeBetterWorld微网站。

Kruseniski总结到:

作为交互设计师,我们可以停止打磨我们的图标,通过清晰、时尚的方式关注传达的内容。回报很简单,它将能够带来更多易于使用的漂亮产品,产生美妙的品牌体验,并留下更多自我表达的空间。

你有何看法?你是否同意少即是多成为移动和计算机屏幕的流行趋势?或者你喜欢凌乱的感觉?

微信搜索“IT之家”关注抢6s大礼!下载IT之家客户端(戳这里)也可参与评论抽楼层大奖!

分享到:

在线预约挂号

网上挂号收取服务费

挂号平台服务中心