網(wǎng)站建設(shè)之網(wǎng)站排版技巧（中）
- 作者：新網(wǎng)
- 來(lái)源：新網(wǎng)
- 瀏覽：100
- 2018-02-23 17:52:09
在空間共享式網(wǎng)頁(yè)排版中，橫跨多個(gè)區(qū)塊的元素可以顯而易見(jiàn)，也可以很微妙。Hometown Trolley網(wǎng)站的首頁(yè)就使用了空間共享式網(wǎng)頁(yè)排版。右側(cè)的文本處的線(xiàn)條延長(zhǎng)至左側(cè)的圖片中，將用戶(hù)視覺(jué)引導(dǎo)到圖片上，而左側(cè)汽車(chē)的后視鏡又嵌入到了右側(cè)的文本區(qū)塊中，兩側(cè)元素實(shí)現(xiàn)了空間的共享，這種共享又是微妙、細(xì)致的，讓頁(yè)面顯得尤其協(xié)調(diào)。那么我們建設(shè)網(wǎng)站怎么排版？
在空間共享式網(wǎng)頁(yè)排版中，橫跨多個(gè)區(qū)塊的元素可以顯而易見(jiàn)，也可以很微妙。Hometown Trolley網(wǎng)站的首頁(yè)就使用了空間共享式網(wǎng)頁(yè)排版。右側(cè)的文本處的線(xiàn)條延長(zhǎng)至左側(cè)的圖片中，將用戶(hù)視覺(jué)引導(dǎo)到圖片上，而左側(cè)汽車(chē)的后視鏡又嵌入到了右側(cè)的文本區(qū)塊中，兩側(cè)元素實(shí)現(xiàn)了空間的共享，這種共享又是微妙、細(xì)致的，讓頁(yè)面顯得尤其協(xié)調(diào)。那么我們建設(shè)網(wǎng)站怎么排版?
選用大膽的字體
在空間共享式布局下使用有趣而獨(dú)樹(shù)一幟的文字也是比較不錯(cuò)的選擇?？缭讲煌瑓^(qū)塊大膽?yīng)毺氐淖煮w不僅可以帶來(lái)獨(dú)特的視覺(jué)體驗(yàn)，還能夠創(chuàng)造頁(yè)面重心，同時(shí)也不會(huì)降低自己的焦點(diǎn)位置。
如果你在空間共享式排版中使用大膽、獨(dú)特的字體，記得選擇有趣顯眼的字體，應(yīng)用文本也不能太短。另外，圖片和背景色也要協(xié)調(diào)一致，字體與這兩者要在色彩上形成對(duì)比，這樣字體在整個(gè)頁(yè)面上可讀性才會(huì)比較高?？勺x性是這種設(shè)計(jì)手法中最重要的點(diǎn)，通常情況下，文本部分建議選擇黑色或者白色的字體，雖然許多用戶(hù)覺(jué)得看起來(lái)很簡(jiǎn)單，但是要平衡圖片、背景和文本三個(gè)部分的配色體系，實(shí)際上還是挺麻煩的。
色塊和文本組合
前面我們說(shuō)過(guò)圖片和文字混搭是空間共享式排版中最經(jīng)典的方式之一。不過(guò)如果你的網(wǎng)站主頁(yè)中沒(méi)有圖片，你同樣也可以使用空間共享式設(shè)計(jì)，這時(shí)我們就要請(qǐng)色塊和幾何圖形出山了，色塊或幾何圖形與文字搭配也能呈現(xiàn)非同凡響的視覺(jué)效果。
Startup Lab的網(wǎng)站就將色塊和文本以極其時(shí)尚的方式搭配起來(lái)，創(chuàng)造了好幾個(gè)分層，讓頁(yè)面變得飽滿(mǎn)而充實(shí)。清晰的陰影字體不僅可以突出自身作為主體的地位，還可以與二級(jí)字體形成很好的對(duì)比，合理的色彩搭配也讓整個(gè)網(wǎng)站在視覺(jué)上很舒服，能夠給用戶(hù)提供不一樣的瀏覽體驗(yàn)。
免責(zé)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻(xiàn)自行上傳，本網(wǎng)站不擁有所有權(quán)，也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容，請(qǐng)發(fā)送郵件至：operations@xinnet.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。
商品已成功加入購(gòu)物車(chē)