響應(yīng)式網(wǎng)站設(shè)計(jì)是一種網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)布局,其理念是:集中創(chuàng)建頁(yè)面的圖片排版大小,可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境進(jìn)行相對(duì)應(yīng)的布局。
響應(yīng)式界面的四個(gè)層次:
1、同一頁(yè)面在不同大小和比例上看起來(lái)都應(yīng)該是舒適的;
2、同一頁(yè)面在不同分辨率上看起來(lái)都應(yīng)該是合理的;
3、同一頁(yè)面在不同操作方式(如鼠標(biāo)和觸屏)下,體驗(yàn)應(yīng)該是統(tǒng)一的;
4、同一頁(yè)面在不同類型的設(shè)備(手機(jī)、平板、電腦)上,交互方式應(yīng)該是符合習(xí)慣的。
一.什么是響應(yīng)式界面?
根據(jù)維基百科及其參考文獻(xiàn),理論上,響應(yīng)式界面能夠適應(yīng)不同的設(shè)備。描述響應(yīng)式界面最著名的一句話就是“Content is like water”,翻譯成中文便是“如果將屏幕看作容器,那么內(nèi)容就像水一樣”
二.為什么要設(shè)計(jì)響應(yīng)式界面
為何按老辦法為主流設(shè)計(jì)特殊版本呢?為什么要費(fèi)神地嘗試統(tǒng)一所有設(shè)備呢?
即便是PC或Mac用戶,有查顯示只有一半的人會(huì)將瀏覽器全屏顯示,而剩下的一般人使用多大的瀏覽器,很難預(yù)知;臺(tái)式機(jī)、投影、電視、筆記本、手機(jī)、平板、手表、VR……智能設(shè)備正在不斷增加,“主流設(shè)備”的概念正在消失;屏幕分辨率正飛速發(fā)展,同一張圖片在不同設(shè)備上看起來(lái),大小可能天差地別。鼠標(biāo)、觸屏、筆、攝像頭手勢(shì)……不可預(yù)期的操控方式正在不斷出現(xiàn)。