从"全球冰淇淋日"看Uber的事件营销 |
发布时间:2016-01-25 文章来源: 浏览次数:4554 |
自适应网站设计布局有它自己的上风,由于它们实施起来代价更低,测试更轻易,这往往让他们成为更切实际的解决方案。自适应网站设计布局可以看做响应式网站设计布局的“穷兄弟”,在资源有限的情况下就可以让它出马。特别是改进现有网站的时候尤其奏效,由于全部重写代码在这时并不可行。这种案例中,采用自适应网站设计布局是一个不错的起点。 真的需要为手机和电脑设计不同的网页吗? 首先自适应网站设计布局和响应式网站设计布局解决题目的方式是不一样的。 自适应是为了解决如何才能在不同大小的设备上呈现同样的网页 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上,有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满足的效果,并不是一件轻易的事。 良多网站的解决方法,是为不同的设备提供不同的网页,好比专门提供一个mobile版本,或者iPhone / iPad版本。这样做虽然保证了效果,但是比较麻烦,同时要维护好几个版本,而且假如一个网站有多个portal(进口),会大大增加架构设计的复杂度。 于是,很早就有人设想,能不能"一次设计,普遍合用",让统一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整网页内容大小 但是不管怎样,他们主体的内容和布局是没有变的。自适应仍是暴露出一个题目,假如屏幕太小,即使网页能够根据屏幕大小进行适配,但是会感觉在小屏幕上查看,内容过于拥挤。响应式的概念应该笼盖了自适应,而且涵盖的内容更多。响应式恰是为了解决这个题目而衍生出来的概念。 响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。详细的实践方式由多方 面组成,包括弹性网格和布局、图片、CSS media query的使用等。不管用户正在使用笔记本仍是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说, 页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不 断到来的新设备做专门的版本设计和开发了。 那么企业在选择做网站的时候是该选择自适应网站仍是响应性网站?什么样的网站/项目适合使用自适应布局?什么样的网站适合响应式布局? 理论上来说,响应式布局在任何情况下都比自适应布局好一些,但在某些情况下自适应布局更切实际。 自适应网站设计布局可以让你的设计更加可控,由于你只需要考虑了了几种状态就万事大吉了。但在响应式网站设计布局中你可能需要面临非常多状态,这样一来就很难切当搞清你的设计会是什么样。同时这也带来了测试上的挫折,你很难有绝对的掌握猜测到它会怎样。换个角度说,这也是响应式网站设计布局的魅力所在。你能确定的是它们一定能展示的很好——无论是表层特征仍是布局结构都有条不紊。 |