网页设计三十年简史。

从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 年明显的增长,更加多样的微交互开始出现在网页设计作品当中,吸引着用户的注意力,提供有效的信息反馈,提供引导。

网页设计三十年简史

图片来源于网络

技术革新与人们的审美变化,不断将网页设计网页设计推动到一个全新的境界。作为万博思图三大主营业务之一,官网建设与运维高效、完美运作十余年,为泰康、福田、宝沃、蓝色光标等众多品牌集团提供具有万博思图特色优势的“创意设计+技术+营销”一体化品牌官网解决方案。

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/48561.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年7月4日 02:11
下一篇 2022年7月4日 02:11

相关推荐

  • 怎样搞好品牌发展的企业网站建设。

    怎样搞好品牌发展的企业网站建设,在怎样做好企业网站建设以促进品牌发展的问题上,企业网站建设的主题对于那些想通过网络营销seo优化关键词排名来拓展品牌渠道以吸引投资的企业来说至关重要。因为品牌网站建设的...

    2022年10月28日
    013
  • 2020做网站开发有哪些内容需引起重视。

    现在在制作网站的过程中,更多的网站优化细节是要注意的。毕竟网站框架结构和布局风格是网站建设过程中应该注意的网站建设细节。那么2020年开发网站需要注意哪些内容呢? 一、网站定位 每个企业在建设的时候都需...

    2022年9月10日
    056
  • 网站建设时申请空间有什么用。

    为什么建一个网站一定要申请空间: 一个完整的网站系统其实就是一组文件,它提供给网络用户浏览,这些文件要占据一定的硬盘空间,即所谓的网站空间.除一些大型网站和战胜空间大的站点采用自己建设的WEB服务器外,...

    2022年10月17日
    036
  • 我来教你营销型企业网站建设的指导性原则。

    营销型企业网站建设的指导性原则 企业网站建设四要素是网站结构、网站内容、网站服务和网站功能,这几项需要高度统一在网站建设的指导原则下,才有可能搭建成功一个具备整体网络营销导向的企业网站,即营销型网站...

    2022年11月10日
    03
  • 定制开发网站上线需要注意的优化问题。

    因为很多企业对网站优化不太了解,在网站定制开发之后就不重视了,但是当网站稳定下来之后发现并没有产生实际效果,然后就想去优化。都说通过后期的努力可以改善网站,但这确实是最不可取的优化方法,不仅浪费时...

    2022年9月10日
    0160
  • 外贸网站建设的功能有哪些。

    随着互联网的发展,越来越多的外贸企业进入了网站建设的行列。外贸网站成为品牌走出国门的桥梁。不同类型的企业也希望借助网站建立自己的形象。外贸网站建设的作用是什么? 1.展示企业形象、实力和文化。 对于外...

    2022年9月10日
    0110
  • 做网站建设应如何设置图片内容。

    现在的网站类型很多,也有很多不同的网站模板。有些网站为了展示足够的大气和高端,不同于传统的网站模式,所以不使用过多的文字,而是选择图片。网站建设如何设置图片内容? 一、图文结合的模式 图文结合是现在...

    2022年9月10日
    0129
  • SEO为什么见效慢seo怎么做效果好。

    为什么SEO慢?如何做seo效果好?很多刚接触seo优化的人都会希望尽快看到结果,在网站优化的过程中感到焦虑和不安。这可以说是很多新手都会遇到的问题。今天就来说说这个问题小编。希望能帮助各位新手正确理解seo...

    2022年9月10日
    070

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息