正是因為移動設備普及后,做設計配適的工作量急劇增大,因此在實踐領域出現了相應的“響應式布局”理念,也就是說根據設備的尺寸區別,頁面會動態地作出響應并改變網站本身的布局。
原理上說大概就是根據設備尺寸自動計算出網頁上不同板塊的尺寸和位置。
例如這個網站利用了“液態設計”的技術,你可以把瀏覽器窗口縮小,然后改變窗口的尺寸,觀察頁面的變化。
Simon Collison
你會發現頁面本身的設計會發生非常大的自動調整,如下圖:
不僅圖片的尺寸會自動調整,甚至網頁大塊的布局也會隨之變化,是不是很神奇。這樣一來,就實現了在不同尺寸的瀏覽器中最大程度的保留了設計者的版式語言。
目前恐怕還是比較前沿和尖端的領域,但我認為,在移動互聯網的時代,技術和市場兩方面的因素將會推動這種設計方式成為一種新的規范或者標準吧。