99插插插,亚洲伦理中文在线,站长推荐一二三区欧美,青青草在线导航

網(wǎng)站建設(shè)之網(wǎng)站排版技巧（上）

• 作者：新網(wǎng)
• 來源：新網(wǎng)
• 瀏覽：100
• 2018-02-23 17:50:37

什么是空間共享式網(wǎng)頁排版?不少人將空間共享式網(wǎng)頁排版看做是分屏設(shè)計的一種延伸。不過相比界線分明的分屏式設(shè)計，空間共享式網(wǎng)頁排版的核心在于某個元素同其他元素共享空間，元素可以橫跨多個圖層或區(qū)塊，有時甚至?xí)霈F(xiàn)元素相互疊加的情況。

 什么是空間共享式網(wǎng)頁排版?不少人將空間共享式網(wǎng)頁排版看做是分屏設(shè)計的一種延伸。不過相比界線分明的分屏式設(shè)計，空間共享式網(wǎng)頁排版的核心在于某個元素同其他元素共享空間，元素可以橫跨多個圖層或區(qū)塊，有時甚至?xí)霈F(xiàn)元素相互疊加的情況。

這種排版布局方式有兩個好處，一方面，網(wǎng)頁元素是相互區(qū)分(帶有分屏式設(shè)計的特點)，重點信息層次分明，有助于用戶更好的理解網(wǎng)站重要內(nèi)容。另一方面，網(wǎng)頁的元素又是互相融合的，兩個矩形的卡片式是相互連接的，這使得元素可以更好的被承載，尤其是文本元素(突破了分屏式設(shè)計的限制)?？臻g共享式網(wǎng)頁排版除了可以應(yīng)用在網(wǎng)頁設(shè)計中，它還能在海報或明信片設(shè)計發(fā)揮自己的光和熱。

 

下面是空間共享式排版的一些應(yīng)用方式：

 

混搭圖片和文字

 

在空間共享式排版中，圖片和文字混搭算得上是最經(jīng)典的設(shè)計方式了。很多設(shè)計師喜歡在共享式排版中使用垂直定向的圖片(這種圖片一般在網(wǎng)站中不常用，因為大多數(shù)設(shè)備屏幕以橫向為主)。在這種排版樣式中，文字的應(yīng)用也相當(dāng)自由，它既可以橫跨橫跨圖片或留白存在，也可以在各個區(qū)域中單獨使用。圖片和文字的混搭往往可以給用戶留下印象深刻的視覺效果。

 

The Square Apartments網(wǎng)站就是一個栗子。它在首頁使用了空間共享式排版方式，上方的標(biāo)題橫跨了圖片和文本區(qū)塊，而下方的細節(jié)文字說明又是單獨存在的，文字和圖片的屬性都被淋漓盡致的展現(xiàn)出來。圖片和文字混搭的方式還有一個好處，由于文本需要跨越不同的區(qū)域，配色不用保持完全的統(tǒng)一，根據(jù)文字周圍的背景色進行調(diào)整，這樣的設(shè)計簡單而容易上手。這也是空間共享式排版設(shè)計中最簡單易學(xué)的一種樣式。

 

以上就是網(wǎng)站建設(shè)中網(wǎng)站的排版技巧。