或許這(zhè)對(duì)您而言有點哲學(xué)和理論化，先誠科技來看看别人選擇方塊布局的原因。(順便提一句，我所指的方塊也包括矩形，有些案例也使用矩形。)使用這(zhè)種(zhǒng)元素有兩(liǎng)大原因。首先也是最重要的，它有助于組織内容。其次，它也能(néng)打造特殊的樣(yàng)式。它們是展現内心渴望和需求的完美元素。
　　看看Dennis Adelmann的作品集，顯而易見，方塊元素被(bèi)用來組織排列他的作品。這(zhè)是組織排列任意數量内容的簡單途徑，讓事(shì)物保持簡潔。
　　不過(guò)再看看We Love Noise這(zhè)個網站，它就完全不同!是的，到處都(dōu)是方塊，移動鼠标時還(hái)有個有趣的動畫效果。不過(guò)除了組織内容之外，您會發(fā)現方塊元素也成(chéng)爲了設計風格的一部分。它是這(zhè)種(zhǒng)風格關鍵的決定性元素。
　　我不覺得使用方塊元素是什麼(me)難事(shì)。尤其是網頁，自從誕生之初就開(kāi)始使用方塊形狀來設計界面(miàn)。但是您若想更有效地使用它，請遵循以下幾個步驟。
　　根據您所要達成(chéng)的目标，頁面(miàn)和區塊會有很大的不同。一旦您确定了，方塊元素就能(néng)幫助您完成(chéng)目标。您是用它來組織内容?還(hái)是想爲頁面(miàn)增添一點樂趣?
　　看看Paper and Paint。他們使用方塊元素保持頁面(miàn)井井有條，并且突出了頁面(miàn)特有的流動性。随著(zhe)鼠标向(xiàng)下滾動，每個方塊中的不同内容都(dōu)在進(jìn)行著(zhe)視覺差滾動——這(zhè)是個非常酷的效果——每個方塊都(dōu)向(xiàng)您講述獨特的故事(shì)，彙聚成(chéng)整個頁面(miàn)。這(zhè)些方塊元素的作用，就是保持各部分對(duì)齊，形成(chéng)一種(zhǒng)整潔的時尚，同時也爲各個頁面(miàn)營造不同的故事(shì)氛圍。
　　Anthony John Group使用方塊來展示他們創作的各個項目，還(hái)有關鍵的公司信息，比如“幕後(hòu)團隊”。主頁的規劃與構建很棒，但也結合緊密。很明顯，他們緻力于創造像這(zhè)個頁面(miàn)一樣(yàng)優雅的高端建築設計，如果沒(méi)有這(zhè)些方塊，可達不到這(zhè)樣(yàng)的效果。
　　既然了解了您所追求的目标——盡管那幾乎就是整合現有的信息——您會接觸到内容組織的。您得把内容編成(chéng)目錄。要如何在各個方塊中組織信息——某些方塊内容會比其他的更多嗎?這(zhè)對(duì)組織内容很有幫助，您會來回擺弄，看看哪些有用哪些沒(méi)用，發(fā)現哪些内容太多，哪些内容太少。我保證這(zhè)不是什麼(me)高超技巧，實際上它不太需要憑直覺，大多時候都(dōu)很簡單——坐下來去完成(chéng)它就是了。
　　注意到上面(miàn)這(zhè)個網站沒(méi)有，Block Level，方塊和方塊中的圖标就是全部了，隻有圖标。這(zhè)就是我所指的組織内容，Block Level的設計者故意在每個方塊中隻留下一個圖标。下一步就是要考慮如何將(jiāng)調整過(guò)的内容放在令人愉悅的設計中，這(zhè)正是先誠科技下面(miàn)要講的。
　　既然組織内容的工作讓您了解一組組信息看起(qǐ)來是什麼(me)樣(yàng)，您就要思考應該怎麼(me)處理這(zhè)些方塊。這(zhè)是讓您打磨内容塊大小的一步，可能(néng)您希望它們都(dōu)保持一緻——又或者您決定讓它們錯落雜亂排布。這(zhè)還(hái)是得取決于您的具體目标。
　　從Nedd中可以看出，方塊元素都(dōu)非常巨大，它們有著(zhe)近似的寬度和相等的高度，讓網站看起(qǐ)來井井有條。我希望您注意的是，雖然這(zhè)是偏向(xiàng)于内容組織的用法，網站的樣(yàng)式仍然非常有趣輕快，這(zhè)主要得益于它的顔色、矢量元素、圓形的應用、字體等等。
　　另一方面(miàn)，先誠科技還(hái)有像Banana Café這(zhè)樣(yàng)元素散亂的網站——如果您想，也可以這(zhè)樣(yàng)優美地亂序排列。這(zhè)個網站看起(qǐ)來也很好(hǎo)玩，得益于它的字體、顔色的選用等等。方塊的這(zhè)種(zhǒng)特殊用法其實沒(méi)什麼(me)，隻是一種(zhǒng)特定的設計手段。
　　有千萬種(zhǒng)設計方法，可以爲您下個項目中的方塊元素打造特殊風格。您可以將(jiāng)它們與其他元素自由組合，比如圓形，或者采用貫穿始終的矩形或正方形來營造網站的視覺焦點。最後(hòu)兩(liǎng)個例子中，您會再次見識如何將(jiāng)方塊良好(hǎo)地應用于設計中，希望對(duì)您有所啓發(fā)，并能(néng)在您下個項目中發(fā)揮作用。

　　Jan Finnesand用了全屏的寬度與高度來放置方塊，每一塊都(dōu)有特殊作用，大多展示了他以往的項目案例。充滿整個浏覽器窗口的方塊造就了一件非常酷的設計。

　　這(zhè)家公司無處不用方塊!主頁上可以看到，他們也展示不同的案例。通過(guò)不同尺寸的正方形引導用戶視線。我最喜歡的一點是，他們用兩(liǎng)個正方形來組成(chéng)一張更大的圖片，但每一張都(dōu)指向(xiàng)一個獨特的項目——我覺得這(zhè)很酷。