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