一、靠前、無邊框設計。無邊框設計在近幾年比較流行,在設計頁面的時候,將頁面中的風格線、邊框刪掉,用間距來代替的一種設計方法。無邊框設計一般是以大圖為主,圖片本來就是一種分割元素。而內容基本是有規律的,留白間距之間的內容要一致、重復、緊密,這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般小眾垂直的產品更適合使用無邊框設計。
二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式,提升了版面的使用率,可以給
網站制作增加趣味性。那么卡片設計有哪些優點呢?
1、可以增加頁面的使用率。卡片就好像是一個容器,將類型不一樣的內容設置在不一樣的卡片中,這樣就可以很好地區分內容,還能夠統一頁面的風格。比如傳統列表,內容一般是縱向滾動的方式,能夠展示的內容有限,卡片式的設計采用的滑動方式,就可以解決空間問題。
2、區分卡片上的內容。卡片就好像是一個容器,將不同的內容放置在不同的卡片,區分內容的類型。卡片的維度是不一樣的,而且相對獨立、有互相有聯系,所以通過卡片歸納網站的內容,整個網站就顯得有秩序。
3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣,可以覆蓋、滑動、堆疊,有良好的擴展性和可操作性。
三、分割線的設計。這也是常見的一種頁面布局設計方式,可以幫助用戶熟悉頁面的布局,有良好的內容組織性。分割線可以貫穿整個頁面,將不同的內容進行分割,成為單獨的信息。
網站制作中的頁面布局,有不同的設計方式,而且設計的趨勢不斷在變化,在設計頁面布局之前,就要考慮好合適的樣式,不能一味地追求潮流,根據產品的實際需求,選擇合適的設計方式。而分割線的設計,想要做好,就要處理好線的間距、粗細、顏色等等。