作者：徐尤熙

來源：知乎

使用方塊布局的目的是什么？

或許這對你而言有點哲學和理論化，我們來看看別人選擇方塊布局的原因。（順便提一句，我所指的方塊也包括矩形，有些案例也使用矩形。）使用這種元素有兩大原因。首先也是最重要的，它有助于組織內容。其次，它也能打造特殊的樣式。它們是展現內心渴望和需求的完美元素。

看看Dennis Adelmann的作品集，顯而易見，方塊元素被用來組織排列他的作品。這是組織排列任意數量內容的簡單途徑，讓事物保持簡潔。

Dennisadelmann

不過再看看We Love Noise這個網站，它就完全不同！是的，到處都是方塊，移動鼠標時還有個有趣的動畫效果。不過除了組織內容之外，你會發現方塊元素也成為了設計風格的一部分。它是這種風格關鍵的決定性元素。

Welovenoise

怎樣用好它們？

我不覺得使用方塊元素是什么難事。尤其是網頁，自從誕生之初就開始使用方塊形狀來設計界面。但是你若想更有效地使用它，請遵循以下幾個步驟。

制定希望達成的目標

根據你所要達成的目標，頁面和區塊會有很大的不同。一旦你確定了，方塊元素就能幫助你完成目標。你是用它來組織內容？還是想為頁面增添一點樂趣？

看看Paper and Paint。他們使用方塊元素保持頁面井井有條，并且突出了頁面特有的流動性。隨著鼠標向下滾動，每個方塊中的不同內容都在進行著視覺差滾動——這是個非常酷的效果——每個方塊都向你講述獨特的故事，匯聚成整個頁面。這些方塊元素的作用，就是保持各部分對齊，形成一種整潔的時尚，同時也為各個頁面營造不同的故事氛圍。

Paperandpaint

Anthonyjohngroup

Anthony John Group使用方塊來展示他們創作的各個項目，還有關鍵的公司信息，比如“幕后團隊”。主頁的規劃與構建很棒，但也結合緊密。很明顯，他們致力于創造像這個頁面一樣優雅的高端建筑設計，如果沒有這些方塊，可達不到這樣的效果。