網頁設計領域中的開放式布局
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ā)團隊的試金石。開放式布局有著強大的生命力,它應該還會流行很長時間。
<< 上一篇:影響網頁設計的5個關鍵因素 | >> 下一篇:網頁設計制作簡化網頁設計的方法 |
- 2018-01-29影響網頁設計的5個關鍵因素
- 2018-01-22網頁設計師如何和客戶理解與溝通
- 2018-01-20網頁設計中的排版原則有哪些
- 2018-01-18網頁設計必須注意的一些常見問題
- 2018-01-02網頁設計中flex布局垂直水平居中
- 2017-12-15網頁設計flex布局瀏覽器兼容解決方案
- 2017-10-27網頁設計為什么在不同電腦顯示不一樣
- 2017-09-01網頁設計博客類的靈感源于借鑒
- 2017-09-01網頁設計師的靈感主要從哪里來
- 2017-08-24ps軟件在各個行業(yè)中的應用領域
- 2017-07-11網頁設計移動端H5前端性能優(yōu)化方案
- 2017-06-26怎么把網頁設計的更有視覺效果
- 2017-06-22網頁設計中的樣式單位px、em、rem區(qū)別
- 2017-05-09網頁設計中圖片有哪些常見的使用技巧
- 2017-05-04鄭州哪里可以學網頁設計培訓班