如果你曾仔細(xì)觀察過時(shí)下設(shè)計(jì)優(yōu)秀的網(wǎng)站,你會(huì)發(fā)現(xiàn)堆疊式排版已經(jīng)出現(xiàn)的非常頻繁了,其中尤其突出的是方塊堆疊式排版。毫無疑問,這種悄然流行的設(shè)計(jì)手法是一種值得關(guān)注的設(shè)計(jì)趨勢(shì)。
仔細(xì)觀察,你會(huì)發(fā)現(xiàn)這種方塊堆疊式排版有著令人無法拒絕的美感,它以一種整齊的方式將文字內(nèi)容排列到一起,營造出一種整飭的設(shè)計(jì)感,抓住用戶的注意力。今天的文章,我們一同來借助各個(gè)網(wǎng)站的設(shè)計(jì)案例來探索這種設(shè)計(jì)趨勢(shì),總結(jié)技巧。
方塊堆疊式排版最常使用的場合就是圖片和視頻。在網(wǎng)站和APP當(dāng)中,你會(huì)發(fā)現(xiàn)圖片和視頻中常常能看到這樣的排版,當(dāng)然,在平面設(shè)計(jì)中這種排版也并不鮮見。
為了充分發(fā)揮這種排版的優(yōu)勢(shì),你需要特別注意文本的排布位置。文本應(yīng)當(dāng)是作為輔助,不能夠蓋住圖片或者視頻的關(guān)鍵部位,并且傳遞明確的信息。
文本所用的色彩也是重中之重。前景的文本和背景的圖片/視頻應(yīng)該有足夠的對(duì)比度,清晰可辨。這也是為什么許多設(shè)計(jì)師會(huì)讓前景的文字使用黑色或者白色,它們更容易在不同的背景中確??勺x性。
當(dāng)然,方塊堆疊式排版并不是一直處于整體視覺的輔助地位,有時(shí)候它還會(huì)成為視覺設(shè)計(jì)的主體。
將方塊堆疊式排版用作主要的視覺元素的時(shí)候,需要滿足兩個(gè)條件:大量的留白,字體中包含其他的視覺元素。其中所包含的可能是色彩,或者是圖案、動(dòng)畫。但是不論是哪種,都會(huì)盡量讓字體從周圍的留白中脫穎而出。
不要過度設(shè)計(jì),方塊堆疊式布局主要是兩種使用方式:黑白字體+彩色背景,或者彩色字體+黑白背景。根據(jù)這項(xiàng)規(guī)則來進(jìn)行設(shè)計(jì)能讓你少走彎路,更容易實(shí)現(xiàn)效果。
許多項(xiàng)目運(yùn)用了類似堆疊式的文本布局,但是在可讀性上做的并不太好。在正確的用法當(dāng)中,最關(guān)鍵的詞應(yīng)該是用最粗的字體最大的字號(hào)來顯示的。
當(dāng)然,說起來簡單,做起來也并不是那么容易。你需要仔細(xì)推敲文本的字句和前言后語,句子的長短和文字的搭配要均衡,并且能同布局聯(lián)動(dòng)起來,最終效果看起來應(yīng)該是恰到好處。所以,當(dāng)你做好布局之后應(yīng)當(dāng)仔細(xì)審視一下,最重要的信息是否以最醒目的方式呈現(xiàn)出來?所有的信息可讀性是否良好?形式和內(nèi)容之間是否有割裂感?
如果有問題,那么你需要再仔細(xì)推敲一下。并不是所有的文案和文本都能這么設(shè)計(jì),有些換個(gè)方式來展現(xiàn)或許更合適。所以,如果這種排版布局不適合你的內(nèi)容,也不要感到訝異。
我們對(duì)于方塊堆疊式布局如此之熟悉,很大程度上也是得益于各大社交媒體的傳播,因?yàn)樗軌蚝芎玫赝⒉witter、Instagram 甚至手機(jī)的卡片式界面很好地結(jié)合到一起,無縫地融為一體。
你會(huì)發(fā)現(xiàn)圖片上配合堆疊式的文本是傳播性極強(qiáng)的一種媒介形式。仔細(xì)看看你的社交媒體帳號(hào),你會(huì)發(fā)現(xiàn)這種形式比起視頻更加直給,比起長微博和文章更直觀,無需復(fù)雜的操作。
它讓用戶以一種更視覺化的形式來獲取信息,重點(diǎn)更加突出,讓用戶以足夠漂亮也足夠快速的方式獲得信息。
絕大多數(shù)的設(shè)計(jì)現(xiàn)在看起來都相差不大,所以,為了突出設(shè)計(jì)感,你可以加入一些簡單、有趣的設(shè)計(jì)元素,來強(qiáng)化方塊堆疊式布局的用戶瀏覽體驗(yàn)。
方塊堆疊式排版的流行,很大程度上是因?yàn)樗暮唵魏鸵曈X化。而真正支撐方塊堆疊式排版成為流行趨勢(shì)的,大概就是下面的5個(gè)理由了:
如果你已經(jīng)深入思考,并且認(rèn)可了這種設(shè)計(jì)趨勢(shì),那么你可以送下面的5個(gè)技巧著手:
很多時(shí)候設(shè)計(jì)趨勢(shì)并不是太過于復(fù)雜的東西,一些簡單易用的趨勢(shì)同樣擁有持久的生命力。方塊堆疊式排版最費(fèi)神的部分還是文案的選取,適當(dāng)?shù)匮b飾之后,借助社交媒體能取得極強(qiáng)的傳播性。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)