排版知識(shí)，網(wǎng)站主題部分文字的排版設(shè)計(jì)知識(shí)(3)

2.重復(fù)

設(shè)計(jì)中的元素可以在整個(gè)網(wǎng)頁(yè)設(shè)計(jì)中重復(fù)出現(xiàn)，對(duì)文字來說，可能字體、字號(hào)、樣式的重復(fù)，也可能是同一種類型的圖案裝飾、文字與圖片整體布局方式等。重復(fù)給用戶一種有組織、一致性的體驗(yàn)，可以創(chuàng)造連貫性，顯得更專業(yè)。

比如HeyJuice網(wǎng)站在產(chǎn)品準(zhǔn)則部分采用了統(tǒng)一的“圖片+標(biāo)題+正文”形式。內(nèi)容不同，而布局方式統(tǒng)一，圖片風(fēng)格一致。用戶一眼看過去，就能知道這是屬于同一個(gè)版塊的內(nèi)容，這樣的重復(fù)很容易有一種連貫、平衡美感。

比如土巴兔裝修網(wǎng)的流程，標(biāo)題文字在圖片同樣的位置、采用同樣形式，既與圖片背景顏色形成對(duì)比，又是文字樣式的重復(fù)。

重復(fù)原則在網(wǎng)頁(yè)設(shè)計(jì)上應(yīng)用非常廣泛，單一的重復(fù)可能會(huì)顯得單調(diào)，設(shè)計(jì)師卻可以根據(jù)不同網(wǎng)站的需求靈活使用，比如有變化的重復(fù)能增加創(chuàng)新，給網(wǎng)頁(yè)設(shè)計(jì)增加活力。

3.對(duì)齊

在網(wǎng)頁(yè)設(shè)計(jì)中，元素在頁(yè)面上不能隨意擺放，每一項(xiàng)都應(yīng)與頁(yè)面內(nèi)容存在某種聯(lián)系。對(duì)齊可對(duì)齊是網(wǎng)頁(yè)設(shè)計(jì)必不可少的部分，它可以幫助設(shè)計(jì)師做出吸引人的設(shè)計(jì)，是優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)的潛在要求。

對(duì)齊的案例就非常多了，我們隨意列舉兩個(gè)。

曼秀雷敦網(wǎng)站的左對(duì)齊：

Darry Ring網(wǎng)站的居中對(duì)齊：

左對(duì)齊和右對(duì)齊是文本看起來更清晰、效果分明；居中對(duì)齊顯得更莊重、正式、穩(wěn)重。

4.親密性

位置的接近意味著存在關(guān)聯(lián)，親密性是指將相關(guān)項(xiàng)組織在一起讓它們從整體看看起來和諧統(tǒng)一。

親密性可以從兩點(diǎn)入手：適當(dāng)留白、以視覺重點(diǎn)突出層次感。

比如以下案例中圖文搭配，這是多個(gè)元素在一起的組合排版。

人眼首先被Banner圖和里面文字吸引，然后再向下移動(dòng)到文字描述及鏈接文字，這些元素的親密性與對(duì)比形成一種平衡。

以上就是本次分享的內(nèi)容啦。如前文所言，排版的好壞考驗(yàn)一個(gè)設(shè)計(jì)師的基本功底，平時(shí)的功夫可是必不可少的喲，我們期待大家設(shè)計(jì)的精彩排版！

本文最初由AnyForWeb UED發(fā)布，轉(zhuǎn)載請(qǐng)注明出處。