如果你曾仔細觀察過(guò)時下設計優秀的網站，你會發(fā)現堆疊式排版已經(jīng)出現的非常頻繁了，其中尤其突出的是方塊堆疊式排版。毫無疑問，這(zhè)種(zhǒng)悄然流行的設計手法是一種(zhǒng)值得關注的設計趨勢。

仔細觀察，你會發(fā)現這(zhè)種(zhǒng)方塊堆疊式排版有著(zhe)令人無法拒絕的美感，它以一種(zhǒng)整齊的方式將(jiāng)文字内容排列到一起(qǐ)，營造出一種(zhǒng)整饬的設計感，抓住用戶的注意力。今天的文章，我們一同來借助各個網站的設計案例來探索這(zhè)種(zhǒng)設計趨勢，總結技巧。

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

在圖片和視頻中使用

方塊堆疊式排版最常使用的場合就是圖片和視頻。在網站和APP當中，你會發(fā)現圖片和視頻中常常能(néng)看到這(zhè)樣(yàng)的排版，當然，在平面(miàn)設計中這(zhè)種(zhǒng)排版也并不鮮見。

爲了充分發(fā)揮這(zhè)種(zhǒng)排版的優勢，你需要特别注意文本的排布位置。文本應當是作爲輔助，不能(néng)夠蓋住圖片或者視頻的關鍵部位，并且傳遞明确的信息。

文本所用的色彩也是重中之重。前景的文本和背景的圖片/視頻應該有足夠的對(duì)比度，清晰可辨。這(zhè)也是爲什麼(me)許多設計師會讓前景的文字使用黑色或者白色，它們更容易在不同的背景中确保可讀性。

作爲主導的藝術元素

當然，方塊堆疊式排版并不是一直處于整體視覺的輔助地位，有時候它還(hái)會成(chéng)爲視覺設計的主體。

將(jiāng)方塊堆疊式排版用作主要的視覺元素的時候，需要滿足兩(liǎng)個條件：大量的留白，字體中包含其他的視覺元素。其中所包含的可能(néng)是色彩，或者是圖案、動畫。但是不論是哪種(zhǒng)，都(dōu)會盡量讓字體從周圍的留白中脫穎而出。

不要過(guò)度設計，方塊堆疊式布局主要是兩(liǎng)種(zhǒng)使用方式：黑白字體+彩色背景，或者彩色字體+黑白背景。根據這(zhè)項規則來進(jìn)行設計能(néng)讓你少走彎路，更容易實現效果。

強調特定的詞彙

許多項目運用了類似堆疊式的文本布局，但是在可讀性上做的并不太好(hǎo)。在正确的用法當中，最關鍵的詞應該是用最粗的字體最大的字号來顯示的。

當然，說起(qǐ)來簡單，做起(qǐ)來也并不是那麼(me)容易。你需要仔細推敲文本的字句和前言後(hòu)語，句子的長(cháng)短和文字的搭配要均衡，并且能(néng)同布局聯動起(qǐ)來，最終效果看起(qǐ)來應該是恰到好(hǎo)處。所以，當你做好(hǎo)布局之後(hòu)應當仔細審視一下，最重要的信息是否以最醒目的方式呈現出來？所有的信息可讀性是否良好(hǎo)？形式和内容之間是否有割裂感？

如果有問題，那麼(me)你需要再仔細推敲一下。并不是所有的文案和文本都(dōu)能(néng)這(zhè)麼(me)設計，有些換個方式來展現或許更合适。所以，如果這(zhè)種(zhǒng)排版布局不适合你的内容，也不要感到訝異。

爲社交媒體服務

我們對(duì)于方塊堆疊式布局如此之熟悉，很大程度上也是得益于各大社交媒體的傳播，因爲它能(néng)夠很好(hǎo)地同微博、Twitter、Instagram 甚至手機的卡片式界面(miàn)很好(hǎo)地結合到一起(qǐ)，無縫地融爲一體。

你會發(fā)現圖片上配合堆疊式的文本是傳播性極強的一種(zhǒng)媒介形式。仔細看看你的社交媒體帳号，你會發(fā)現這(zhè)種(zhǒng)形式比起(qǐ)視頻更加直給，比起(qǐ)長(cháng)微博和文章更直觀，無需複雜的操作。

它讓用戶以一種(zhǒng)更視覺化的形式來獲取信息，重點更加突出，讓用戶以足夠漂亮也足夠快速的方式獲得信息。

強化設計感

絕大多數的設計現在看起(qǐ)來都(dōu)相差不大，所以，爲了突出設計感，你可以加入一些簡單、有趣的設計元素，來強化方塊堆疊式布局的用戶浏覽體驗。

·在行間增加細線，讓用戶可以更加清晰地看清楚布局和内容

·在空隙間增加簡單的形狀或者圖标來填充，讓整體看起(qǐ)來更加飽滿和一緻

·适當地調整整體的形狀，你個并不一定非得讓整個布局保持完美的方形（鑽石型的外觀也沒(méi)問題）

·可以通過(guò)适當地調整色調來強化整個布局的視覺效果

·用出人意料的、有趣的非襯線體來搭配。有趣的字體能(néng)讓用戶更加難忘！

選擇方塊堆疊式排版的5個理由

方塊堆疊式排版的流行，很大程度上是因爲它的簡單和視覺化。而真正支撐方塊堆疊式排版成(chéng)爲流行趨勢的，大概就是下面(miàn)的5個理由了：

·視覺上的吸引力。堆疊式的布局通常會被(bèi)特定的空間緊密包圍著(zhe)，它會成(chéng)爲視覺的重心，自然而然地吸引用戶注意。

·文字周圍大量的留白會增強内容的可讀性。

·字體的強調和設計上的調整讓簡單的文字顯得更富于戲劇性和表現力。

·堆疊式的布局讓文字給人一種(zhǒng)形似LOGO的感受，更加醒目。

·堆疊式布局讓你内容更加易讀也更有趣

搞定方塊堆疊式排版的5個設計技巧

如果你已經(jīng)深入思考，并且認可了這(zhè)種(zhǒng)設計趨勢，那麼(me)你可以送下面(miàn)的5個技巧著(zhe)手：

1、使用栅格。栅格系統能(néng)幫你更好(hǎo)地控制布局，從字體大小到行間距都(dōu)更加整齊。

2、控制比例。正确的大小對(duì)比才能(néng)起(qǐ)到強調的作用。

3、做好(hǎo)斷句，斟酌詞句。強調的部分要精悍而準确，斷句換行也要正确地傳遞信息。

4、兩(liǎng)個部分的字體和字重要控制好(hǎo)比例和風格。

5、不要糾結于排版的高度對(duì)稱和對(duì)齊。

結語

很多時候設計趨勢并不是太過(guò)于複雜的東西，一些簡單易用的趨勢同樣(yàng)擁有持久的生命力。方塊堆疊式排版最費神的部分還(hái)是文案的選取，适當地裝飾之後(hòu)，借助社交媒體能(néng)取得極強的傳播性。

原文地址：designshack

原文作者：CARRIE COUSINS

優設譯文：uisdc.com

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。