很多企业或者个人站长在做网站设计的时候,首先遇到的问题就是“以哪个尺寸进行设计?”
当前市场设备众多,既要兼容pc端不同尺寸,又要兼容平板、手机、电视等不同尺寸,甚至还有苹果端和安卓端不同来捣乱。你必须在不影响网站美感的前提下调整它的大小,以适应网站。这就是响应式设计的用武之地。
然而,早起的企业或者个人站长却没有这么幸运——
1、网页设计:黎明前的黑暗
当互联网天地初开之时,WebDesign仅仅意味着字符和空格的排列组合。虽然图形化的界面早在80年代初就有了,但在此时普及率并不高。直到90年代,图形化界面才真正进入千家万户。
2、表格(table):网页的兴起
能够显示图片的浏览器的诞生,是促使网页设计这个行业诞生的重要先决条件。实际上在当时,最接近于信息结构化的概念,是HTML中已有的元素:表格(Table)。所以,DavidSiegel在他的网页设计书《CreatingKillerSites》讲述了他设计优秀网站的秘诀:在表格中嵌套表格,将静态的表格和动态的表格以巧妙的方式结合到一起。尽管表格本身是用来承载数据的,用来承载内容和图片有点奇怪,但是在那个时代,这种方法依然显得颇为靠谱,并且大行其道。
3、Flash:自由的黄金时代
Flash为网页开发者/设计师带来了前所未有的自由,它打破了之前网页设计所固有的限制。借助Flash,设计师可以随心所欲地在网页上展现任何形状、布局、动画和交互,可以使用任何喜欢的字体,他们借助Flash溶于一体。
不幸的是,这种设计并不开放,也不利于搜索,还需要消耗计算机大量的运算能力。年,当苹果发布他们的第一台iPhone的时候,就决定彻底放弃Flash,也正是在这个时候,Flash开始走下坡路——至少在网页设计领域。
4、CSS的诞生
差不多是在Flash崛起的同时,一种更好的网页结构化设计工具CSS诞生了。CSS的基本概念是将网页内容的样式分离出来,所以网页的外观和格式等属性将会在CSS中被定义,但内容依然保留在HTML中。早期版本的CSS并没有现在那么灵活,和许多新事物一样,它最大的障碍在于许多浏览器还没来得及接纳这一新技术,对于开发者而言,这是一个头疼的事情。需要明确说明的是,CSS并非全新的编程语言,它仅仅只是一种声明性语言。
5、响应式网页设计
惊才绝艳的设计师EthanMarcotte决定挑战传统的网页设计,它让网页在内容不变的前提下,布局随着窗口和屏幕的变化而变化,并且将这种设计命名为响应式网页设计。
网页设计师依然只需要HTML和CSS就可以实现这种功能,不得不承认这种设计理念非常超前。不过大家对于响应式设计依然有些许误解。对于设计师而言,响应式设计意味着为设计许多不同的布局。对于用户而言,响应式设计就意味着这个网页可以在手机上完美浏览。对于开发者而言,响应式设计意味着如何控制好网站图片应付移动端和桌面端,在不同情形和语义下,拥有良好的下载速度和呈现效果,等等。简而言之,就是一个网站能在任何情况下良好展现。至少在这一点上,所有人能达成共识。
纵观互联网发展史,我们可以看到一些曾经流行的技术逐渐变得过时,人们仍在持续构建更好的互联网。在这个时代,用户体验已经成为首要