網(wǎng)站建設之網(wǎng)站排版技巧(中)
- 作者:新網(wǎng)
- 來源:新網(wǎng)
- 瀏覽:100
- 2018-02-23 17:52:09
在空間共享式網(wǎng)頁排版中,橫跨多個區(qū)塊的元素可以顯而易見,也可以很微妙。Hometown Trolley網(wǎng)站的首頁就使用了空間共享式網(wǎng)頁排版。右側的文本處的線條延長至左側的圖片中,將用戶視覺引導到圖片上,而左側汽車的后視鏡又嵌入到了右側的文本區(qū)塊中,兩側元素實現(xiàn)了空間的共享,這種共享又是微妙、細致的,讓頁面顯得尤其協(xié)調(diào)。那么我們建設網(wǎng)站怎么排版?
在空間共享式網(wǎng)頁排版中,橫跨多個區(qū)塊的元素可以顯而易見,也可以很微妙。Hometown Trolley網(wǎng)站的首頁就使用了空間共享式網(wǎng)頁排版。右側的文本處的線條延長至左側的圖片中,將用戶視覺引導到圖片上,而左側汽車的后視鏡又嵌入到了右側的文本區(qū)塊中,兩側元素實現(xiàn)了空間的共享,這種共享又是微妙、細致的,讓頁面顯得尤其協(xié)調(diào)。那么我們建設網(wǎng)站怎么排版?
選用大膽的字體
在空間共享式布局下使用有趣而獨樹一幟的文字也是比較不錯的選擇??缭讲煌瑓^(qū)塊大膽獨特的字體不僅可以帶來獨特的視覺體驗,還能夠創(chuàng)造頁面重心,同時也不會降低自己的焦點位置。
如果你在空間共享式排版中使用大膽、獨特的字體,記得選擇有趣顯眼的字體,應用文本也不能太短。另外,圖片和背景色也要協(xié)調(diào)一致,字體與這兩者要在色彩上形成對比,這樣字體在整個頁面上可讀性才會比較高??勺x性是這種設計手法中最重要的點,通常情況下,文本部分建議選擇黑色或者白色的字體,雖然許多用戶覺得看起來很簡單,但是要平衡圖片、背景和文本三個部分的配色體系,實際上還是挺麻煩的。
色塊和文本組合
前面我們說過圖片和文字混搭是空間共享式排版中最經(jīng)典的方式之一。不過如果你的網(wǎng)站主頁中沒有圖片,你同樣也可以使用空間共享式設計,這時我們就要請色塊和幾何圖形出山了,色塊或幾何圖形與文字搭配也能呈現(xiàn)非同凡響的視覺效果。
Startup Lab的網(wǎng)站就將色塊和文本以極其時尚的方式搭配起來,創(chuàng)造了好幾個分層,讓頁面變得飽滿而充實。清晰的陰影字體不僅可以突出自身作為主體的地位,還可以與二級字體形成很好的對比,合理的色彩搭配也讓整個網(wǎng)站在視覺上很舒服,能夠給用戶提供不一樣的瀏覽體驗。
免責聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳,本網(wǎng)站不擁有所有權,也不承認相關法律責任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)送郵件至:operations@xinnet.com進行舉報,并提供相關證據(jù),一經(jīng)查實,本站將立刻刪除涉嫌侵權內(nèi)容。