响应式网站的必然趋势

响应式网站采用目前世界最顶尖的HTML5+CSS3技术,结合品牌型网站与营销型网站的特点合二为一能自动识别电脑、手机、平板等屏幕,真正实现一站多用,企业搭建响应式网站已成为必然趋势。

Ethan Marcotte曾经在A List Apart发表过一篇文章"Responsive Web Design",文中援引了响应式建筑设计的概念:现出现了一门新兴的学科——"响应式架构(responsive architecture)"——提出,物理空间应该可以根据存在于其中的人的情况进行响应。结合嵌入式机器人技术以及可拉伸材料的应用,建筑师们正在尝试建造一种可以根据周围人群的情况进行弯曲、伸缩和扩展的墙体结构;还可以使用运动传感器配合气候控制系统,调整室内的温度及环境光。已经有公司在生产"智能玻璃":当室内人数达到一定的阈值时,这种玻璃可以自动变为不透明,确保隐私。

 

一切弹性化

我们通过响应式的设计和开发思路让页面更加"弹性"了。图片的尺寸可以被自动调整,页面布局再不会被破坏。虽然永远没有最完美的解决方案,但它给了我们更多选择。无论用户切换设备的屏幕定向方式,还是从台式机屏幕转到iPad上浏览,页面都会真正的富有弹性。通过液态网格和液态图片技术,并且在正确的地方使用了正确的HTML标记。

 

响应式图片

响应式图片技术思想:不仅要同比的缩放图片,还要在小设备上降低图片自身的分辨率。这个技术的实现需要使用几个相关文件,我们可以在Github上获取。包括一个JavaScript文件(rwd-images.js),一个.htaccess文件,以及一些范例资源文件。大致的原理是,rwd-images.js会检测当前设备的屏幕分辨率,如果是大屏幕设备,则向页面head部分中添加BASE标记,并将后续的图片、脚本和样式表加载请求定向到一个虚拟路径"/rwd-router"。当这些请求到达服务器端,.htacces文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片",并进行相应的反馈输出。对于小屏幕的移动设备,原始尺寸的大图片永远不会被用到。

 

作为网站发展的必然趋势老旧的PC端单一体验网站已经不能满足日常生活或工作中的需求和载体的应用,随着移动端的发展和旺盛,移动办公、移动生活、移动学习等等一系列已经无法用一种模式的网页形式来展示品牌或企业的产品和服务,所以响应式网站的出现应该是必然的,也是这个社会和市场的强烈需求所导致。

 

在很多品牌或企业还无法感受到响应式思维的重要性时,这种思维已经悄然的进行了很久的变革。当很多企业还在沉醉于自己单一框架性网站时,还在为移动端话费大笔资金投入时,响应式网站却只需要你话费一定的费用解决多元化的载体应用端。这是一次网站的革命也是大众审美的有一次质的提升,所有人已经开始关注细节的展示和技巧性。

 

近两年必定会掀起一场品牌网站革新的势头,一举淘汰掉落后并折磨消费者多年的老式网站。对于品牌建设而言网站成为日益不可替代的门户和交易窗口,已经从花瓶的角色演变为一种性价比非常好的销售平台。作为一种产品或文化的销售平台,极致的满足客户的需求才是最正确的事情。无法想象一个品牌在自己老式网站的面前还云云自诩场面,作为一个品牌已经沦落到了无法真正打开互动窗口的局面。

 
 本文来源:未知

{dede:include filename=foot.htm