当前位置:w88优德官网网文章中心网站设计网页设计 → 涨姿势!写给网页设计师的网页设计简史

涨姿势!写给网页设计师的网页设计简史

减小字体 增大字体 作者:admin  来源:本站整理  发布时间:2016-12-24 9:06:09
网页设计 网页设计师 响应式设计编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。当我发现设计网页有多投机取巧的方法之时,就逐渐开始对手打网页代码失去兴趣。的确,许多网页设计的问题并不止一种解决方案,但是很少有方案能解决所有的浏览器兼容性问题。最令我纳闷的是,为什么会有做设计和写代码的分工?随着技术的发展,许多在过去难以解决的问题现在可以轻松搞定,但为什么与此同时一些简单的事情反而越来越难以实现?这些问题的答案并不是简单的是与否,对与错,也许我们需要从网页设计的整个发展历程来寻找答案,找到真正弥合设计与代码之间隔膜的原因所在。温故历史之前,不妨看看2014年最优秀的网页设计:《爱不释手!2014年最佳的20个优秀网页设计》网页设计:黎明前的黑暗(1989)网页设计 网页设计师 响应式设计在互联网真正开始之时,黑色的显示屏仅能显示单色的像素。可以说,当互联网天地初开之时,Web Design 仅仅意味着字符和空格的排列组合。虽然图形化的界面早在80年代初就有了,但在此时普及率并不高。直到90年代,图形化界面才真正进入千家万户,而那时候,才是属于互联网的狂野西部。表格(table):网页的兴起(1995)网页设计 网页设计师 响应式设计能够显示图片的浏览器的诞生,是促使网页设计这个行业诞生的重要先决条件。实际上在当时,最接近于信息结构化的概念,是HTML中已有的元素:表格(Table)。所以,David Siegel 在他的网页设计书《Creating Killer Sites》讲述了他设计优秀网站的秘诀:在表格中嵌套表格,将静态的表格和动态的表格以巧妙的方式结合到一起。尽管表格本身是用来承载数据的,用来承载内容和图片有点奇怪,但是在那个时代,这种方法依然显得颇为靠谱,并且大行其道。网页设计所面临的另外一个问题,就是如何保持网页那脆弱的结构。也正是因为这种需求,切片设计(Slicing Design)逐渐流行了起来。设计师创建出漂亮的网页布局,随后开发者将整个设计稿切片,找出呈现设计的最佳方法。另一方面,表格还有一些炫酷的功能,比如垂直对齐,以像素为单位或者以百分比来控制对齐。在那个时代,表格可是近乎栅格系统一般的灵活的设计神器,也正是因此,那个时代的开发者并不喜欢前端的代码。(表格嵌套表格有多乱?)来自JavaScript的救援(1995)网页设计 网页设计师 响应式设计JavaScript的出现补足了尚且原始的HTML。举个例子,如果你想写个弹出窗,或者想动态修改某些对象的顺序?HTML不行,但是JS可以!不过此时JS的主要问题在于,它处于整个网页布局的顶层并且需要单独加载。很多时候它仅仅被懒惰的开发者用作一个简单的补丁,但如果使用得当,JS可以非常强大。今天,同样的功能如果CSS能实现,我们会尽量避免使用JS。不可否认的是,JS本身确实很强大,前端常用的jQuery,后端的Node.js都是不可多得的好东西。Flash:自由的黄金时代(1996)网页设计 网页设计师 响应式设计作为一门新技术,Flash为网页开发者/设计师带来了前所未有的自由,它打破了之前网页设计所固有的限制。借助Flash,设计师可以随心所欲地在网页上展现任何形状、布局、动画和交互,可以使用任何喜欢的字体,他们借助Flash熔于一体。所有的这一切最终会被打包成为一个文件,然后被发送到浏览器端显示出来。这也就意味着,用户只需要拥有最新的Flash插件和些许等待时间,就可以享有一个魔术般的网页。这是启动页面(splash pages)、介绍动画以及各种交互特效的黄金时代。不幸的是,这种设计并不开放,也不利于搜索,还需要消耗计算机大量的运算能力。2007年,当苹果发布他们的第一台iPhone的时候,就决定彻底放弃Flash,也正是在这个时候,Flash开始走下坡路——至少在网页设计领域。 CSS的诞生 (1998)
[1] [2]  下一页
本文引用网址:
在下列搜索引擎中搜索“涨姿势!写给网页设计师的网页设计简史”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1女大学生裸贷照片合集[100P/23...
  • 2女学生裸贷资源百度云下载 10G...
  • 3裸条10g压缩包 百度云 18g裸条...
  • 4裸贷视频9部百度云 女学生裸贷...
  • 5王梦溪未经处理照曝光 王梦溪口...
  • 12016年最新成年身份证号码大全...
  • 2DEDE"模板文件不存在,无法解...
  • 3如何设置三级优德w88官网?二级优德w88官网三...
  • 4女性18岁身份证号大全 成年女人...
  • 5“百万格子”中国版开张一个月...
  • 1王梦溪种子完整版 王梦溪1.08G...
  • 2女学生裸贷资源百度云 杨晴雨裸...
  • 3最流行的性交姿势图解 真人示范...
  • 4合肥艳照门事件 合肥艳照门全套...
  • 590后女高潮表情 美女高潮表情最...
  • 1熟悉Linux病毒做好系统的防护工...
  • 2Linux下的软件包安装方法
  • 3linux服务器在运行210天左右宕...
  • 4FTP基础知识和应用简易教程
  • 5通过组策略和注册表关闭win7 U...
  • 赞助商广告

    图片文章导读