【网页设计】9个运动绘图网页简史

发布时间:2019-10-29 12:55:00

现在,有很多工具可以帮助我们设计,但我们仍然需要处理不同的浏览器。这让人不禁要问:为什么复杂的事情会更简单,而简单的事情会更复杂?

现在,有很多工具可以帮助我们设计,但我们仍然需要处理不同的浏览器。这让人不禁要问:为什么复杂的事情会更简单,而简单的事情会更复杂?

让我们从关于设计师是否应该学习代码的争论开始。看看网页设计的历史,看看人们如何才能弥合编码和设计之间的鸿沟。

网页设计的历史始于黑暗——屏幕是黑色的,只有单色像素漂浮在屏幕上。设计只能用字符和表来实现。所以,让我们进入平板用户界面的时代,表单的先驱时代。

形式-一切的开始(1995)

浏览器的诞生迈出了网页设计的首步。接近信息架构的概念是html格式。从david siegel的《创建杀手网站》一书开始,人们试图将动态细胞和静态细胞结合起来,用表格来嵌套表格。尽管将表单分配给非数据处理有些错误,但这在当时是一种常见的做法。另一个问题是如何平衡这些支离破碎的结构。当时,另一种叫做slicingdesign的方法非常流行。设计人员控制结果,但web工程师将页面分成几个小部分,然后研究如何使设计工作顺利进行。另一方面,表单有一些很好的功能,例如保持元素垂直对齐,并使用像素或比例控制其大小。表单的优点是它们非常接近网格,但从那时起,许多工程师决定不做后端工作。

雪中炭的javascript(1995)

自由的黄金时代:闪光(1996)

另一项突破网页设计局限性的新技术是flash,它支持任何图像、层、动画、交互视图。设计人员需要将文档打包到一个文件夹中,并将其发送到浏览器进行显示。只要用户下载的flash插件并等待一段时间,就可以看到flash的神奇效果。flash迎来了splash页面的黄金时代,它有大量的弹窗和地图来引导用户访问其他网站。然而,flash对搜索并不友好,而且会消耗大量流量。2007年,当苹果推出新款iphone时,flash被关闭,网络设计的flash时代结束。

flash附带的另一项重要技术是层叠样式表(css)。基本的想法是将演示与内容本身分开。样式用css语言编写,内容用html语言编写。css的版本是僵化的,但问题是不同浏览器的适应性。浏览器花了几年时间才实现css支持,在此期间,开发人员必须同时处理启用css和未经批准的css浏览器。

要出现在手机上,网页本身就面临着巨大的挑战。设计师不仅要考虑如何在不同尺寸的屏幕上改变设计,还要考虑如何在小屏幕上投放广告等等。装载速度也是需要考虑的一个因素。如果你下载太多的内容,流量会非常快。改进这些问题的发明是网格。经过多次实验,960网格系统胜出,设计者开始使用12列模型进行设计。第二部分是规范表单、导航、按钮等的设计。例如,建立一个数据库来记录这些数据的模式。这也使得web页面和应用程序之间的界限变得模糊。缺点是设计人员仍然无法直接知道代码如何影响输出。

有人想挑战这种情况,想让同一个设计出现在不同的设备上,于是响应式设计应运而生。虽然在html和css中进行了编辑,但是概念上的飞跃已经发生了。尽管存在很多误解,但在设计师看来,响应式设计意味着在不同的平台上做同样的事情。对于用户来说,网页可以很容易地在移动端实现;对于开发人员来说,这意味着改变图片的处理方式,优化下载时间,等等。重要的优点是响应式设计使内容制作更加简洁和纯粹。

我们在复杂的设计上花了太多时间。幸运的是,我们终于回到了设计的基础——去除不必要的阴影,仔细选择好的照片、字体等等。我们把简化设计元素的趋势称为“平面设计”。这给设计师带来的***好处就是设计格式易于复制,提取出层次性的文本信息。你也可以使用许多精心设计的图标来制作按钮和创建漂亮的字体。所有这些使得网页设计似乎回到了过去。

现在,网页的设计过程越来越可视化——想象一下,设计师只要在屏幕前挥动手指,就能操纵各种元素的状态;想象一下,开发人员不再担心浏览器的兼容性,而是专注于解决实际问题!

从技术上讲,我们看到了一些迎合这一趋势的创新。例如,css中的newunits,其vh和vw(viewport height和width)使元素的放置更加可变;flexbox允许设计师完成简单的页面设计,而无需将任何代码作为css的一部分编写;web组件是一个更大的部分,这意味着可以打包一系列元素。它引入了工作流的概念,使元素更易于重用。

————————————————————————————————————————————————————---


热门推荐

技巧精选

0571-88730320 联系我们,谈您的需求

立即咨询 立即建站