用靈魂感悟設計 · 用設計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    網頁設計    ⁄ 資訊內容

網站布局排版應該如何設計?

作者:admin      來源:互聯網      發(fā)布時間: 2021/5/10 15:27:24     瀏覽:
隨著網站建設門檻的降低,很多新手都想要制作自己的網站,但是對于設計布局排版的需求,就需要了解一些網站布局的技巧。

  1、卡片式布局

  卡片式布局被Pinterest、臉書和推特等網站所使用,它非常適合在新聞網站和博客上使用,因為卡片式布局可以在頁面上放置大量內容,同時又保持每部分內容各不相同。

  卡片式布局主要有兩種形式:

  網頁中每個卡片的尺寸相同,卡片的排列非常標準,例如dribbble、UI中國的網頁布局;

  使用不同尺寸的卡片組成頁面的布局,卡片間沒有固定的排序,例如Pinterest、花瓣的頁面布局。

  2、全寬網頁布局

  在全寬網頁布局模板中,背景延伸到屏幕的整個寬度。你的網站看起來沒有邊界,這是現代網頁設計中流行的布局類型,因為它很適合移動響應式網站。如果你有很多圖片、視頻等內容,那么全寬是一個很好的選擇。

  3、分屏布局

  當兩個元素在頁面上具有相等的權重時,分屏布局是一種流行的設計選擇,并且通常用于文本和圖像都需要突出顯示的設計中。

  分屏設計特別適合電子商務網站上的產品頁面。產品圖片需要在頁面上突出顯示,但價格、規(guī)格、購物車按鈕等信息也要顯示。

  4、幻燈片頭網頁布局

  很多網站都會有一張靜態(tài)的頭圖banner,你可以選擇在圖片上添加標題、副標題或其他說明文案,來吸引訪客。一般來說圖片banner可以是一張大的海報,也可以是動態(tài)輪播圖。或者你也可以用一張gif動圖來展示自己,這樣能夠讓網站顯得更加活潑,展示更多信息。

  5、大標題排版

  隨著移動性設計的興起,大字體的排版設計得到了普及。大號字體在標題和副標題中特別受歡迎,有時我們在某些網站的正文中也可以看到。這樣的布局方式能夠使你的網站內容被顧客快速注意到。

  總之,如果你不知道如何設計好網站,那就可以采用上面提到過的這些網頁布局方式。此外,在設計網站的時候,大家要在色彩搭配、整體風格、字體上保持一致性和協(xié)調性,讓視覺效果看起來和諧,這樣也有助于加深訪客對你的品牌記憶。