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

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

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

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

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

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

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

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

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

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

強調特定詞匯
網(wǎng)頁(yè)設計趨勢：方格堆疊式排版

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

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

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

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

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

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

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

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

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

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

這種排版設計方法之所以有效，是因為其視覺(jué)美感和簡(jiǎn)約。要想利用的好，首先確立一個(gè)正確的設計理念。下面這些原因說(shuō)明了為什么方塊堆積排版會(huì )那么流行且有效。

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

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

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