首页 > 代码库 > 说说响应式网页设计
说说响应式网页设计
在这里我只说说我对响应式网页设计的理解,具体实现过程就先不说了~
响应式网页设计(RWD,Responsive Web Design)这个术语,由伊桑·马科特(Ethan Marcotte)提出。他在A List Apart发表了一篇开创性的文章,将三种已有的开发技巧(弹性网格布局、弹性图片、媒体和媒体查询)整合起来,并命名为响应式网页设计。
响应式网页设计正是前端界“以人为本”的体现。Web的初衷就是为了让信息更好的传递交流,方便人们无障碍的获取信息。而网页就是人们获取、传递信息的一个接口,信息都展示在网页中,所以网页设计的好坏会直接影响用户体验(当然影响用户体验的还有其他一些方面的问题)。注意,不要认为响应式网页设计很高端,它只是理所当然的,只是我们以前没有这个意识罢了,现在想到了,证明思想慢慢有觉悟了。由于我们的移动互联网发展迅猛,用各种设备上网的人越来越多,所以响应式网页设计应运而生。
那么,响应式网页设计应该遵循什么原则呢,首先是内容优先,然后是移动优先,再就是渐进增强。我认为一个网站最重要的还是内容,页面设计的再好,用户体验再棒,内容不过关,它也不会有长久的发展。移动优先,要从移动端开始设计,因为移动端的屏幕小,展示的内容有限,这样你才能知道哪些才是最重要的、最应该着重展示的。渐进增强,先保证最低版本浏览器具有最基本的功能,不影响使用,然后再给高版本浏览器添加新的功能或表现,而优雅降级正好跟渐进增强相反,之前不理解它们的区别,认为结果都是一样的,现在觉得是思考方式不同,所得结果也会有所不同。
响应式网页设计不仅仅是响应不同类型的设备,而且需要响应不同用户的需求。
自己的理解,有不对的地方,欢迎指正~
说说响应式网页设计