UI界面设计 ·

ui界面设计的演变简述

“人们对人类经验的理解越广泛,我们就会有更好的设计。”

- 史蒂夫乔布斯,苹果

什么是GUI?

当第一台IBM个人计算机于1981年推出时,它附带了Microsoft的MS-DOS操作系统,该系统要求用户键入可在其PC上执行特定任务的命令提示。毋庸置疑,它看起来很无聊,乏味,并要求用户记住许多不同的命令来完成任务。三年后,当Apple发布其非常成功的Macintosh时,一切都发生了变化; 在个人计算机上,推广使用图形用户界面(GUI)的计算机。这是革命性的,有些人甚至认为它几乎与登月一样巨大,在未来几十年内,引领着用户与PC互动的方式发生了转变。用户使用个人电脑不仅因为他们必须使用,而且因为他们想要使用。

 

当GUI首次成为PC上的主要内容时,它的呈现方式有几个注意事项。许多用户对个人计算机的概念不熟悉,学习曲线非常陡峭。GUI被视为导致20世纪80年代以后拥有和使用PC的人数呈指数增长的主要催化剂之一。它旨在简化用户浏览计算机功能的方式,引用熟悉的,真实的对象或可视化的表示,帮助用户理解在陌生环境中实物的工作方式。

 

作者:Jeremy Sim。图片来源:Apple,微软,三星,诺基亚

我很抱歉,Skeuo-什么?

在许多个人设备上广泛植入GUI后,随着技术迅速发展,显示器变得更好。图形处理变得更好。对于制造商和开发商而言,推动更精美,更专业和更引人注目的视觉效果成为展示其技术实力的下一个重大事件。触摸屏的兴起也意味着,用户现在必须转向与他们的设备交互的新方式,促使开发人员实现可视语言,以简化这种转换。GUI开始绘制更真实的对现实对象和纹理的引用,因为它们可以。这种类型的设计被称为skeuomorphism(拟物设计)

 

在21世纪初,界面设计图形部门的事情开始变得非常详细。Mac OS X,Windows XP甚至是第一款iPhone的推出的视觉升级,都预示着界面设计的一个阶段,其中设计图标之类的东西被设计的尽可能逼真。从个人电脑到手机,每一个用户界面上的每个图标似乎都环绕的皮革文理、玻璃表面和闪亮的拉丝铝饰面。有反射,渐变和阴影,使事物更“流行”。

 

似乎更好的显示和处理能力,我们更倾向于模仿我们的数字领域的现实,试图“推动我们的技术边界”。这是一个令人兴奋的界面设计时期!人们对数字屏幕上的某些东西出现的真实性印象深刻。它看起来很酷!你可以像普通书籍一样在iBooks上翻页。它似乎是如此的未来主义,PC程序被干净,反光的玻璃和金属包裹着。

 

几年后,我们开始觉得无聊。如果所有的数字空间都模仿了现实中的样子,那么用户就没有太多的视觉刺激。事实上,在我们看来,事情开始变得混乱。当平面设计的想法出现时,情况发生了变化。简洁,干净,整洁的按钮,没有纹理或反射表面,没有玻璃,没有皮革。拟物化,在所有它的纹理,阴影的荣耀,开始成为过去的眼睛。现在是过渡的最佳时机。基于触摸的界面已经在市场上销售了一段时间,计算机已经存在了几十年。用户已经习惯了事物工作方式,并且几乎不需要现实生活的参考来帮助他们理解事物的运作方式。

 

“随着界面变得越来越复杂,体验变得混乱和无法使用。拟物化,正在变得有限和不优雅。“
- Iryna Korkishko,Syndicode

 

平凡,简约的设计突然到处都是。从接口到公司徽标,设计师们开始掀起潮流,就像它是一种新药一样,推动了新一波极简主义浪潮,渗透到平面设计的各个方面,专注于提供醒目的图形,鲜艳的色彩和最少的细节。在界面设计的背景下,即使在复杂的功能系统中,也只是提供简化,无忧无虑的用户体验。用户可以通过直观的手势和互动直接获得他们想要的东西,这些手势和互动按重要性对信息进行优先排序,而无需将它们绑定到相对于彼此的位置,就像它们在现实生活中一样。

 

平面设计还意味着应用程序花费的时间更少,因为接口变得不那么图形密集。他们帮助创造了更顺畅的体验,其中一个最好的例子是Windows Phone OS及其“地铁设计”概念。尽管这是一个非常半生不熟的操作系统,其功能和应用程序支持有限,最终导致其消亡,但它的原生功能和应用程序运行顺畅,整体上相当美观。

 

作者:Jeremy Sim。图片来源:微软,诺基亚,谷歌,苹果

下一步是什么?

设计趋势来来去去。Skeuomorphic设计和平面设计也不例外。展望未来几十年的技术,已经就未来界面的外观进行了许多预测。由于人们不断尝试想象可能性,因此不乏界面设计概念。科幻世界为人们提供了一个表达自己想法和幻想的绝佳平台!

 

   

    

UI设计来自流行的Netflix系列,Black Mirror。

在今天的背景下,在界面设计中平面设计在各方各方面达到了顶峰,设计师已经开始尝试如何使视觉效果更具吸引力而不仅仅是极简主义。微软的Fluent Design系统是大型科技公司在接口设计的下一步中处于领先地位的一个例子。它结合了我们喜爱的东西,以及从形象设计到极简主义元素的有用之处。

 

微软Fluent设计系统的概念

 

还考虑了迎合未来接口的需求。虚拟现实(VR)界面具有3D空间的维度,这会影响界面的设计方式。利用摄影来补充应用程序中的视觉效果和图形,可以创造更具有人情味的身临其境的触感体验。通过帮助用户过渡到新的数字环境并适应新的数字环境,Skeuomorphism可以在这里发挥非常重要的作用。在某种程度上,界面设计师可以使用skeuomorphism作为适应他们和用户需求的工具。

 

VR UI的概念

 

Skeuomorphism也不仅适用于视觉效果。通过使用或拟物化,接口还有许多其他方式与我们人类的感官连接,其中一种方式是通过使用拟态音频。但这可能是今天的另一个话题。

 

 

参与评论