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