網(wǎng)頁美工設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)領(lǐng)域中的開放式布局

編輯：時(shí)間：2018-01-29 14:28:34

　　Duotix

　　涉及到開放式布局的時(shí)候，充分利用留白是一個(gè)怎么都繞不過的話題。留白最能告訴用戶一個(gè)視覺元素的范疇，內(nèi)容從哪里開始，在哪里結(jié)束。

　　Duotix 在整個(gè)設(shè)計(jì)中使用留白來區(qū)分不同的內(nèi)容塊，并且每個(gè)內(nèi)容塊中都有各自的行為召喚按鈕。此外，在滾動(dòng)過程中，白色和彩色的背景不斷變化，刺激用戶不斷滾動(dòng)。

　　PopularPays

　　通過視差滾動(dòng)和簡單的動(dòng)效，PopularPays 這個(gè)網(wǎng)站讓用戶主動(dòng)地向下滾動(dòng)，其中的圖片內(nèi)容按照主題劃分為不同的區(qū)塊，結(jié)合出色的視覺設(shè)計(jì)，顯得非常有吸引力。

　　這個(gè)網(wǎng)站的設(shè)計(jì)表明不同的趨勢可以協(xié)同工作，創(chuàng)造出風(fēng)格現(xiàn)代并且形式感十足的設(shè)計(jì)，通過合理的搭配，它們并不會給用戶造成壓力。

　　Abel

　　和其他的幾個(gè)案例一樣，Abel 這個(gè)網(wǎng)站借用開放式的布局和分層結(jié)構(gòu)，讓用戶在瀏覽的時(shí)候，自然地從一個(gè)項(xiàng)目切換到另一個(gè)項(xiàng)目上。

　　開放式的布局讓視覺元素在空間中相對自由地移動(dòng)，看似雜亂的運(yùn)動(dòng)卻有著整體感十足的體驗(yàn)，這恐怕只有開放式布局能夠做到。

　　Hampshire Light

　　Hampshire Light 這個(gè)網(wǎng)站的美妙之處在于，它運(yùn)用了開放式布局的網(wǎng)頁來展示開放式布局的家居!

　　不對稱的空間布局之下，鮮艷的色彩、漂亮的圖片和微妙的動(dòng)效結(jié)合在一起，讓整個(gè)網(wǎng)站顯得通透自然。

　　能讓這種通透感覺顯得足夠明顯的另外一個(gè)因素應(yīng)該是標(biāo)題字體和正文字體的選取，粗細(xì)大小對比都無比明顯的兩種字體組合到一起，其中行距也控制得足夠“透氣”，讓整個(gè)設(shè)計(jì)從里到外都保持了一致。

　　Walking Men

　　微妙的動(dòng)畫和柔和的色彩，在有著充分留白的空間布局之下，呈現(xiàn)出一種簡單的美感。這個(gè)網(wǎng)站中每一個(gè)頁面都包含著不同的主題，開放式布局之下讓網(wǎng)站寬容地接納著各種不同樣式的內(nèi)容，這也正是這個(gè)網(wǎng)站突出的地方。

　　Crux

　　Crux 更是開放式布局的網(wǎng)站典型。首頁上各種元素圍繞著中心平鋪在頁面的周圍，隨著滾動(dòng)整個(gè)布局被重置，網(wǎng)站導(dǎo)航被至于底部，如同視頻剪輯工具中的進(jìn)度條一樣為用戶說明所處的位置。想要讓網(wǎng)站有趣隨性到這個(gè)程度，恐怕只有開放式布局才行。

　　結(jié)語

　　作為一種設(shè)計(jì)趨勢，開放式布局已經(jīng)流行了一陣子了。相比于傳統(tǒng)的網(wǎng)頁布局，開放式布局帶來了更多的可能性，它不僅僅是流行趨勢的游樂場，更是需要設(shè)計(jì)師和前端通力協(xié)作才能創(chuàng)造出足夠突出的設(shè)計(jì)，可以說開放式布局的網(wǎng)站是整個(gè)設(shè)計(jì)和開發(fā)團(tuán)隊(duì)的試金石。開放式布局有著強(qiáng)大的生命力，它應(yīng)該還會流行很長時(shí)間。

2/3 首頁上一頁 1 2 3 下一頁尾頁

<< 上一篇：影響網(wǎng)頁設(shè)計(jì)的5個(gè)關(guān)鍵因素

>> 下一篇：網(wǎng)頁設(shè)計(jì)制作簡化網(wǎng)頁設(shè)計(jì)的方法

推薦資訊