作者:徐尤熙
來源:知乎
或許這對你而言有點哲學(xué)和理論化,我們來看看別人選擇方塊布局的原因。(順便提一句,我所指的方塊也包括矩形,有些案例也使用矩形。)使用這種元素有兩大原因。首先也是最重要的,它有助于組織內(nèi)容。其次,它也能打造特殊的樣式。它們是展現(xiàn)內(nèi)心渴望和需求的完美元素。
看看Dennis Adelmann的作品集,顯而易見,方塊元素被用來組織排列他的作品。這是組織排列任意數(shù)量內(nèi)容的簡單途徑,讓事物保持簡潔。
Dennisadelmann
不過再看看We Love Noise這個網(wǎng)站,它就完全不同!是的,到處都是方塊,移動鼠標時還有個有趣的動畫效果。不過除了組織內(nèi)容之外,你會發(fā)現(xiàn)方塊元素也成為了設(shè)計風(fēng)格的一部分。它是這種風(fēng)格關(guān)鍵的決定性元素。
Welovenoise
我不覺得使用方塊元素是什么難事。尤其是網(wǎng)頁,自從誕生之初就開始使用方塊形狀來設(shè)計界面。但是你若想更有效地使用它,請遵循以下幾個步驟。
根據(jù)你所要達成的目標,頁面和區(qū)塊會有很大的不同。一旦你確定了,方塊元素就能幫助你完成目標。你是用它來組織內(nèi)容?還是想為頁面增添一點樂趣?
看看Paper and Paint。他們使用方塊元素保持頁面井井有條,并且突出了頁面特有的流動性。隨著鼠標向下滾動,每個方塊中的不同內(nèi)容都在進行著視覺差滾動——這是個非?岬男Ч總方塊都向你講述獨特的故事,匯聚成整個頁面。這些方塊元素的作用,就是保持各部分對齊,形成一種整潔的時尚,同時也為各個頁面營造不同的故事氛圍。
Paperandpaint
Anthonyjohngroup
Anthony John Group使用方塊來展示他們創(chuàng)作的各個項目,還有關(guān)鍵的公司信息,比如“幕后團隊”。主頁的規(guī)劃與構(gòu)建很棒,但也結(jié)合緊密。很明顯,他們致力于創(chuàng)造像這個頁面一樣優(yōu)雅的高端建筑設(shè)計,如果沒有這些方塊,可達不到這樣的效果。