響應式網頁不像傳統網頁隻需考慮一種狀态
什(shén)麽是響應式網頁？要了(le)解并設計好響應式網頁，必須知道響應式Web設計(Responsive Web design)的(de)理(lǐ)念是：頁面的(de)設計與開發應當根據用(yòng)戶行爲以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的(de)響應和(hé)調整。具體的(de)實踐方式由多(duō)方面組成，包括彈性網格和(hé)布局、圖片、CSS media query的(de)使用(yòng)等。無論用(yòng)戶正在使用(yòng)筆記本還(hái)是iPad，我們的(de)頁面都應該能夠自動切換分(fēn)辨率、圖片尺寸及相關腳本功能等，以适應不同設備；換句話(huà)說，頁面應該有能力去自動響應用(yòng)戶的(de)設備環境。響應式網頁設計就是一個(gè)網站能夠兼容多(duō)個(gè)終端——而不是爲每個(gè)終端做(zuò)一個(gè)特定的(de)版本。這(zhè)樣，我們就可(kě)以不必爲不斷到來(lái)的(de)新設備做(zuò)專門的(de)版本設計和(hé)開發了(le)。
随著(zhe)移動設備的(de)逐漸普及和(hé)Web技術的(de)發展，跨端的(de)Web開發需求将會越來(lái)越大(dà)。如何在多(duō)種設備上進行跨端的(de)界面适配呢(ne)？
響應式網頁不像傳統網頁隻需考慮一種狀态，不是交付一套設計稿就完事兒(ér)了(le)，它給設計、前端和(hé)開發團隊之間的(de)協作模式帶來(lái)新的(de)挑戰。在一個(gè)複雜(zá)産品全面響應式的(de)項目裏，交互每個(gè)階段該産出什(shén)麽？交互與視覺如何協作？前端何時(shí)介入？哪些事情讓後端開發來(lái)做(zuò)更合理(lǐ)？經曆“玩客”第一版後，合肥網站建設公司得(de)到了(le)一些答(dá)案。
移動優先是移動互聯網浪潮下(xià)應運而生的(de)理(lǐ)念，由Luke Wroblewski最早提出。移動優先并不是指移動更重要，響應式設計理(lǐ)念裏設備是同等重要的(de)。
它是指優先設計手機端的(de)體驗，有三個(gè)原因：
手機讓設計專注，強迫你想清楚什(shén)麽信息是最重要的(de)。因爲手機屏幕小，每屏呈現的(de)内容少；
觸屏手機使用(yòng)手指操作而非鼠标這(zhè)樣的(de)精密設備來(lái)操作，對(duì)操 作有更高(gāo)要求；
手機使用(yòng)場(chǎng)景更加豐富，很多(duō)場(chǎng)景用(yòng)戶是缺乏耐心的(de)，比如當你排隊看電影(yǐng)正在找手機上的(de)電子票(piào)，馬上排到你了(le)翻半天卻遲遲找不到那張票(piào)這(zhè)是多(duō) 麽令人(rén)崩潰的(de)事情。
手機許多(duō)特性讓設計更強大(dà)。手機上的(de)語音(yīn)輸入、地理(lǐ)位置定位、豐富的(de)手勢操作、越來(lái)越多(duō)傳感器，手機交互比PC擁有更多(duō)可(kě)能性。從手機開始設計，讓你更早地思考如何發揮這(zhè)些特性。 手機正在迅猛增長(cháng)。手機即将超越PC，成爲最主流的(de)上網方式，這(zhè)個(gè)趨勢是不可(kě)逆的(de)。 從移動開始做(zuò)設計對(duì)習(xí)慣了(le)PC環境的(de)設計師可(kě)能是一種挑戰，思考方式工作習(xí)慣都被迫做(zuò)出改變。但這(zhè)種改變必須去适應，因爲用(yòng)戶習(xí)慣在改變。
響應式設計在2012年被提的(de)比較多(duō)，但是響應式設計仍然在不斷變化(huà)，不斷創新。比如，新的(de)設備不斷出來(lái)(iPad Mini)，這(zhè)讓以前的(de)設計想法土崩瓦解。而各種Web的(de)響應式設計也(yě)獲得(de)了(le)越來(lái)越多(duō)的(de)注意，“讓人(rén)們忘記設備尺寸”的(de)理(lǐ)念将更快(kuài)地驅動響應式設計，所以Web設計也(yě)将迎來(lái)更多(duō)的(de)響應式設計元素。