網頁美工設計

網頁設計領域中的開放式布局

編輯：時間：2018-01-29 14:28:34

　　Duotix

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

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

　　PopularPays

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

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

　　Abel

　　和其他的幾個案例一樣，Abel 這個網站借用開放式的布局和分層結構，讓用戶在瀏覽的時候，自然地從一個項目切換到另一個項目上。

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

　　Hampshire Light

　　Hampshire Light 這個網站的美妙之處在于，它運用了開放式布局的網頁來展示開放式布局的家居!

　　不對稱的空間布局之下，鮮艷的色彩、漂亮的圖片和微妙的動效結合在一起，讓整個網站顯得通透自然。

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

　　Walking Men

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

　　Crux

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

　　結語

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

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

<< 上一篇：影響網頁設計的5個關鍵因素

>> 下一篇：網頁設計制作簡化網頁設計的方法

推薦資訊