設(shè)計(jì)趨勢(shì)：方格堆疊式排版

如果你曾仔細(xì)觀察過(guò)時(shí)下設(shè)計(jì)優(yōu)秀的網(wǎng)站，你會(huì)發(fā)現(xiàn)堆疊式排版已經(jīng)出現(xiàn)的非常頻繁了，其中尤其突出的是方塊堆疊式排版。毫無(wú)疑問(wèn)，這種悄然流行的設(shè)計(jì)手法是一種值得關(guān)注的設(shè)計(jì)趨勢(shì)。
通過(guò)仔細(xì)觀察你會(huì)發(fā)現(xiàn)這種方塊堆疊式排版有著令人無(wú)法拒絕的美感，它以一種整齊的方式將文字內(nèi)容排列到一起，營(yíng)造出一種整飭的設(shè)計(jì)感，抓住用戶的注意力。今天的文章，我們一同來(lái)借助各個(gè)網(wǎng)站的設(shè)計(jì)案例來(lái)探索這種設(shè)計(jì)趨勢(shì)，總結(jié)技巧。
在圖片和視頻中使用
方塊堆疊式排版最常使用的場(chǎng)合就是圖片和視頻。在網(wǎng)站和APP當(dāng)中，你會(huì)發(fā)現(xiàn)圖片和視頻中常常能看到這樣的排版，當(dāng)然，在平面設(shè)計(jì)中這種排版也并不鮮見(jiàn)。
為了充分發(fā)揮這種排版的優(yōu)勢(shì)，你需要特別注意文本的排布位置。文本應(yīng)當(dāng)是作為輔助，不能夠蓋住圖片或者視頻的關(guān)鍵部位，并且傳遞明確的信息。
文本所用的色彩也是重中之重。前景的文本和背景的圖片/視頻應(yīng)該有足夠的對(duì)比度，清晰可辨。這也是為什么許多設(shè)計(jì)師會(huì)讓前景的文字使用黑色或者白色，它們更容易在不同的背景中確?？勺x性。
作為主導(dǎo)的藝術(shù)元素
當(dāng)然，方塊堆疊式排版并不是一直處于整體視覺(jué)的輔助地位，有時(shí)候它還會(huì)成為視覺(jué)設(shè)計(jì)的主體。
將方塊堆疊式排版用作主要的視覺(jué)元素的時(shí)候，需要滿足兩個(gè)條件：大量的留白，字體中包含其他的視覺(jué)元素。其中所包含的可能是色彩，或者是圖案、動(dòng)畫(huà)。但是不論是哪種，都會(huì)盡量讓字體從周圍的留白中脫穎而出。
不要過(guò)度設(shè)計(jì)，方塊堆疊式布局主要是兩種使用方式：黑白字體+彩色背景，或者彩色字體+黑白背景。根據(jù)這項(xiàng)規(guī)則來(lái)進(jìn)行設(shè)計(jì)能讓你少走彎路，更容易實(shí)現(xiàn)效果。
強(qiáng)調(diào)特定的詞匯
許多項(xiàng)目運(yùn)用了類似堆疊式的文本布局，但是在可讀性上做的并不太好。在正確的用法當(dāng)中，最關(guān)鍵的詞應(yīng)該是用最粗的字體大的字號(hào)來(lái)顯示的。
當(dāng)然，說(shuō)起來(lái)簡(jiǎn)單，做起來(lái)也并不是那么容易。你需要仔細(xì)推敲文本的字句和前言后語(yǔ)，句子的長(zhǎng)短和文字的搭配要均衡，并且能同布局聯(lián)動(dòng)起來(lái)，最終效果看起來(lái)應(yīng)該是恰到好處。所以，當(dāng)你做好布局之后應(yīng)當(dāng)仔細(xì)審視一下，最重要的信息是否以最醒目的方式呈現(xiàn)出來(lái)？所有的信息可讀性是否良好？形式和內(nèi)容之間是否有割裂感？
如果有問(wèn)題，那么你需要再仔細(xì)推敲一下。并不是所有的文案和文本都能這么設(shè)計(jì)，有些換個(gè)方式來(lái)展現(xiàn)或許更合適。所以，如果這種排版布局不適合你的內(nèi)容，也不要感到訝異。
為社交媒體服務(wù)
我們對(duì)于方塊堆疊式布局如此之熟悉，很大程度上也是得益于各大社交媒體的傳播，因?yàn)樗軌蚝芎玫赝⒉witter、Instagram 甚至手機(jī)的卡片式界面很好地結(jié)合到一起，無(wú)縫地融為一體。
你會(huì)發(fā)現(xiàn)圖片上配合堆疊式的文本是傳播性極強(qiáng)的一種媒介形式。仔細(xì)看看你的社交媒體帳號(hào)，你會(huì)發(fā)現(xiàn)這種形式比起視頻更加直給，比起長(zhǎng)微博和文章更直觀，無(wú)需復(fù)雜的操作。
它讓用戶以一種更視覺(jué)化的形式來(lái)獲取信息，重點(diǎn)更加突出，讓用戶以足夠漂亮也足夠快速的方式獲得信息。
強(qiáng)化設(shè)計(jì)感
絕大多數(shù)的設(shè)計(jì)現(xiàn)在看起來(lái)都相差不大，所以，為了突出設(shè)計(jì)感，你可以加入一些簡(jiǎn)單、有趣的設(shè)計(jì)元素，來(lái)強(qiáng)化方塊堆疊式布局的用戶瀏覽體驗(yàn)。
·在行間增加細(xì)線，讓用戶可以更加清晰地看清楚布局和內(nèi)容
·在空隙間增加簡(jiǎn)單的形狀或者圖標(biāo)來(lái)填充，讓整體看起來(lái)更加飽滿和一致
·適當(dāng)?shù)卣{(diào)整整體的形狀，你個(gè)并不一定非得讓整個(gè)布局保持好的方形（鉆石型的外觀也沒(méi)問(wèn)題）
·可以通過(guò)適當(dāng)?shù)卣{(diào)整色調(diào)來(lái)強(qiáng)化整個(gè)布局的視覺(jué)效果

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

選擇方塊堆疊式排版的5個(gè)理由
方塊堆疊式排版的流行，很大程度上是因?yàn)樗暮?jiǎn)單和視覺(jué)化。而真正支撐方塊堆疊式排版成為流行趨勢(shì)的，大概就是下面的5個(gè)理由了：
·視覺(jué)上的吸引力。堆疊式的布局通常會(huì)被特定的空間緊密包圍著，它會(huì)成為視覺(jué)的重心，自然而然地吸引用戶注意。
·文字周圍大量的留白會(huì)增強(qiáng)內(nèi)容的可讀性。
·字體的強(qiáng)調(diào)和設(shè)計(jì)上的調(diào)整讓簡(jiǎn)單的文字顯得更富于戲劇性和表現(xiàn)力。
·堆疊式的布局讓文字給人一種形似LOGO的感受，更加醒目。
·堆疊式布局讓你內(nèi)容更加易讀也更有趣
搞定方塊堆疊式排版的5個(gè)設(shè)計(jì)技巧
如果你已經(jīng)深入思考，并且認(rèn)可了這種設(shè)計(jì)趨勢(shì)，那么你可以送下面的5個(gè)技巧著手：
1、使用柵格。柵格系統(tǒng)能幫你更好地控制布局，從字體大小到行間距都更加整齊。
2、控制比例。正確的大小對(duì)比才能起到強(qiáng)調(diào)的作用。
3、做好斷句，斟酌詞句。強(qiáng)調(diào)的部分要精悍而準(zhǔn)確，斷句換行也要正確地傳遞信息。
4、兩個(gè)部分的字體和字重要控制好比例和風(fēng)格。
5、不要糾結(jié)于排版的高度對(duì)稱和對(duì)齊。
結(jié)語(yǔ)

很多時(shí)候設(shè)計(jì)趨勢(shì)并不是太過(guò)于復(fù)雜的東西，一些簡(jiǎn)單易用的趨勢(shì)同樣擁有持久的生命力。方塊堆疊式排版最費(fèi)神的部分還是文案的選取，適當(dāng)?shù)匮b飾之后，借助社交媒體能取得極強(qiáng)的傳播性。

本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽：創(chuàng)新互聯(lián),重慶網(wǎng)站建設(shè),成都網(wǎng)頁(yè)設(shè)計(jì),成都網(wǎng)站設(shè)計(jì)

分享文章：設(shè)計(jì)趨勢(shì)：方格堆疊式排版
網(wǎng)頁(yè)地址：http://www.bm7419.com/news/173141.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、搜索引擎優(yōu)化、網(wǎng)站營(yíng)銷、動(dòng)態(tài)網(wǎng)站、軟件開(kāi)發(fā)、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)