排版知識,網(wǎng)站主題部分文字的排版設(shè)計知識

2022-12-26 18:33:55 來源/作者: / 己有:38人學(xué)習(xí)過

2.重復(fù)

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

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

排版知識,網(wǎng)站主題部分文字的排版設(shè)計知識

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

排版知識,網(wǎng)站主題部分文字的排版設(shè)計知識

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

3.對齊

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

對齊的案例就非常多了,我們隨意列舉兩個。

曼秀雷敦網(wǎng)站的左對齊:

排版知識,網(wǎng)站主題部分文字的排版設(shè)計知識

Darry Ring網(wǎng)站的居中對齊:

排版知識,網(wǎng)站主題部分文字的排版設(shè)計知識

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

4.親密性

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

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

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

排版知識,網(wǎng)站主題部分文字的排版設(shè)計知識

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

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

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