常见的几种WEB网页布局结构(PC端)

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构:

  1. POP布局
    POP引自广告术语,就是指页面布局像一张宣传海报,POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。
    优点显而易见:漂亮吸引人。缺点就是速度慢。作为版面布局,还是值得借鉴的。

    常见的几种WEB网页布局结构(PC端)_第1张图片

  2. “国字”型布局:(也称为同型布局)
    “国”字型布局由“同”字型布局进化而来,因布局结构与汉字“国”相似而得名。其页面设计如下:
    1)最上部分一般放置网站的标志和导航栏或Banner广告
    2)中间左侧:导航菜单+其他
    3)中间中心:主要放置网站的主要内容,
    4)中间右侧:友情链接+其他
    5)最下部分一般放置网站的版权信息和联系方式等。
    通常用于主页的设计,其主要优点是页面容纳内容很多,信息量大。

    常见的几种WEB网页布局结构(PC端)_第2张图片

  3. ”口“型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情链接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。
    缺点是页面拥挤,不够灵活

  4. T型布局
    T型布局结构因与英文大写字母T相似而得名。其页面设计如下:
    1)顶部一般放置横网站的标志或Banner广告
    2)下方左侧是导航栏菜单
    3)下方右侧则用于放置网页正文等主要内容
    优点是页面结构清晰,主次分明,是初学者最容易上手的布局方法。缺点是规矩呆板,如果不注意细节色彩,很容易让人”看之无味“

    常见的几种WEB网页布局结构(PC端)_第3张图片

常见的几种WEB网页布局结构(PC端)_第4张图片

4.标题正文型
标题正文型布局的布局结构 一般用于显示文章页面、新闻页面和一些注册页面等
1)最上方是标题或广告等内容
2)下面是正文
特点是简洁明快,干扰信息少,较为正规。
常见的几种WEB网页布局结构(PC端)_第5张图片

  1. 左右框架型布局
    左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。一半深色一半浅色,一般用于设计型站点。其页面设计如下:
    1)左侧一般主要为导航栏链接+网站Logo+其他
    2)右侧则放置网站的主要内容
    优点是视觉冲击力强,缺点是很难将两部分有机地结合起来
    常见的几种WEB网页布局结构(PC端)_第6张图片

6.上下框架型
上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。一半深色一半浅色,一般用于设计型站点。
优点是视觉冲击力强,缺点是很难将两部分有机地结合起来

常见的几种WEB网页布局结构(PC端)_第7张图片

  1. 综合框架型
    综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局。


    常见的几种WEB网页布局结构(PC端)_第8张图片
  2. 统一T型网站布局
    这是综合以上,常用的一种布局方式


    常见的几种WEB网页布局结构(PC端)_第9张图片

你可能感兴趣的:(常见的几种WEB网页布局结构(PC端))