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

來源:AnyForWeb 作者:UED 學習:16094人次

2.重復(fù)

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

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

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

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

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

重復(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è)計知識_tgudhdp.cn

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

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

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

4.親密性

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

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

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

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

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

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

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!