【基于模塊或網(wǎng)格】
接下來這些排版方式,建立在模塊化或類似網(wǎng)格的結(jié)構(gòu)上。在這些設(shè)計中,每個模塊都力圖根據(jù)屏幕尺寸伸縮調(diào)整。實際上這并不是什么新的方式,不過響應式網(wǎng)頁設(shè)計讓它變得更加有用。它暗示了一種自適應布局模式,可以像搭積木一樣,由各種模塊組件創(chuàng)建而成。
這個案例完美地詮釋了這一點。整個設(shè)計都是響應式的。隨著屏幕尺寸變化,每個模塊都改變尺寸來適應空間。均勻劃分屏幕使得設(shè)計更易于適應。他們還(在大屏幕尺寸中)引入一些元素來打破模塊界限的束縛,這是畫龍點睛之筆。
這個案例更加激進。當然,它也包含了模塊化的方式,讓他們能夠根據(jù)需要輕松增減內(nèi)容。但此處還有一個重要的設(shè)計元素在發(fā)揮作用,之前的案例是沒有的。模塊通過尺寸變化,來反映其重要程度和在各層級中的地位。這類模塊化的布局方式存在一種風險,它使每樣東西尺寸都相同,這意味著無法強調(diào)任何事物。相反,這個案例還是清晰地突出了主要元素。
平面設(shè)計
工業(yè)設(shè)計
CG插畫
UI交互
室內(nèi)設(shè)計
建筑環(huán)境