码迷,mamicode.com
首页 > Web开发 > 详细

说说响应式网页设计

时间:2014-08-23 13:56:10      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:des   style   使用   ar   art   问题   line   sp   on   

    在这里我只说说我对响应式网页设计的理解,具体实现过程就先不说了~

    响应式网页设计(RWD,Responsive Web Design)这个术语,由伊桑·马科特(Ethan Marcotte)提出。他在A List Apart发表了一篇开创性的文章,将三种已有的开发技巧(弹性网格布局、弹性图片、媒体和媒体查询)整合起来,并命名为响应式网页设计。

    响应式网页设计正是前端界“以人为本”的体现。Web的初衷就是为了让信息更好的传递交流,方便人们无障碍的获取信息。而网页就是人们获取、传递信息的一个接口,信息都展示在网页中,所以网页设计的好坏会直接影响用户体验(当然影响用户体验的还有其他一些方面的问题)。注意,不要认为响应式网页设计很高端,它只是理所当然的,只是我们以前没有这个意识罢了,现在想到了,证明思想慢慢有觉悟了。由于我们的移动互联网发展迅猛,用各种设备上网的人越来越多,所以响应式网页设计应运而生。

    那么,响应式网页设计应该遵循什么原则呢,首先是内容优先,然后是移动优先,再就是渐进增强。我认为一个网站最重要的还是内容,页面设计的再好,用户体验再棒,内容不过关,它也不会有长久的发展。移动优先,要从移动端开始设计,因为移动端的屏幕小,展示的内容有限,这样你才能知道哪些才是最重要的、最应该着重展示的。渐进增强,先保证最低版本浏览器具有最基本的功能,不影响使用,然后再给高版本浏览器添加新的功能或表现,而优雅降级正好跟渐进增强相反,之前不理解它们的区别,认为结果都是一样的,现在觉得是思考方式不同,所得结果也会有所不同。

    响应式网页设计不仅仅是响应不同类型的设备,而且需要响应不同用户的需求。

 

    自己的理解,有不对的地方,欢迎指正~

说说响应式网页设计

标签:des   style   使用   ar   art   问题   line   sp   on   

原文地址:http://www.cnblogs.com/FE-Girl/p/3930967.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!