您的位置: 主页 > H最生活 >为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图 >

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图


2020-06-15


为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

Froont,一家为 web 设计师製作工具的旧金山公司,用 9 个 GIF 格式动画来表现网页设计在过去 25 年的发展历程。如果你想知道为什幺 CSS 这幺重要,为什幺 Flash 会逐渐淘汰,这些动画图或许能让你一窥究竟。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

网页设计的单色时代,约 1989 年。想想 Lynx 和其他以 Unix 为基础的 web 浏览器,这些浏览器只会通过网络从这个终端到另一个终端一个字一个字跳出来。没有图形使用者介面,只有一串字母和一个闪烁的光标。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

现代化的开始,约 1995 年。第一个浏览器,例如 Mosaic,允许设计人员在网站上显示图片,但是唯一的方法是将这些网页元素丢进不雅的表格布局中。由于这真的很难精确定位,所以设计师得琢磨地非常清楚如何写好表格嵌套表格再嵌套表格的代码以便正确显示内容。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

幸运的是,JavaScript 出现了,为设计师带来很大的便利。Flash 让我们创建动态网站的设计更为简便:例如,弹出视窗和在页面上动态修改内容顺序。但是相较于本地 HTML,JavaScript 速度很慢。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

儘管 Flash 也曾风靡一时,但是现在几乎已经被 HTML5 干掉了,但是在 1996 年,它代表了网页设计的一个新高度:能够让设计师按他们自己的方式使得页面生动起来。这也是 Froont 飞出页面和开场动画等的黄金时代。但是,Flash 会佔用电脑大量的处理资源,这也使得它成为一种不太友善的技术,尤其是对于行动装置,例如笔记型电脑和智慧型手机而言。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

CSS,首次发表于 1998 年,解决

了很多早期的 web 设计问题。它将网站美观度从网页内容中剥离出来,设计师终于可以按照自己的想法製作或者为客户设计网页了。虽然最早的 CSS 版本不是非常灵活,但是现在的 CSS 已然成为了设计师需要掌握的最重要的网路技术。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

2007 年 iPhone 的问世给设计人员带来了一个全新的难题:如何在智慧型手机这个更小的萤幕上设计网页?一开始设计人员想到的是使用一种网格系统,这种网格系统可以根据装置萤幕的尺寸将网页分割成若干列。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

2010 年,对于如何在行动装置显示网页的问题,Ethan Marcotte 想到了另一种解决方案:响应式设计。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

在响应性设计之后,一种撇去华丽效果重视内容的扁平化设计也出来了。这种设计简化了视觉元素,突出漂亮的字体来创建 web 体验,而且显示在任何装置上的效果都非常棒。

为什幺CSS这幺重要而Flash会逐渐淘汰?9张GIF动画图

至于未来会如何?Froont 表示,更好的 web 设计还在研究开发中。以后,设计人员将不需要再担心浏览器的相容性问题,各种适用于任何装置的工具也都随手可得。以后的技术将不会再成为设计的限制,设计师可以集中精力解决 UI 和 UX 问题,而不是把时间浪费在排除故障上。



上一篇:
下一篇: