1989-2014 网页设计的演变

估计很多做网页的同学还不了解网页的历史,它是什么时候出现的?而那时的网页又是怎样子的呢?

如果想了解下网页设计的简史,请往看吧,我建议每位网页设计师都应该看看哦!

 

文章目录:

1989年:黑暗时代的网页设计

当时的网页设计让你不“极简风”也很难,屏幕背景是黑色的,没有图像,只有单色像素风格的纯文字,而那里的设计是通过符号+制表(Tab键)来制作。

1995年:开始表格式网页设计

浏览器的出现使网页设计迈向一大步,它可以让网页显示图像。当构建信息时,通过HTML表格来排版布局,尽管我们知道表格主要目的是构建数字,但它仍然被流行使用了很长一段时间。当设计师制作花哨的布局时,为解决这问题,最佳方法就是切片 + 表格来完成。

当时表格也有它的好处,比如垂直对齐、可设置像素单位及百分比的功能来制作网格布局。

1995年:JavaScript 扩展表现范围

JavaScript 可以解决HTML一些局限性,比如,需要一个弹提示,这时就需要JS来实现了。那时背景图像、GIF动画、闪字、计数器等工具迅速成为网页必须的噱头。

1996年:自由的黄金时代 – Flash

FLASH,一个突破性的技术出现,打破现有网页设计上的局限,设计师在设计形状、布局、互动以及一些很棒很弦的动画都可以在这一个工具上执行,完成后只是一个单独的文件输出,并能显示在浏览器中。用户浏览它时需要安装插件并等待FLASH加载完成后方可浏览。

FLASH的功能确实很棒,可惜,它对搜索引擎不太好了,并且消耗了大量的处理器功能。2007年苹果在第一个iPhone时就决定放弃使用他们,而接着Flash开始没落(至少在网页设计方面)。

1998年:CSS 层叠样式表

大约和Flash同一时间,一种更好的设计结构技术诞生:  层叠样式表 CSS (Cascading Style Sheets)。这里的基本概念是将网站内容和表现分开,所以它的外表和格式都在CSS中定义。

CSS的第一个版本很不灵活,但最大的问题是浏览器的兼容性,不同浏览器对CSS的支持不一样,这个花了好几年的时候才得到改进。需要明确的是CSS不是一个程序言语(coding language),这相当一个声明性的语言。

2007年:混乱的移动 – 网格和框架

手机网页本身就是一个挑战,除了各种不同设备对应不同尺寸的布局,它的内容应该和小屏幕上的相同或是单独剥离出来?是否添加广告到小屏幕上?访问速度也是问题,因为内容太大,访客浏览网页慢、流量增加,从而成本也增加。

第一步改进是使用栅格的概念,各种栅格系统的诞生,最终960栅格系统胜出,而这12列栅格被设计师经常使用。

接下来步骤就是标准化形状、导航、按钮等常用元素,将其规范起来,以实现更简单且可重复使用。基本上,就是制作一个包含其代码的视觉库。在这里,Bootstrap 和 Foundation 胜出,它被用在许多网站和APP应用上。缺点就是使用这个框架的外观往往看起来像一样的,而设计师不知道的代码是如何工作的。

2010年:响应式网页设计(Responsive Web Design)

2010年 ETHAN MARCOTTE 提出响应式网页设计以实现不同的布局,这也是响应式网页设计的起源。技术上, 我们依然是用HTML和CSS来编写。这意味着响应式设计可以在大量的布局中使用,主要优点就是相同的Web站点可以工作在桌面电脑、移动手机端,而不需要再独立一个手机端出来。

2010年:扁平化的时代

设计一些布局需要大量的时间,幸运的是我们决定抛弃界面上那些花哨的装饰元素(如3D、阴影效果、纹理材质),并回归到根的设计,优先专注内容。精美的摄影图像、插图、排版、易于使用的布局是我们现在应该考虑的。简化可视元素仅仅是扁平化设计过程的一部分,重要的是该以内容为中心。把光泽的按钮换成图标,并使用SVG或图标字体。

2014年:网页设计的未来是光明的

到现在为止,网页设计的目的是呈现视觉信息,这是在浏览器中展示。设计师搬东西在屏幕上时,请试着想像一下,它能否用简约代码编写,我意思不是改变事物的秩序,但要有充分的灵活性和控制性!请尽量想象,这样开发者不必担心浏览器的兼容性,可以专注解决实际问题。

目前还有些新的技术,如CSS3出现新的VH, VW单位(视窗高度和宽度)可以更灵活的定位元素。它还解决了一直困扰许多设计师问题:为什么CSS垂直居中这么难。Flexbox是另一个新概念技术,也许未来你会使用它来布局页面。

关于Web的未来,你有什么看法?

时间: 2024-08-31 08:37:22

1989-2014 网页设计的演变的相关文章

网页设计的演变 从基本文本网页至移动网页设计

从1990年代初的基本文本编辑的网页开始,1990年代中期的在线网页建设,到上世纪 90年代末崛起的flash,再到后来的CSS和Javasvript的崛起,直到现在web 2.0时代鼎盛时期,网页设计经历了多次变革.这里介绍和突出了,不同时期里面网页设计的各方面的关键特点. 我们不妨来看个究竟. 点击图片看大图     原文: Kissmetrics (转载请注明来自DamnDigital.com)

2014网页设计趋势与那些即将消失的风格

  即将盛行的趋势 有几种趋势即将到来,每一种都令我兴奋不已.今年的设计圈将大有看点,因为我觉得有一大堆变化即将发生,导致激动人心的走向. 模糊背景 多亏去年夏天的iOS7发布,设计师们像发疯般地将它作为灵感来源.其中诞生了一种出色的趋势,模糊背景被更多地使用.这个概念是指你当前所在的界面盖在前一个的上面.想想水雾弥漫的浴室门,它的背景就是模糊的.它确实是种非常酷的趋势,因为很多这类背景创造出了相当美观的非线性渐变. Emotions of sound Trippeo 简单的动画 从iOS7中诞

2014年网页设计趋势

  在过去的2013年及2012年,网页设计理念或多或少都受到大公司设计风格的影响.Google过去几年中也在搜索算法上做出很多调整--更注重网站内容原创性及可用性.HTML 5释放了设计师的思维,有利有弊,HTML 5 动画有时也玩过火了.随着移动Web的访问不断增大,响应式设计变得愈加重要了. 下面我们通过简单的一些案例阐述2014年的Web设计趋势.但是,记住,不要过度使用.不是每一种趋势都适合你的客户.作为设计师或Web开发人员,你有责任紧跟趋势,并量身定做你客户的网站. 准备好,跟随我

2014年网页设计的10大发展趋势

如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 12月份对即将过去的一年中网页设计发展进行回顾,总会发现很多让我们感到欣喜的变化.去年我们同样预测了2013年互联网设计出现的10大趋势,比如交互设计.个性化排版.全屏大图吸引浏览者注意力等.其中很多预计的趋势在2013年确实成为设计的主流,并且估计在2014年仍将延续. 1. 个性化排版 我个人是个性化排版的支持者,自然也希望看到越来越多的网络设计尝试个性化的风格,其中比较突出的一点是个性化字体的增多:用自己独特设计的字体代替

让网页设计更现代,2014年网站设计的变化趋势

文章描述:如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 12月份对即将过去的一年中网页设计发展进行回顾,总会发现很多让我们感到欣喜的变化.去年我们同样预测了2013年互联网设计出现的10大趋势,比如交互设计.个性化排版.全屏大图吸引浏览者注意力等.其中很多预计的趋势在2013年确实成为设计的主流,并且估计在2014年仍将延续. 1. 个性化排版 我个人是个性化排版的支持者,自然也希望看到越来越多的网络设计尝

2014年网页设计趋势预测

  年尾总结年初预测已经成为了多数人的习惯.2013年很多人以为世界真的会末日,我们真的看不到2014年的日出,但是事情并没有发生, 我们顺利的活到了2014年,那么今年的网页设计领域又有什么新的发展呢?是延续经典还是推陈出新?通过大师的预测,我们发现了一些蛛丝马迹,那么今天我们就来给大家分享一下这些宝贵的信息!如果你有什么想法记得在下方的评论里告诉我们呦~ 01. 先进的杂志式布局 >纽约时报的文章<蓝色圣女果>(www.nytimes.com)向我们证明了一件事情,那就是网络文章的表

2014年即将消失的网页设计趋势

  2014年就快到了,如果你期待在新的一年里有出色的改变,那么该来了解一下网页设计的新趋势,特别是那些该被抛弃的设计,在这里我们列举了一个清单,它们有的是坏的设计,有的曾在2013年耀眼过,但现在关注度已经大降,现在,是时候对它们对再见了! 一.首页滑动Banner 这些引人注目的banner有一段时间很流行,它们拥有明亮的颜色.丰富的信息.互动良好的界面,但由于它们分散性太强,很快就被其他更加优秀的设计代替,例如视差滚动网站和单页网站. 二.大量的填写表单 获取用户的信息对网站运营的某些环节

2014年网页设计女神TOP15

  长得好看还是技术大牛是什么体验?来感受下今天这15位女神级设计师,实力与美貌都有.同学们身边还有哪些女神,赶紧艾特她们出来呐 ^ ^ 在男性主宰的网页设计世界,他们的女性同行也正日益刷新着她们的存在感.事实上,我们现在可以发现很多高水平的女网页设计师.她们的创意.创新.新的思路和设计网站的技术普遍评价都比较高. 下面这些顶级女网页设计师都在此领域取得了不斐的成就,获得了大多数人对其工作质量的普遍赞誉. Rina Miele Rina Miele是位伟大的全职自由职业设计师.除了网页设计,她也

网页设计全历史演变 从基本文本网页至移动网页设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 从1990年代初的基本文本编辑的网页开始,1990年代中期的在线网页建设,到上世纪90年代末崛起的flash,再到后来的CSS和Javasvript的崛起,直到现在web 2.0时代鼎盛时期,网页设计经历了多次变革.这里介绍和突出了,不同时期里面网页设计的各方面的关键特点. 我们不妨来看个究竟. 原文: Kissmetrics (转载请注明来