共计 2693 个字符，预计需要花费 7 分钟才能阅读完成。
从 1990 年代初由基本文本编辑的 网页 开始，到 1990 年代中期的在线网页建设，从上世纪 90 年代末崛起的 flash，到 css 和 javasvript 的崛起，再到 web 2.0 鼎盛时期，以及慢慢到来的 web 3.0 时代，网页设计 三十年，经历了多次变革。
这样一段跨度不长的 简史，融合着技术、设计与思想的演进，勾画出改变世界的剪影。
01
1989 年 网页设计前夜
在互联网真正兴起之前，黑色的显示屏仅能显示单色的像素，因此当时的网页设计是真正意义上的“极简风”。没有图像，只有单色像素风格的纯文字，web design 的概念仅仅意味着符号与制表（tab 键）的排列组合。尽管早在 80 年代就已经有了图形化界面，但普及率一如那个年代电视机进入寻常百姓家的机会，低得可怜。
图片来源于网络
02
1995 年 表格在网页的兴起
浏览器的出现使网页设计向前迈进一大步。当时最接近于信息结构化的概念，是 html 中已有的元素——table（表格），而在那个时代，表格算得上是近乎栅格系统般灵活的设计神器。网页设计师 david siegel 在他的著作《creating killer sites》里面讲述了设计优秀网站的秘诀：在表格中嵌套表格，将静态的表格和动态的表格巧妙结合。
同时，为了应对网页脆弱的结构，切片设计（slicing design）也流行了起来。设计师在创建布局时，最常用的方法就是切片 表格。他们设计出漂亮的网页布局，随后开发者将整个设计稿切片，找出呈现设计的最佳方法。
图片来源于网络
03
1995 年 javascript 助阵
javascript 的出现弥补了尚且原始的 html 的不足，它可以解决 html 一些局限性，比如，需要一个弹提示，这时就需要 js 来实现了。不过由于它处于整个网页布局的顶层并且需要单独加载，很多时候它仅仅被某些开发者用作一个简单的补丁，但如果使用得当，js 可以非常强大，由它实现的背景图像、gif 动画、闪字、计数器等工具迅速成为网页中必须的噱头。
图片来源于网络
04
1996 年 flash 的黄金时代
作为一门新技术，flash 打破了之前网页设计所固有的限制，为网页开发者 / 设计师提供了前所未有的创作空间。flash 具有极其灵活的呈现形式，设计师设计形状、布局、互动以及一些酷炫的动画，在这一个工具上执行完成后，以一个单独的文件形式输出，并显示在浏览器中，用户只需安装插件并等待 flash 加载完成即可浏览。
可惜的是，这种设计不利于网站搜索，并且还需要消耗计算机大量的运算能力。2007 年，苹果公司发布他们的第一台 iphone 时，就决定彻底放弃 flash。自此，至少在网页设计领域，flash 开始走下坡路。
图片来源于网络
05
1998 年 css 的诞生
差不多是在 flash 崛起的同时，一种更好的网页结构化设计工具 css 诞生了。css，层叠样式表（cascading style sheets），它的基本概念是将网页内容的样式分离出来，网页的外观和格式等属性将会在 css 中被定义，但内容依然保留在 html 中。
但由于浏览器的兼容性问题，css 的第一个版本很不灵活，而这个问题也是在它诞生好几年之后猜得到改进。
图片来源于网络
06
2007 年 栅格和框架
智能手机慢慢普及之后，设计师也不得不开始考虑移动端网页的设计——这本身就是一个挑战。除了考虑各种不同设备对应不同尺寸的布局，访问速度也是问题。因为内容量太大，访客浏览网页速度变慢，流量增加导致成本增加。
一个关键转机是栅格系统的出现。经过摸索，960 栅格系统最终胜出，经典的 12 栏栅格被设计师们广泛的接纳，并成为许多设计师最常用的设计工具。接下来，各种常见的设计元素诸如表格、导航、按钮被标准化，打包成为可复用的套件，这基本上就构成了视觉元素库，并纳入了常见的代码。其中最典型的代表就是 bootstrap 和 foundation，它们也使得网站和 app 之间的界限逐渐模糊。
图片来源于网络
07
2010 年 响应式网页设计
惊才绝艳的设计师 ethan marcotte 在 2010 年 5 月提出一个了不起的构想：用一个网站兼容多个终端。在网页内容不变的前提下，布局随着窗口和屏幕的变化而变化，他将这种设计命名为响应式网页设计（responsive web design）。对于设计师而言，响应式设计意味着为设计许多不同的布局。对于用户而言，响应式设计就意味着这个网页可以在手机上完美浏览。对于开发者而言，响应式设计意味着如何控制好网站图片应付移动端和 pc 端，在不同情形和语义下，拥有良好的下载速度和呈现效果。简而言之，就是一个网站能在任何情况下良好展现。
图片来源于网络
08
2010 年 扁平化设计
设计师决定抛弃界面上那些花哨的装饰元素（如 3d、阴影效果、纹理材质），重新专注于重要内容呈现。在此之前，网页设计讲究精美的图片和排版效果、漂亮的插画与周到的布局设计，而简化这些视觉元素之后，就构成了我们说所的“扁平化设计”。充满光影特效的按钮被扁平化的图标所替代，矢量图形和图标字体也开始被大范围使用，网页字体和版式设计的结合令网页视觉更加漂亮。将复杂的效果淡化之后，不仅视觉扁平化，也促使内容和信息层级的扁平化，网页设计开始转向返璞归真。
图片来源于网络
09
2019 年 微交互设计
微交互存在的目的，是以吸引人的方式来给予用户以反馈、惊喜。这是一种非常有效的引导方式，它是有信息进来的时候的通知弹出框，是刷新页面完成时的提醒，是点击之后的加载小动效。
微交互设计从 2018 开始，在 2019 年明显的增长，更加多样的微交互开始出现在网页设计作品当中，吸引着用户的注意力，提供有效的信息反馈，提供引导。
图片来源于网络
技术革新与人们的审美变化，不断将网页设计网页设计推动到一个全新的境界。作为万博思图三大主营业务之一，亚博电竞官方网址官网建设与运维高效、完美运作十余年，为泰康、福田、宝沃、蓝色光标等众多品牌集团提供具有万博思图特色优势的“创意设计 技术 营销”一体化品牌亚博电竞官方网址官网亚博电竞官方网址的解决方案。
万博思图深度参与网页设计变迁历程，了解网页设计变迁史，洞察其未来流行趋势。以丰富的行业经验、深刻的市场感知和先进的创意理念，设计贴近时代审美、符合行业气质、凸显企业特点的网站布局及风格，通过强大的技术执行，最大程度满足用户个性化网站需求。根据企业的文化、理念、产品、服务特点，对目标用户精准定位，以用户为中心，把每一个体验点合理布局到整个网站，让用户在每个细节中都能得到优质体验，以体验式引领帮助用户了解企业产品和服务，知晓品牌价值，并在浏览中快速产生购买或深入了解的欲望，从而转化为实际用户或者有忠诚度的潜在用户，让网站与企业相互成就，树立企业在同行业的绝对优势。