> 返回
2019-08-01   網站佈局太單調?幾招設計技巧立即令畫面充滿層次感(上)

一個網站好與壞,當然是看用戶是否願意逗留瀏覽,要達到這要求,資訊內容當然是種要的,但如果在設計上不能做到合理美觀的佈局的話,怎能讓用戶留下欣賞呢?所以如果網頁佈局凌亂單調,就不能為用戶留下好印象了。不過不少的技巧都能輕易令網站佈局充滿層次感。

1. 打破邊界的視覺元素

網頁設計技巧:如何對網站佈局做到不單調且有層次

將圖片褪地,產生打破相片本身的邊界感覺,令畫面變得豐富,加上一些有導航性的 menu bar 令整個佈局充滿現代感。

2. 強調視覺素材的細節

網頁設計技巧:如何對網站佈局做到不單調且有層次

透過強調視覺素材如相片的細節,更容易引起用戶的注意力,相片更可與為網站的內容作補充,賦予更多的信息量。 

3. 使用相片與字體組合

網頁設計技巧:如何對網站佈局做到不單調且有層次

用簡單的左右式佈局,一邊相片一邊文字,令畫面互相補充響應。文字方面可使用對比較大的字體進行搭配,適當的留白更可增加豐富的層次感。

4. 不規則邊緣營造質感

網頁設計技巧:如何對網站佈局做到不單調且有層次

同樣是左右式佈局,都是使用相片與字體組合,但不同的是可以用不規則的邊緣來打破整齊單調的設計,如果圖片是關於海洋,不妨令邊緣變成水的感覺,增加自然的質感。

5. 將相片作網站的主體和引導

網頁設計技巧:如何對網站佈局做到不單調且有層次

非常靠相片本身的質素,用相片作網站的主體,設計因而決定。標題的層次都可與相片作互動,做出前後景的感覺,內容和導航都可圍繞整個頁面佈局而產生,做出和諧和豐富的網站設計。