在实现响应式设计之前,设计者们走了多远?

发布时间:2022-05-13 16:50:55 作者: 来源: 浏览量(2121 )
摘要:很多企业或者个人站长在做网站设计的时候,首先遇到的问题就是“以哪个尺寸进行设计?” 当前市场设备众多,既要兼容pc端不同尺寸,又要兼容平板、手机、电视等不同尺寸,甚至还有苹果端和安卓端不同来捣乱...

很多企业或者个人站长在做网站设计的时候,首先遇到的问题就是“以哪个尺寸进行设计?”

当前市场设备众多,既要兼容pc端不同尺寸,又要兼容平板、手机、电视等不同尺寸,甚至还有苹果端和安卓端不同来捣乱。你必须在不影响网站美感的前提下调整它的大小,以适应网站。这就是响应式设计的用武之地。

然而,早起的企业或者个人站长却没有这么幸运——

1、网页设计:黎明前的黑暗

当互联网天地初开之时,Web Design 仅仅意味着字符和空格的排列组合。虽然图形化的界面早在80年代初就有了,但在此时普及率并不高。直到90年代,图形化界面才真正进入千家万户。

2、表格(table):网页的兴起

能够显示图片的浏览器的诞生,是促使网页设计这个行业诞生的重要先决条件。实际上在当时,最接近于信息结构化的概念,是HTML中已有的元素:表格(Table)。所以,David Siegel 在他的网页设计书《Creating Killer Sites》讲述了他设计优秀网站的秘诀:在表格中嵌套表格,将静态的表格和动态的表格以巧妙的方式结合到一起。尽管表格本身是用来承载数据的,用来承载内容和图片有点奇怪,但是在那个时代,这种方法依然显得颇为靠谱,并且大行其道。

3、Flash:自由的黄金时代

Flash为网页开发者/设计师带来了前所未有的自由,它打破了之前网页设计所固有的限制。借助Flash,设计师可以随心所欲地在网页上展现任何形状、布局、动画和交互,可以使用任何喜欢的字体,他们借助Flash熔于一体。

不幸的是,这种设计并不开放,也不利于搜索,还需要消耗计算机大量的运算能力。2007年,当苹果发布他们的第一台iPhone的时候,就决定彻底放弃Flash,也正是在这个时候,Flash开始走下坡路——至少在网页设计领域。

4、CSS的诞生

差不多是在Flash崛起的同时,一种更好的网页结构化设计工具CSS诞生了。CSS的基本概念是将网页内容的样式分离出来,所以网页的外观和格式等属性将会在CSS中被定义,但内容依然保留在HTML中。早期版本的CSS并没有现在那么灵活,和许多新事物一样,它最大的障碍在于许多浏览器还没来得及接纳这一新技术,对于开发者而言,这是一个头疼的事情。需要明确说明的是,CSS并非全新的编程语言,它仅仅只是一种声明性语言。

5、响应式网页设计

惊才绝艳的设计师Ethan Marcotte决定挑战传统的网页设计,它让网页在内容不变的前提下,布局随着窗口和屏幕的变化而变化,并且将这种设计命名为响应式网页设计。

网页设计师依然只需要HTML和CSS就可以实现这种功能,不得不承认这种设计理念非常超前。不过大家对于响应式设计依然有些许误解。对于设计师而言,响应式设计意味着为设计许多不同的布局。对于用户而言,响应式设计就意味着这个网页可以在手机上完美浏览。对于开发者而言,响应式设计意味着如何控制好网站图片应付移动端和桌面端,在不同情形和语义下,拥有良好的下载速度和呈现效果,等等。简而言之,就是一个网站能在任何情况下良好展现。至少在这一点上,所有人能达成共识。

纵观互联网发展史,我们可以看到一些曾经流行的技术逐渐变得过时,人们仍在持续构建更好的互联网。在这个时代,用户体验已经成为首要关注点,任何应用都应该考虑性能和设计要让用户满意。

从这一点来看,响应式设计已经成为兵家必争之地。您的网站还不是响应式设计吗?快来不二网咨询吧:

www.bu2w.com/jianzhan/webdesign.html

 

扫一扫二维码,直接手机访问此页

扫码访问手机页面

【免责声明】本网站的部分文章信息(文字、图片、音频视频文件等资源)来自于网络,均是为公众传播有益咨询信息之目的,其版权归版权所有人所有。 本站采用的非本站原创文章及图片等内容无法一一与版权者联系,如果本站所选内容的文章作者及编辑认为其作品不宜供大家浏览,或不应无偿使用, 请及时联系我们删除,同时向您深表歉意!请发送邮件153462496@qq.com进行联系。

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

在线客服
嘿,我来帮您!