當(dāng)前位置:首頁 >  站長 >  建站經(jīng)驗 >  正文

頁面設(shè)計如何創(chuàng)新?空間共享式排版可讓人耳目一新

 2020-05-09 15:49  來源: A5企業(yè)專欄   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

在網(wǎng)站之間的競爭愈發(fā)激烈的今天,很多站長也許已經(jīng)在思索如何從頁面排版方面入手,來提升自己網(wǎng)站的競爭力,給用戶帶來耳目一新的感覺。今年,有一種空間共享式的網(wǎng)頁排版開始火熱,這種排版模式讓各種元素跨越不同的板塊,就能讓整個網(wǎng)站充滿層次感,也可以個用戶帶來很好的視覺享受。

那么,什么是空間共享式的網(wǎng)頁排版呢?

共享空間其實就可以看做為分屏設(shè)計的一種變種,由老式的界限分明的分屏設(shè)計延伸而來。其特點就在于,讓頁面中的很多核心元素不再被分屏所限制,而是讓其存在于多個空間與其他元素進(jìn)行共享。同時,這里的空間也不再局限于分屏,而是包括多個圖層或區(qū)塊,有時為了達(dá)到更好的視覺效果,還會出現(xiàn)元素互相疊加的設(shè)計。

這種排版有很多好處,如可以使重點信息的層次更加分明,這樣可以幫助用戶更好的理解網(wǎng)站的內(nèi)容;也可以讓網(wǎng)頁間的各個元素得到更好的聯(lián)系,就可以讓這些內(nèi)容更好地被承載,尤其是一些文本元素,使之可以被安排在更為矚目的區(qū)域。下面,我們?yōu)榇蠹伊信e一些常見的空間共享式排版方式:

圖片與文字混搭

在共享空間排版中,混搭文字與圖片是最先出現(xiàn)的,也是被使用次數(shù)最多的一種方式。越來越多的設(shè)計師喜歡在這種排版樣式中使用豎直的圖片——在以往由于電腦屏幕都為橫屏,所以水平的圖片的使用更為廣泛。

這種豎直的圖片可以讓文字的使用變得更加自由,人們不再需要一味的將圖片作為背景或是配圖,而是可以讓文字橫跨過圖片與空白區(qū)域,以此來提升頁面的視覺效果。

當(dāng)然,這種混搭的方式中,文字的使用十分靈活,你既可以讓文字跨越圖片與空白區(qū)域,同時也可以讓文字在任何一個你希望的地方單獨出現(xiàn)。

使用獨特、夸張的字體

傳統(tǒng)的頁面排版中出現(xiàn)的文本,絕大部分以標(biāo)準(zhǔn)字體為主。但是在空間共享式排版中,就可以擺脫這個枷鎖,讓設(shè)計師們盡情的發(fā)揮。

因為獨特的字體明顯會在跨越不同區(qū)域的表達(dá)方式中的表現(xiàn)更加亮眼,這些平常非常少見的字體在空間共享式排版中可以強(qiáng)烈的表現(xiàn)出頁面的重點,同時也不會產(chǎn)生違和的感覺。

但是,如果你選擇了這種字體,需要注意的是一定要選擇一些顯眼的字體,并且文本的長度不能過短。此外,字體的顏色要與背景色相關(guān),取對比色往往是不錯的選擇,因為這樣可以有效的提升文本的可讀性。雖然這種排版模式非常新潮,但是想要協(xié)調(diào)好不同元素以及字體顏色的搭配,還是需要費一些腦筋的。

色塊與文本相結(jié)合

隨著空間共享式排版的不斷更新,色塊與文本相結(jié)合的設(shè)計也越來越多。相比于圖片與文本的結(jié)合,色塊結(jié)合文本會給人一種簡單、干練的感覺。明朗的幾何色塊加上文字,這些看似簡單的元素搭配在一起往往能夠達(dá)到意想不到的效果。如果你苦于找不到合適的圖片,不如就請色塊出山吧。

空間共享式設(shè)計體現(xiàn)出的更多是一種現(xiàn)代化的風(fēng)格,運用得當(dāng)能夠給用戶提供非常棒的視覺享受,并且對比于傳統(tǒng)的頁面設(shè)計,其實空間共享式排版也并不復(fù)雜太多,只要掌握了技巧和一定的設(shè)計理念,就可以設(shè)計出非常好看的頁面了。作者: https://www.haotuiwang.cn/ 平頭哥SEO,原創(chuàng)不易,轉(zhuǎn)載時必須以鏈接形式注明作者和原始出處及本聲明。

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦