空間共享式這種網(wǎng)站設(shè)計(jì)手法讓頁(yè)面中常常被用戶忽略的元素和其他的元素有了更多的交集,讓頁(yè)面內(nèi)的元素“互動(dòng)”了起來(lái)。排版設(shè)計(jì)和圖片的處理相對(duì)而言更加現(xiàn)代化,相比傳統(tǒng)的設(shè)計(jì)手法而言,其實(shí)并沒(méi)有復(fù)雜多少。今天我們繼續(xù)來(lái)了解空間共享式里其他的網(wǎng)站設(shè)計(jì)趨勢(shì)。
一、簡(jiǎn)約的網(wǎng)站設(shè)計(jì)風(fēng)格
簡(jiǎn)約的設(shè)計(jì)可以成功的規(guī)避了復(fù)雜設(shè)計(jì)所面臨的各種問(wèn)題,高效直接的排版設(shè)計(jì)更容易發(fā)揮設(shè)計(jì)的作用。如果你不知道從何入手,可以嘗試使用最簡(jiǎn)單的極簡(jiǎn)布局框架,絕大多數(shù)的情況下,簡(jiǎn)約的設(shè)計(jì)是非常有效的,一個(gè)簡(jiǎn)單的空間共享式的排版就能夠讓用戶立刻注意到,并且發(fā)揮完美的效果。
二、網(wǎng)站設(shè)計(jì)大膽的字體選取
如果你想沿著這個(gè)思路來(lái)設(shè)計(jì),最好的做法是讓標(biāo)題盡量長(zhǎng)一點(diǎn),選取足夠亮眼的字體和字體色彩有足夠?qū)Ρ榷鹊膱D片和文本背景色,確保文本的良好可讀性。有趣而又獨(dú)樹(shù)一幟的字體,在跨越不同模塊的空間共享式布局下,能帶來(lái)獨(dú)特的視覺(jué)體驗(yàn)。這樣的字體通常本身就可以很好地發(fā)揮強(qiáng)調(diào)的作用,即使橫跨多個(gè)不同的區(qū)域,也不會(huì)降低其作為焦點(diǎn)的地位。
三、色塊和文本的搭配式設(shè)計(jì)
圖片和文本的搭配是許多設(shè)計(jì)師的選搭配方案,但是如果沒(méi)有圖片也同樣可以實(shí)現(xiàn)空間共享式的排版設(shè)計(jì),使用色塊、幾何圖形和文本,是一樣的道理。
上圖 Startup Lab 的網(wǎng)站就將色塊和文本以極其時(shí)尚的方式搭配起來(lái),文字橫跨白色的背景和不同的色塊,合理的色彩對(duì)比讓整個(gè)視覺(jué)顯得微妙又舒服。
四、網(wǎng)站設(shè)計(jì)可添加動(dòng)效作為提示
使用空間共享式的排版,并不以為著你不能使用其他的設(shè)計(jì)手法,在頁(yè)面元素較多的時(shí)候,微妙的動(dòng)效能夠更好的創(chuàng)建視覺(jué)焦點(diǎn)。比如動(dòng)效就可以與之很好的結(jié)合起來(lái)。使用動(dòng)效、視差等特效能夠便于用戶理解你的設(shè)計(jì),鼓勵(lì)用戶與頁(yè)面交互。