响应式网站设计布局还是自适应网站设计布局?

24次阅读
2024年08月07日 09:08:54

共计 1098 个字符,预计需要花费 3 分钟才能阅读完成。

自适应网站设计布局有它自己的优势,因为它们实施起来代价更低,测试更容易,这往往让它们成为更切实际的解决方案。自适应网站设计布局可以看做响应式网站设计布局的替代,在资源有限的情况下就可以让它展示。特别是改进现有网站的时候尤其奏效,因为全部重写代码在这时并不可行。这种案例中,采用自适应网站设计布局是一个不错的出发点。

真的需要为手机和电脑设计不同的网页吗?

自适应网站设计布局和响应式网站设计布局解决问题的方式是不一样的。自适应是为了解决如何才能在不同大小的设备上呈现同样的网页。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个入口,会大大增加架构设计的复杂度。于是,很早就有人设想,能不能”一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整网页内容大小。

但是无论怎样,主体的内容和布局是没有变的。自适应还是会有一些问题,如果屏幕太小,即使网页能够根据屏幕大小进行适配,但是会感觉在小屏幕上查看,内容过于拥挤。响应式的概念应该覆盖了自适应,而且涵盖的内容更多。响应式正是为了解决这个问题而衍生出来的概念。

响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备。换句话说, 页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

那么企业在选择做网站的时候是该选择自适应网站还是响应性网站?什么样的网站/项目适合使用自适应布局?什么样的网站适合响应式布局?

理论上来说,响应式布局在任何情况下都比自适应布局好一些,但在某些情况下自适应布局更切实际。

自适应网站设计布局可以让设计更加可控,因为只需要考虑了了几种状态就好了。但在响应式网站设计布局中可能需要面对非常多的状态,这样一来就很难确切搞清设计会是什么样。同时这也带来了测试上的难题,很难有的把握预测到它会怎样。换个角度说,这也是响应式网站设计布局的魅力所在。能确定的是它们能展示的很好,不管是表层特征还是布局结构都有条不紊。

正文完
 0
鹿泽
版权声明:本站原创文章,本文由 鹿泽 于 2024年8月7日 09:08:54 发表,共计 1098 字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
如若本站内容侵犯了原著者的合法权益,可联系我们邮箱:526009505@qq.com进行处理。
最新文章
WordPress SEO 优化之标签优化技巧

WordPress SEO 优化之标签优化技巧

今天我们来说一下 WordPress 文章标签优化的事情。在很多 WordPress SEO 优化教程中,都会...
WordPress SEO 之站外链接建设方法和技巧

WordPress SEO 之站外链接建设方法和技巧

站外链接(简称外链)是 WordPress SEO 过程中必不可少的一项工作,怎么做外链,从哪些方面着手,很多...
一次性删除WordPress文章所有评论的方法

一次性删除WordPress文章所有评论的方法

不少小伙伴在建设WordPress站点的时候都会开启文章评论等,作为网站良好的一个互动。但是这也给了很多垃圾评...
WordPress前台显示登录用户注册时间的方法

WordPress前台显示登录用户注册时间的方法

正常WordPress前台和后台都不会显示用户的注册时间,有时需要在前台显示登录用户的注册时间,可以用下面的代...
WordPress加个评论关闭时间提示的方法

WordPress加个评论关闭时间提示的方法

为了阻止垃圾评论,我们可以进入WP后台 → 设置 → 讨论,在讨论设置面勾选“自动关闭发布 14天后的文章上的...