網站建設之網站排版技巧（中）

• 作者：新網
• 來源：新網
• 瀏覽：100
• 2018-02-23 17:52:09

在空間共享式網頁排版中，橫跨多個區塊的元素可以顯而易見，也可以很微妙。Hometown Trolley網站的首頁就使用了空間共享式網頁排版。右側的文本處的線條延長至左側的圖片中，將用戶視覺引導到圖片上，而左側汽車的后視鏡又嵌入到了右側的文本區塊中，兩側元素實現了空間的共享，這種共享又是微妙、細致的，讓頁面顯得尤其協調。那么我們建設網站怎么排版？

 在空間共享式網頁排版中，橫跨多個區塊的元素可以顯而易見，也可以很微妙。Hometown Trolley網站的首頁就使用了空間共享式網頁排版。右側的文本處的線條延長至左側的圖片中，將用戶視覺引導到圖片上，而左側汽車的后視鏡又嵌入到了右側的文本區塊中，兩側元素實現了空間的共享，這種共享又是微妙、細致的，讓頁面顯得尤其協調。那么我們建設網站怎么排版?

選用大膽的字體

 

在空間共享式布局下使用有趣而獨樹一幟的文字也是比較不錯的選擇。跨越不同區塊大膽獨特的字體不僅可以帶來獨特的視覺體驗，還能夠創造頁面重心，同時也不會降低自己的焦點位置。

 

如果你在空間共享式排版中使用大膽、獨特的字體，記得選擇有趣顯眼的字體，應用文本也不能太短。另外，圖片和背景色也要協調一致，字體與這兩者要在色彩上形成對比，這樣字體在整個頁面上可讀性才會比較高?？勺x性是這種設計手法中最重要的點，通常情況下，文本部分建議選擇黑色或者白色的字體，雖然許多用戶覺得看起來很簡單，但是要平衡圖片、背景和文本三個部分的配色體系，實際上還是挺麻煩的。

 

色塊和文本組合

 

前面我們說過圖片和文字混搭是空間共享式排版中最經典的方式之一。不過如果你的網站主頁中沒有圖片，你同樣也可以使用空間共享式設計，這時我們就要請色塊和幾何圖形出山了，色塊或幾何圖形與文字搭配也能呈現非同凡響的視覺效果。

 

Startup Lab的網站就將色塊和文本以極其時尚的方式搭配起來，創造了好幾個分層，讓頁面變得飽滿而充實。清晰的陰影字體不僅可以突出自身作為主體的地位，還可以與二級字體形成很好的對比，合理的色彩搭配也讓整個網站在視覺上很舒服，能夠給用戶提供不一樣的瀏覽體驗。

 

以上就是網站建設之網站排版技巧，希望對大家有幫助。