UI设计史有感

我们常说的UI Design,想必各位都认识Design,那么UI是什么呢?UI 全称 User Interface,其实就是用户界面。我们现在说用户界面那是人人都自动联想起各种app和桌面应用,其实UI是一个很年轻的词汇,毕竟计算机普及,人们从黑糊糊的命令行DOS界面解脱出来距今也没几年时间。这其中的UI Design所呈现出来的变化趋势,更是一个十分有趣而又精彩的topic。


在用户界面刚出来的时候,GPU甚至还没有出现,电脑凭借着算力弱,内存小的硬件,强行渲染一些图标和界面,于是就出现了图形化操作系统等应用。当时的人们是激动的,毕竟终于搞出一个能看的东西了,那么他们的自然反应是什么呢?当然是尽可能地模拟真实物体的形态去绘制图标等美术形态啦!于是,拟物设计就诞生了!

For example!看windows XP的开机图画!一个飘动的windows图标!顺便一说,那个时候windows图标还是波浪形的。生怕别人不知道“我windows系统图像质量好!你看,图标如此逼真!”同时,apple也不甘示弱,iOS操作系统前几代也是,设置的齿轮形状,相机的镜头,都尽量逼真,告诉那些刚刚进入信息时代,刚刚接触电子设备的萌新们:“你看,这是相机!逼真吧!不写camera你也知道这是啥吧!”

随着算力和渲染技术的发展,GPU的诞生,我们的图像渲染逐渐不再成为巨大的障碍,这个时候也就是拟物设计的巅峰所在。其典型案例是Win7,windows7系统凭借它的磨砂玻璃设计和富有质感的按钮,一举拿下了操作系统的半壁江山。同时还有对应的Office2007。你们可以注意到,它们的每一个图标都极具质感。
然而,浮华到了顶峰,必然是腻味和革新。

当全世界用户都知道什么是相机,什么是设置的时候,拟物化的设计风格本身带来的凌乱,不统一,逐渐浮现出来。在Microsoft的Windows8中(最早其实是Windows Phone)跨时代意义的纯色色块+简笔图标的配置出现了,宣告扁平设计风格登上了UI历史的舞台。扁平的好处是显然的,它重点突出,整体统一,给人舒适而现代化的感觉。对于信息化时代的人,毫无疑问一个齿轮形状就代表着设置,多余的勾勒都是潜伏的凌乱。开发的简便和统一,促使了全世界的UI向着扁平化发展,iOS操作系统逐步开始拍扁所有的图标,开始取消货架式的桌面文件夹而改为和一个圆角方形…

于是,windows10,Office2013就诞生了这样的扁平化风格,简约而清晰。更有甚者,在最新的Office2016更新中,其所有的图标都进一步变成了线勾勒的抽象图标,甚至顶部的卡片式选择栏,都改成了下划线标记选中的模式,可谓在扁平化进程中更深一步。
在web的时代,另一个设计风格理念不得不提:Material Design。这一由世界最大物联网企业Google提出的设计风格采取卡片式的设计方法,为复杂功能的UI提供了解决方案。按钮,控件就如同贴纸贴在背景上,局部阴影展现的层次感,抽象水波纹和图标带来的灵动,都给复杂的功能增添了一种条理感。

未来UI Design会向什么方向走,谁也说不清楚。我们只能希望,UI 这种和我们的生活越来越密不可分的新兴设计,能让我们更加舒适,让生活更加方便而美好。

猜你喜欢

转载自blog.csdn.net/a1323933782/article/details/86410235