响应式网页设计的应用


响应式网页设计的应用


响应式的发展情况TNW发布了10大网页设计趋势排行 , 其中排名第一的为响应式布局 , 即一个网站适配多种屏幕 。其实早在2012年我们就看到一些新的设计趋势出现在Web设计领域 , 特别是响应式网页设计 。国内的响应式发展情况比国外落后很多 , 在国外的响应式网站很盛行的时候 , 我国才后知后觉的其优势 。响应式网站在2013年才为我国的少数人所知晓 , 此时 , 国外的响应式技术已经进入成熟期 , 不仅小型的商务公司采用响应式设计 , 很多大公司也在探索在他们的网站采用响应式网页设计 。2013年底苹果公司的一份调查问卷显示 , 国外智能手机的覆盖率已经为80% , 而同年 , Google的智能手机使用调查报告上显示 , 中国城市的智能手机的普及率为47% 。而智能手机的普及推动了响应式技术的发展 , 由此可见 , 智能手机的普及度也是我国响应式网站发展缓慢的原因 。

1用户行为分析

研究用户行为 , 是因为我们的产品是要为用户服务的 。以用户为中心的设计能给用户更好的体验 , 让用户对开发出来的产品产生好感 , 进而购买我们的产品 。设计与生产就是为了出售 , 而客户就是推动生产与创新的力量 , 因此 , 在开发产品的每个阶段 , 都要把用户考虑在其中 。
【响应式网页设计的应用】
1.1设备的多样式生活中 , 很多人一天会用三种设备上网 。外出时使用手机上网 , 在室内用电脑上网 , 而睡前用平板获取信息 。这三种设备的屏幕各不相同 , 分辨率从320像素到1920像素不等 。现代家庭中 , 数字电视也开始普遍 , 也就是说 , 有一部分人除了用手机、平板和电脑上网之外 , 还会使用数字电视 , 另外还有一部分人用可穿戴设备上网 , 而同一种设备还有不同的大小型号 。由此可见 , 现如今的网站比之前的任何时候都更需要能够在不同的设备上适用 , 而每一种设备又都是功能与被限制的关系产物 。

1.2使用环境与网速的关系用户在家时 , 时间比较充裕 , 最可能使用电脑或平板上网 , 有些人还会使用数字电视 , 此时网络连接一般为宽带或WIFI , 网络流畅 , 速度较快 , 不在乎浏览网页设计时所花的流量多少 , 也会增加页面的等待时间;用户在户外时 , 所在的地方有公交车上、开车中、行走中、商场或者等待中 , 此时的用户时间都是碎片化的 , 而且网速较慢 , 时间匆忙 , 用户很容易失去耐心 。

2响应式网站的优点

2.1一个站点适应所有屏幕在国内 , 很多大型网站 , 财力比较充足 , 所以会为pc端和移动端各建立一个站点 , 方便在各个端口实现最好的页面效果 。然而时代在发展 , 各种的设备的种类越来越多 , 屏幕分辨率也各不相同 。随着Google眼镜的推出 , AppleWatch的成功发布 , 可穿戴设备离我们越来越近 , 这也说明 , 今后会有更多我们闻所未闻的设备接踵而来 , 并且这些设备将会越来越普及 。面对如此多的设备 , 我们的网站应该如何去适应各个不同设备的端口?解决这个问题的最好方法是建立一个可以适应各种屏幕的站点 , 这种站点就是响应式网站 , 不仅解决了需要建立多个站点的问题 , 而且在各个站点都能最好地展示页面效果 。

推荐阅读