網(wǎng)頁設(shè)計趨勢：方格堆疊式排版發(fā)布者：本站     時間：2022-03-18 10:03:31

現(xiàn)在你隨便打開一個網(wǎng)站，似乎都有堆疊排版的身影，特別是方格堆疊堆疊，已然成為一種設(shè)計趨勢，越來越多的設(shè)計師開始采用這種排版方式。

這種模塊堆積排版趨勢難以忽視，并且值得復(fù)制，因?yàn)檫@種排版本身就具有獨(dú)特的魅力。你可以采用不同的方式來搭配文字圖片，使其變得引人注目。今天我們就來好好談?wù)?，如何利用方格堆疊排版模式的設(shè)計方法來進(jìn)行設(shè)計。

應(yīng)用于圖片或視頻
網(wǎng)頁設(shè)計趨勢：方格堆疊式排版

方格堆疊排列最重要的作用之一就是美化圖片或視頻。這項(xiàng)設(shè)計方法，既流行于網(wǎng)站或者應(yīng)用的設(shè)計，同時也廣泛應(yīng)用于圖片處理。

為了充分利用方形堆疊式排版于圖像或視頻，你要特別注意文字的位置。詞不應(yīng)遮擋形象的重要組成部分，搭配和諧，表現(xiàn)清楚明確。

顏色的搭配同樣相當(dāng)重要。文本和背景必須對比鮮明，易于區(qū)分。這樣才能提高可讀性。這就是為什么大多數(shù)設(shè)計師選擇在圖片上放置白色或者黑的的文本，這樣更容易建立對比度和避免文字之間的沖突。

主導(dǎo)藝術(shù)
網(wǎng)頁設(shè)計趨勢：方格堆疊式排版

方格堆疊排版中的反方格并不永遠(yuǎn)是設(shè)計中最耀眼的那一部分，有時它僅僅是個視覺元素。要使其成為頁面中主導(dǎo)元素的關(guān)鍵有兩點(diǎn)：大量的留白和排版內(nèi)部的視覺元素。方格本身可能有一種或多種顏色，內(nèi)部填充圖片，文本或者鏈接。無論你想使用哪個”絕招“。方格都能使文本或內(nèi)部其他內(nèi)容脫穎而出，使視覺呈現(xiàn)更加流暢。

別一下子就想做個大工程，一步一步來。打個比方，你可以吧方格想象成一個色塊，在黑色的背景上，就需要將它表現(xiàn)的像白色突出。在你工作之前，先制定一個指南或許會事半功倍。

強(qiáng)調(diào)特定詞匯
網(wǎng)頁設(shè)計趨勢：方格堆疊式排版

在這一點(diǎn)上，許多項(xiàng)目都犯了致命的錯誤，他們使文本看起來相當(dāng)特別，卻忽略了文本的可讀性。記住，在一個界面中，關(guān)鍵詞永遠(yuǎn)是最重要和最需要突出的一個部分，沒有了可讀性什么都沒意義。

說起來容易做起來難。當(dāng)設(shè)計文本的時候，你需要計劃考慮很多，你需要搭配長短句和短語。當(dāng)所有事都排版好了，確?？匆幌旅恳粋€元素都是如何落實(shí)的。你文本中最重要的部分表現(xiàn)的方式是否是最佳的，他們的比重如何？放置的位置又是否合適呢？

如果還覺得哪里不對，那就重新排版，這種排版方式并不適用于所有文本，同樣的方式，一些文本就會更加有效。如果效果不好也不要沮喪，下次再試試別的項(xiàng)目就好。

用于社交媒介
網(wǎng)頁設(shè)計趨勢：方格堆疊式排版

我們之所以這么頻繁的看到這種排版方式，是因?yàn)榉礁襁@種形狀常用于設(shè)計社交媒介中的各種圖標(biāo)按鈕或者鏈接，這點(diǎn)以Instagram的卡片式界面圖像為例就可以看出。

由于這種現(xiàn)象，設(shè)計師想到了由于圖片具有高度共享性所以圖片上的文字也必然具有相同特性?？v覽你的社交媒介平臺，如果不采用這種展示方式，你恐怕很難瀏覽很深去了解。

更重要的是，它提供了一個機(jī)會，以可視化的方式向人們展示了一條信息。這給了用戶更多的空間去代入他們自身的共鳴，并有助于在視覺上提請注意主要消息。（相當(dāng)聰明，是吧？）

燥起來吧
網(wǎng)頁設(shè)計趨勢：方格堆疊式排版

雖然許多這種類型的設(shè)計無論是外觀還是給人感覺都差不多，但是你自己其實(shí)可以在其中添加一些有趣的東西，將自己的想法融合到方格堆疊排版中去。

調(diào)節(jié)文本行距間的距離，以幫助用戶完全可視化形狀（或者將文本整合到一起）。
文本間的空白處可以用簡單的形狀或者圖標(biāo)進(jìn)行填補(bǔ)，使整體看起來更一致。
旋轉(zhuǎn)形狀一點(diǎn)。沒有人說一切都必須是完美的正方形（一個鉆石形狀也沒關(guān)系）。
對于需要強(qiáng)調(diào)的詞或者其他文本，可以適當(dāng)采用一些顏色設(shè)置，使其突出。
使用有趣的字體，比如你可以使用一些特殊的字體，并搭配襯線等。字體使用的學(xué)習(xí)任重而道遠(yuǎn)。
5個致效原因
網(wǎng)頁設(shè)計趨勢：方格堆疊式排版

這種排版設(shè)計方法之所以有效，是因?yàn)槠湟曈X美感和簡約。要想利用的好，首先確立一個正確的設(shè)計理念。下面這些原因說明了為什么方塊堆積排版會那么流行且有效。

強(qiáng)視覺吸引力。堆疊式樣的設(shè)計通常是一個頁面中的視覺中心，很容易吸引用戶的注意力。
文本周圍都是空白，這樣增加了可讀性。
增加了正常文本的趣味性。許多這種設(shè)計都喜歡采用多音字或者其他文字玩笑，小小的技巧會使人覺得相當(dāng)有趣。
堆疊式的排版方式一般都會在其定位或者目標(biāo)的基礎(chǔ)之上，提前確立一個大致相配的形狀輪廓，使人一看就會產(chǎn)生相關(guān)的映像。
閱讀簡單且有趣
5個成功的建議
網(wǎng)頁設(shè)計趨勢：方格堆疊式排版

現(xiàn)在你已經(jīng)更加深入的了解了一些關(guān)于方塊堆積排版的信息，或者你甚至已經(jīng)完全掌握了其中精髓。關(guān)于如何使你的作品的可讀性和視覺吸引性更強(qiáng)，我們已然有五點(diǎn)建議。

使用網(wǎng)格，這樣會幫你更了解整個界面的屬性和間距等細(xì)節(jié)該調(diào)整。
確保文本正確縮放。堆積排版通常需要多種尺寸進(jìn)行組合，確保每個文本以正確的尺寸被表現(xiàn)出來。
注意斷行和斷句，用戶需要能理解你在說什么（所以內(nèi)容盡量保持簡練）
混搭兩種字體也要記得保持和諧。
不要把文本或者其他元素擠在形狀的邊緣，你可以在排版的時候注意使用不同的長短句或者提前建立一定的文本路線。