談談響應式設計的昨天、今天、明天 |
編輯:哈爾濱天苑設計公司 時間:2015/01/08 字號:大 中 小 |
摘要:談談響應式設計的昨天、今天、明天 |
源起 這里簡單介紹下上面的提到的三個概念:流動布局(Fluid grids)、媒介查詢(Media queries)和彈性圖片(Scalable images)原本都是指現有的一些技術手段,但在做響應式設計研究的過程中,這些概念還是有更廣泛的意義,設計師也應該有所了解: 流動布局 原特指以百分比為度量單位的布局技術實現方式。這里就不對如流動布局、彈性布局、流體柵格等各種概念做一一說明。筆者就此統為一個大的概念:在響應式設計的布局中,不再以像素(px)作為唯一單位,而是采用百分比或者混合百分比、像素為單位,設計出更具靈活性的布局方式。 媒介查詢 媒介查詢可以讓你根據在特定環境下查詢到的各種屬性值——比如設備類型、分辨率、屏幕物理尺寸及色彩等——來決定應用什么樣的樣式。通過使用媒介查詢,可以獲取到設備及設備的特性,并給出求同存異的方案,從而解決之前在單純的布局設計中遺留的問題。 彈性圖片 伴隨布局的彈性,圖片作為信息重要的形式之一也必須有更靈活的方式去適應布局的變化。個人認為彈性圖片是Ethan Marcotte提出設計產品時提出的概念,我們在后續的研究中可以以圖片為典型,擴大研究范圍:除了圖片,還應該包括圖標、圖表、視頻等信息內容的響應方式研究。 |
上一條:五個網頁設計小技巧,使用戶流連忘返 | 下一條:探討未來網站設計的走向 |