網(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é)的一種樣式。
免責(zé)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳，本網(wǎng)站不擁有所有權(quán)，也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容，請發(fā)送郵件至：operations@xinnet.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。
商品已成功加入購物車