用灵魂感悟设计 · 用设计创造价值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您当前位置:  设计中国    ⁄    网页设计    ⁄ 资讯内容

网站布局排版应该如何设计?

作者:admin      来源:互联网      发布时间: 2021/5/10 15:27:24     浏览:
随着网站建设门槛的降低,很多新手都想要制作自己的网站,但是对于设计布局排版的需求,就需要了解一些网站布局的技巧。

  1、卡片式布局

  卡片式布局被Pinterest、脸书和推特等网站所使用,它非常适合在新闻网站和博客上使用,因为卡片式布局可以在页面上放置大量内容,同时又保持每部分内容各不相同。

  卡片式布局主要有两种形式:

  网页中每个卡片的尺寸相同,卡片的排列非常标准,例如dribbble、UI中国的网页布局;

  使用不同尺寸的卡片组成页面的布局,卡片间没有固定的排序,例如Pinterest、花瓣的页面布局。

  2、全宽网页布局

  在全宽网页布局模板中,背景延伸到屏幕的整个宽度。你的网站看起来没有边界,这是现代网页设计中流行的布局类型,因为它很适合移动响应式网站。如果你有很多图片、视频等内容,那么全宽是一个很好的选择。

  3、分屏布局

  当两个元素在页面上具有相等的权重时,分屏布局是一种流行的设计选择,并且通常用于文本和图像都需要突出显示的设计中。

  分屏设计特别适合电子商务网站上的产品页面。产品图片需要在页面上突出显示,但价格、规格、购物车按钮等信息也要显示。

  4、幻灯片头网页布局

  很多网站都会有一张静态的头图banner,你可以选择在图片上添加标题、副标题或其他说明文案,来吸引访客。一般来说图片banner可以是一张大的海报,也可以是动态轮播图。或者你也可以用一张gif动图来展示自己,这样能够让网站显得更加活泼,展示更多信息。

  5、大标题排版

  随着移动性设计的兴起,大字体的排版设计得到了普及。大号字体在标题和副标题中特别受欢迎,有时我们在某些网站的正文中也可以看到。这样的布局方式能够使你的网站内容被顾客快速注意到。

  总之,如果你不知道如何设计好网站,那就可以采用上面提到过的这些网页布局方式。此外,在设计网站的时候,大家要在色彩搭配、整体风格、字体上保持一致性和协调性,让视觉效果看起来和谐,这样也有助于加深访客对你的品牌记忆。