响应式网站设计是一个由设计师EthanMarcotte在2010年提出的术语,其基本思想是将“响应”网站浏览器的变化宽度,通过调整各种设计元素的位置以适应任何大小的空间可用。这种方式在2011年建立了一本书,被称为《响应式网站设计》。
这种设计方法,让网站可以在各种不同的屏幕尺寸上正确显示。在浏览器窗口大小调整时,内容也会随之移动,以最佳地适合浏览器窗口的大小。相比之下,独立设计的方法中,用户需要被迫在较小的屏幕上放大和缩小,因为该站点是为标准桌面大小构建的。
在桌面上查看时,响应式网站设计相当明显,浏览器窗口的大小也会随之调整。页面将流畅地调整,让用户有更好的视觉体验。早期采用灵活流畅的设计风格使网站适应不断扩大的桌面显示器市场。然而,随着手机和其他小型设备的移动互联网接入开始超过桌面访问,响应式网站设计在2014年左右变得更加主流。
响应式网站设计优点在于:
1.可以用一个设计适应所有设备,从而在设备之间切换时可以创建更好更统一的用户体验(UX)。
2.对搜索引擎友好(SEO),可以通过一个通用URL来适配各种设计样式和模板。
3.这种设计相对容易实现,不需要复杂的技术和高昂的成本。
但是响应式网站设计也存在一些缺点:
1.通常采用较少的屏幕尺寸设计控制,这意味着首先为移动设备设计,然后扩展以适应桌面。
2.在设计师控制之外的重新调整大小期间,元素可以移动。
3.广告展示位置不固定,可能在不同的设备上显示位置不同。
4.在移动设备上加载时间略微减慢,可能会影响用户体验。