日韩在线首页I俄罗斯pornI男女猛烈激情XX00高潮动态I超碰免费97I乱人伦99久久I欧美日韩成人一区I最新日韩视频在线观看I粉嫩AV四季AV绯色AVI五月导航

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

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

什么是空間共享式網頁排版?不少人將空間共享式網頁排版看做是分屏設計的一種延伸。不過相比界線分明的分屏式設計，空間共享式網頁排版的核心在于某個元素同其他元素共享空間，元素可以橫跨多個圖層或區塊，有時甚至會出現元素相互疊加的情況。

 什么是空間共享式網頁排版?不少人將空間共享式網頁排版看做是分屏設計的一種延伸。不過相比界線分明的分屏式設計，空間共享式網頁排版的核心在于某個元素同其他元素共享空間，元素可以橫跨多個圖層或區塊，有時甚至會出現元素相互疊加的情況。

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

 

下面是空間共享式排版的一些應用方式：

 

混搭圖片和文字

 

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

 

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

 

以上就是網站建設中網站的排版技巧。