RWD (Responsive Web Design) 网站,简单来说,就是能够依照浏览者使用的屏幕尺寸,自动缩放成最佳比例,而有别以往的等比例缩小,RWD响应式网站设计能够重新排版,不需辛苦的一边放大文或图片比例,一边移动屏幕。
RWD响应式网站设计,最早之前在2010年由美国著名的网页设计师Ethan Marcotte 所提出的网页设计技术,但是初期并没有得到太大的回响,更没想到这将是跨时代的技术,直到2007年1月, Apple 发表了iPhone 第一代,将原本人们习惯在桌上电脑浏览网站的情况慢慢改变,并且透过智慧型手机随时随地无线上网的方式开始影响到人们,这才开始发展出RWD响应式网站设计的技术及套件,2012年后被公认为是日后网页设计开发技术的趋势。
而资策会MIC研究报告显示:2015年全球智慧型手机出货量达14.3亿台,预估2017年全球智慧型手机出货约15.6亿台,成长率8.9%。
这代表些什么? 使用移动浏览设备看网站的比例已经超过用桌上型电脑看网站的人数,如果网站还是属于传统1024x768模式,您的网站流量将慢慢降低,直到惊觉事态严重时,也只能砍掉重练,因此建议网站能够重新设计为RWD响应式网站。
RWD响应式网站的优点如下:
1.网页被搜寻机率高:
Google宣布,如果网页所提供的版面能够针对浏览设备的屏幕自动调整,并依照屏幕尺寸显示合适的网站内容,网页被搜寻到的机率将比一般网站更高、排名更优秀。
2.支持任何浏览设备:
这是RWD 最大的优点,也是它的最重要目的,当浏览者再也不是乖乖地在桌上型电脑或是笔记型电脑上观看资讯,也许用手机,也许用平板,过个几年后也许是用4K电视,而RWD 让您的网站内容可以自动符合浏览设备屏幕的尺寸来进行延展、伸缩、变形、移动,原本在桌上型电脑的宽屏幕上或是大尺寸电视,产品图片是横向水平排列,遇到较小的手机屏幕时,产品图片会自动变成纵向垂直排列,由上到下,让使用者可以轻松便利的浏览您的产品资讯,全部都会自动重新排列,找到最合适的呈现方式。
3.节省开发成本:
只需要维护单一网站版本,而非两个版本。早期方式是必须同时维护电脑版网站以及移动版网站,但经由RWD响应式网站设计,可整合为单一版本及后台管理,节省人力成本、开发成本。