行业新闻

什么是云容式网站,响应式网页设计?

作者:小易 来源:中网易成 时间:2014/12/12 20:31:25

云容式响应设计的成功 2012 年8月,Google在一次名为《对新兴多屏世界的探讨》的研究中发现:在为现代用户设计网站时应考虑终端设备的尺寸问题。此次研究明确了目前影响用户行为的主要终端设备有电视,台式电脑,笔记本,平板电脑及智能机,这对开发适合以上五种终端设备的代码库有重要意义。 2014年10月29日,万维网W3C联盟泪流满面地宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布。在此之前的几年时间里,已经有很多开发者陆续使用了HTML5的部分技术,Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5,但直到今天,我们才看到“正式版”,至此云容式网站的环境也标志着走向成熟与稳定。

什么是云容式网站?




人们都在讨论云容式响应设计,这一时下网页设计领域的新趋势。想要跟随新潮流的公司纷纷进入当代多屏世界,以时髦的云容式网站吸引来自不同终端的用户。新设 备层出不穷,为跟上时代的脚步,产品服务于用户,企业必须解决其网站在这些设备上的展现问题。

 

      云容式响应设计的成功

     2012 8月,Google在一次名为《对新兴多屏世界的探讨》的研究中发现:在为现代用户设计网站时应考虑终端设备的尺寸问题。此次研究明确了目前影响用户行为的主要终端设备有电视,台式电脑,笔记本,平板电脑及智能机,这对开发适合以上五种终端设备的代码库有重要意义。

      20141029日,万维网W3C联盟泪流满面地宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布。在此之前的几年时间里,已经有很多开发者陆续使用了HTML5的部分技术,FirefoxGoogle ChromeOperaSafari 4+Internet Explorer 9+都已支持HTML5,但直到今天,我们才看到“正式版”,至此云容式网站的环境也标志着走向成熟与稳定。

      一个代码库,哪里都适应,优化一次网站内容等于一次性优化所有终端设备上的显示的网页,工作效率大大提高了!

像前两年使用的过程中,云容式响应设计存在着的一些问题,例如:

    •浏览器兼容性不足 •技术开发费用高 •漫长的开发、构建及测试过程 •对终端设备进行响应而不对上下文

随着HTML5的标准化而迎刃而解了。


      设计一个适合任意终端设备的网站需要对网站的源文件进行几千次的修改。2011年已有1,452种不同尺寸的屏幕。建立响应式网站,必须考虑屏幕尺寸、屏比 问题,编写每种交互元素为设备和操作系统识别本地工具的代码。必须设立一些关于响应式设计的规则,页面元素需系统地设置在容器内来指令页面崩溃时页面元素的去向,然后开始检测与调试。

 

      云容式网站是基于用户需求的设计以及终端设备的开发。

      平板电脑无法自己在网上向酒店预定房间,而是需要订房的用户使用离自己最近的设备搜索房间来下单。无论用户使用何种设备,你都希望下单操作直观、简单。中网易成表示:“云容式响应设计不仅解决了企业最大的难题:考虑终端设备问题、分辨率问题,考虑标题栏的移动问题。更主要的是,我们依然会专注你的实际用户及用户需求进行设计。”网站必需考虑用户的需求,当你了解了用户的想法,才可以充分地根据用户使用的设备来猜测他们的需求,因为用户需求也是问题的关键。

    4种情境   

    •他们在哪里?

    •他们和谁在一起?

    •他们在想什么?

    •他们周围还有什么设备?

 

      通过用户访问网站的终端设备,我们可以了解到更多关于用户的信息,这有利于贵公司利用这些差异使网站上的销售信息更加突出,更加吸引用户。每种重复指令都是唯一的,不仅仅指图片尺寸,还可以发现人们如何使用不同设备,然后解决这些不同的场景。不同的情境需要不同的内容。

 

      与搜索引擎优化的关系

      Google 已经表明对云容式响应设计的青睐,他们也支持那些为非云容式响应网站的单独网址提供动态数据的网站。Google表示: 云容式响应设计将是服务于用户的最好办法,Google会让您的网页通过不同的HTML标签呈现在用户面前。所以,请您使用的是规范的标签,这样 Google将会知道这些单独的网址之间的关系,让您的桌面网站接受SEO权重。

 

粤ICP备13065732号 Copyright © 2008 - 2013 CEYC All Right Reserved