排版知識(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)注明出處。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 文字排版
- 排版設(shè)計(jì)
- ps基礎(chǔ)教程
- 排版知識(shí)
- 網(wǎng)頁(yè)排版
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- PPT好文,設(shè)計(jì)PPT圖表的工具選擇問題討論
- 新手教程,如何排版
- UI知識(shí),UI需要什么樣的美術(shù)能力?
- 攝影后期培訓(xùn)“老師”用“假色環(huán)” 黃 藍(lán)不是互補(bǔ)色
- 設(shè)計(jì)秘籍!簡(jiǎn)述APP設(shè)計(jì),讀完轉(zhuǎn)行做UI
- 排版知識(shí),排版設(shè)計(jì)實(shí)例分析修改
- 知識(shí)分享,AI和PS的區(qū)別
- 設(shè)計(jì)知識(shí),學(xué)修圖要不要學(xué)習(xí)骷髏頭結(jié)構(gòu)
- 說一說日常生活中的那些設(shè)計(jì)哲學(xué)
- 繪畫技巧,漫畫怎么畫之人物肩膀繪畫技巧