自适应网站设计布局有它自己的优势,因为它们实施起来代价更低,测试更容易,这往往让它们成为更切实际的解决方案。自适应网站设计布局可以看做响应式网站设计布局的替代,在资源有限的情况下就可以让它展示。特别是改进现有网站的时候尤其奏效,因为全部重写代码在这时并不可行。这种案例中,采用自适应网站设计布局是一个不错的出发点。
真的需要为手机和电脑设计不同的网页吗?
自适应网站设计布局和响应式网站设计布局解决问题的方式是不一样的。自适应是为了解决如何才能在不同大小的设备上呈现同样的网页。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个入口,会大大增加架构设计的复杂度。于是,很早就有人设想,能不能”一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整网页内容大小。
但是无论怎样,主体的内容和布局是没有变的。自适应还是会有一些问题,如果屏幕太小,即使网页能够根据屏幕大小进行适配,但是会感觉在小屏幕上查看,内容过于拥挤。响应式的概念应该覆盖了自适应,而且涵盖的内容更多。响应式正是为了解决这个问题而衍生出来的概念。
响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备。换句话说, 页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
那么企业在选择做网站的时候是该选择自适应网站还是响应性网站?什么样的网站/项目适合使用自适应布局?什么样的网站适合响应式布局?
理论上来说,响应式布局在任何情况下都比自适应布局好一些,但在某些情况下自适应布局更切实际。
自适应网站设计布局可以让设计更加可控,因为只需要考虑了了几种状态就好了。但在响应式网站设计布局中可能需要面对非常多的状态,这样一来就很难确切搞清设计会是什么样。同时这也带来了测试上的难题,很难有的把握预测到它会怎样。换个角度说,这也是响应式网站设计布局的魅力所在。能确定的是它们能展示的很好,不管是表层特征还是布局结构都有条不紊。
2、本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们邮箱:526009505@qq.com进行处理。
3、咨询请联系QQ:526009505
你可能也喜欢
- ♥ 优秀的网站开发设计是怎么样的?08/13
- ♥ CSS网页角落丝带样式06/14
- ♥ 网站日志数据包含哪些?06/25
- ♥ 怎么搭建一个炫酷的网页制作?08/08
- ♥ 如何设计一个吸引用户的网站?08/09
- ♥ 网站维护主要的工作是什么?08/09