節奏藍調

隨著智慧型手機和平板電腦的普及，行動上網的人數陸續攀升。

曾幾何時，我們的生活已經離不開智慧型手機或平板電腦了。社會大眾使用桌上型電腦上網的比例逐漸下滑，觀看電視或收聽廣播從智慧型手機和平板電腦上就可以搞定，而網路購物也只要從智慧型手機上用食指點選購買，就可以輕鬆的完成購物的動作，不需要一直盯著電腦螢幕坐椅子坐到屁股痛腳麻掉。

從 2012 年開始到 2014 年，大家對 Web 設計的趨勢預測中，都提到響應式設計；2015 年網頁設計趨勢預測中，響應式仍在繼續。這個經歷了幾年依然大熱的響應式，在過去的幾年裡，快速鞏固了自己的地位，並掀起了一股網頁設計新標準的浪潮。這裡本人基於一些資料文獻及自己的陋見，談談響應式設計的一些現狀和趨勢。

源起

一、什麼是響應式網站

　　在網站建設過程中根據使用者行為以及設備環境進行相應的操作和佈局，使網站可針對不同平臺、尺寸和定向進行智慧化調整，實現了在智慧手機和平板電腦等多種智慧移動終端流覽效果的流暢，防止頁面變形，並可在任一流覽終端進行網站資料的同步更新。

網頁設計發展很快，它主要是跟著設計潮流以及Web技術一起演變。從純文字的網頁到FLASH、然後現在流行的HTML5網站都有著很大的變化。網站可以有很多用途，比如用企業網站宣傳、社交、博客、行銷、個人品牌展示以及提供線上工具和服務等等，真是個多樣化而且充滿活力的行業。

回顧我們之前分享過的“優秀網頁設計”作品，裡面有很多新的設計靈感，並可能從中預測到2015的設計趨勢。在這篇文章中我們整理了值得關注的21個網頁設計趨勢。 

本文作者Jacey Gulden是一名Web Designer，原載於Medium。

一個成功的web設計源自精雕細琢。但當進行響應式web設計（Responsive Web Design ，RWD）時候，我們會發現針對普通web設計的經典方法已無法適用了。
有趣的是響應式web設計其實是一種web設計的倒退。在響應式web設計出現之前，在傳統的web設計過程中通常我們會固定整個佈局和容器的寬度，以此來構成一個靈活的網格系統。隨後，向其中添加表格和區塊並填充響應內容，最終完成設計。但這種設計方式，並不適合用於設計會在不同設備上顯示的頁面。所以，當設計者在設計響應式設計時，不應再執著於佈局、線框等的具體大小，而應該考慮如何使用流體元素。與其根據不同設備的大小來設計頁面，不如想想如何針對內容進行設計。

自從網絡發展開始迄今的20多年來，微軟的首頁Microsoft.com的訪問人數在全球範圍內始終排在前十。而僅僅在過去的兩年裡，Microsoft.com便重新設計了17次，而今天，微軟再次將首頁改版。

全新微軟官方主頁

［image credit:Basecamp mobile］

以上是2015年2月26日，Google webmasters(谷歌網頁大師)部落格發佈的消息，消息中公布從2015年4月21號開始，在移動裝置搜索中，「網頁是否適合移動設備」會影響自然搜索排名。

這什麼意思呢？人人一支智慧型手機，網頁使用者的習慣也已經改變，現在不管你做的網站是B2B或B2C，分析你自己網站就會發現主要流量來源，都是從手機而來，再來才是桌上型電腦、接著是平板電腦。