網(wǎng)站建設(shè)之網(wǎng)站排版技巧(上)
- 作者:新網(wǎng)
- 來源:新網(wǎng)
- 瀏覽:100
- 2018-02-23 17:50:37
什么是空間共享式網(wǎng)頁排版?不少人將空間共享式網(wǎng)頁排版看做是分屏設(shè)計(jì)的一種延伸。不過相比界線分明的分屏式設(shè)計(jì),空間共享式網(wǎng)頁排版的核心在于某個元素同其他元素共享空間,元素可以橫跨多個圖層或區(qū)塊,有時(shí)甚至?xí)霈F(xiàn)元素相互疊加的情況。
什么是空間共享式網(wǎng)頁排版?不少人將空間共享式網(wǎng)頁排版看做是分屏設(shè)計(jì)的一種延伸。不過相比界線分明的分屏式設(shè)計(jì),空間共享式網(wǎng)頁排版的核心在于某個元素同其他元素共享空間,元素可以橫跨多個圖層或區(qū)塊,有時(shí)甚至?xí)霈F(xiàn)元素相互疊加的情況。
這種排版布局方式有兩個好處,一方面,網(wǎng)頁元素是相互區(qū)分(帶有分屏式設(shè)計(jì)的特點(diǎn)),重點(diǎn)信息層次分明,有助于用戶更好的理解
網(wǎng)站重要內(nèi)容。另一方面,網(wǎng)頁的元素又是互相融合的,兩個矩形的卡片式是相互連接的,這使得元素可以更好的被承載,尤其是文本元素(突破了分屏式設(shè)計(jì)的限制)??臻g共享式網(wǎng)頁排版除了可以應(yīng)用在網(wǎng)頁設(shè)計(jì)中,它還能在海報(bào)或明信片設(shè)計(jì)發(fā)揮自己的光和熱。
下面是空間共享式排版的一些應(yīng)用方式:
混搭圖片和文字
在空間共享式排版中,圖片和文字混搭算得上是最經(jīng)典的設(shè)計(jì)方式了。很多設(shè)計(jì)師喜歡在共享式排版中使用垂直定向的圖片(這種圖片一般在網(wǎng)站中不常用,因?yàn)榇蠖鄶?shù)設(shè)備屏幕以橫向?yàn)橹?。在這種排版樣式中,文字的應(yīng)用也相當(dāng)自由,它既可以橫跨橫跨圖片或留白存在,也可以在各個區(qū)域中單獨(dú)使用。圖片和文字的混搭往往可以給用戶留下印象深刻的視覺效果。
The Square Apartments網(wǎng)站就是一個栗子。它在首頁使用了空間共享式排版方式,上方的標(biāo)題橫跨了圖片和文本區(qū)塊,而下方的細(xì)節(jié)文字說明又是單獨(dú)存在的,文字和圖片的屬性都被淋漓盡致的展現(xiàn)出來。圖片和文字混搭的方式還有一個好處,由于文本需要跨越不同的區(qū)域,配色不用保持完全的統(tǒng)一,根據(jù)文字周圍的背景色進(jìn)行調(diào)整,這樣的設(shè)計(jì)簡單而容易上手。這也是空間共享式排版設(shè)計(jì)中最簡單易學(xué)的一種樣式。
免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。