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

　　Jan Finnesand用(yòng)了(le)全∏£屏的(de)寬度與高(gāo)度來(lái)放(fàng)置方塊，每一(yī∞¥)塊都(dōu)有(yǒu)特殊作(zuò)用(yòng)，大(dà)多(duō   ★)展示了(le)他(tā)以往的(de)項目案例。充滿整個(gè)浏覽器(qì)窗(chuā>≥€ng)口的(de)方塊造就(jiù)了(le)一(yī)件(jiàn)非常酷的(de)設計¥​₹₹(jì)。

　　這(zhè)家(jiā)公司無處不(bù)用(yòng)方塊$±!主頁上(shàng)可(kě)以看(kàn)到(dàβ©®o)，他(tā)們也(yě)展示不(bù)同的(de)案例。通(tōng)過不(bù)同Ω‍尺寸的(de)正方形引導用(yòng)戶視(shì)線。我最喜₽<σ歡的(de)一(yī)點是(shì)，他(tā)們用(yò₽₽'ng)兩個(gè)正方形來(lái)組成一≤✘(yī)張更大(dà)的(de)圖片，但(dàn)每一☆♥ (yī)張都(dōu)指向一(yī)個(gè)獨特的(de)項目——我覺得(de)這(zhè)很(★£< hěn)酷。