最后一個(gè)月，這3個(gè)設(shè)計(jì)趨勢(shì)是網(wǎng)頁設(shè)計(jì)師的最愛

　　在最近這段時(shí)間新涌現(xiàn)的網(wǎng)頁設(shè)計(jì)作品當(dāng)中，高度可讀的、視覺突出的排版設(shè)計(jì)是它們共通的特點(diǎn)。當(dāng)他們想要時(shí)髦的視覺設(shè)計(jì)的時(shí)候，依然會(huì)選擇可讀性較高的字體進(jìn)行排版，而真正創(chuàng)造視覺奇觀的，依然得倚靠最新的設(shè)計(jì)技術(shù)本身。

　　1、只包含文字的首屏

　　雖然很多網(wǎng)站會(huì)在首屏選擇使用圖片來吸引用戶，但是使用文本內(nèi)容同樣也是可行的。不過，想要將文本內(nèi)容作為首屏內(nèi)容的主體，設(shè)計(jì)師還要用好留白才行。運(yùn)用這一趨勢(shì)的關(guān)鍵點(diǎn)在于，要為用戶提供有意義的文本內(nèi)容，要讓用戶覺得有價(jià)值。

　　那么，怎么做到這一點(diǎn)呢?

　　從關(guān)鍵詞入手。關(guān)鍵詞能夠體現(xiàn)內(nèi)容的目標(biāo)性和價(jià)值主張，能夠告訴用戶你能給他什么，以及為什么你的網(wǎng)站內(nèi)容很重要。

　　選擇一款簡(jiǎn)單的字體，它最好和正文文本的情緒、風(fēng)格保持一致。

　　如果文本內(nèi)容較少，那么可以試著選取一些有表現(xiàn)力的字體。

　　用好留白。在下面的每個(gè)案例當(dāng)中，文本周圍都有足夠的留白確保排版的呼吸感。留白能夠確保用戶在瀏覽的時(shí)候，注意力集中到文本內(nèi)容上。留白能夠很好的平衡文本布局，如果你不想將文本居中排布的話，就像Design Ups 這個(gè)網(wǎng)站。

　　使用色彩來提升你的設(shè)計(jì)的吸引力。明亮的色彩能夠更加吸引用戶參與到設(shè)計(jì)當(dāng)中來。色彩還能更好地營(yíng)造氛圍，傳遞情緒。

　　2、用白色區(qū)塊承載文本

　　必須承認(rèn)，如今的許多網(wǎng)站在視覺設(shè)計(jì)上已經(jīng)做的很突出了，包含元素極為豐富，加上豐富的響應(yīng)式斷點(diǎn)和大膽的配色，信息量近乎爆炸。也正是因此，有設(shè)計(jì)師開始在大量的元素當(dāng)中開辟出白底的區(qū)塊，用來承載單純的黑色的文本內(nèi)容。

　　這種設(shè)計(jì)讓文本內(nèi)容有著較強(qiáng)的可讀性，無需擔(dān)心復(fù)雜的背景色和變化。聽起來這種技巧挺偷懶的，甚至有點(diǎn)馬虎，但是它設(shè)計(jì)得當(dāng)?shù)脑?，效果其?shí)是非常出彩的。

　　白色的區(qū)塊在尺寸上要設(shè)計(jì)得足夠合理，以承載一定量的文本，如果頁面還要考慮移動(dòng)端的情況的話，這個(gè)區(qū)塊可能需要針對(duì)移動(dòng)端進(jìn)行合理的定制，比如在移動(dòng)端設(shè)備上打開的時(shí)候，文本框內(nèi)的內(nèi)容將會(huì)在圖片下方的區(qū)域單獨(dú)顯示，而非和桌面端上那樣混排。不要試圖在移動(dòng)端屏幕上呈現(xiàn)這樣的文本框，因?yàn)樽罱K很難讓圖片和文本框疊加顯示在同一個(gè)區(qū)域。

　　3、字體剪貼蒙板

　　文本字體中可以填充各種各樣的東西，并沒有規(guī)定字體中只能填充單一色彩。許多設(shè)計(jì)師開始在文本字體中填充圖片，營(yíng)造出類似Photoshop 中剪貼蒙板的效果。

　　這種效果的玩法其實(shí)并不少，它可以是靜態(tài)的也能動(dòng)態(tài)展示。少量的視覺信息透過字母輪廓呈現(xiàn)出來，這些視覺信息可以圖片，也能是動(dòng)態(tài)的視頻，還可以是在背景固定不動(dòng)，隨著滾動(dòng)前景的文字上下移動(dòng)，等等等等。

　　這種設(shè)計(jì)的訣竅在于字體的選取。所選取的字體必須足夠厚重，才能讓其后的圖片信息更多地呈現(xiàn)出來。筆觸太細(xì)或者太窄的字體，所能提供的信息不足，往往顯得局促而奇怪。

　　這種設(shè)計(jì)手法還要注意一點(diǎn)，就是單詞和字母的數(shù)量要盡可能少，這種情況下，視覺效果其實(shí)是最好的。字母數(shù)盡量控制在10個(gè)以內(nèi)，單詞數(shù)不要超過3個(gè)，如果是中文實(shí)際效果會(huì)非常贊。