自己整理的一些常见的网页版式~

• “国”字型布局      （一般常用于主页展示）

• “T”字型布局       （一般用于后台展示）

• 标题正文型布局   （一般用于文章页面、注册页）

• 左右框架            （一般用于大型论坛和企业）

• 上下框架型         （一般用于设计型网站）

• 变化布局

 （1）通栏布局

 （2）导航在主视觉下布局

 （3）环绕式布局

• “国”字型布局   （一般常用于主页展示）

• 特点：页面容纳内容多，信息量大

•     “国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名，这种布局通常用于主页设计，是一些大型网站喜欢使用的布局类型。其页面设计如下：

           1）最上部分一般放置网站的标志和导航栏或Banner广告

           2）中间左侧：导航菜单+其他

           3）中间中心：主要放置网站的主要内容，

           4）中间右侧：友情链接+其他

           5）最下部分一般放置网站的版权信息和联系方式等

• 

  “T”字型布局    （一般用于后台展示）

  优点：页面结构清晰，主次分明

  缺点：规矩、呆板，把握不好容易乏味

       因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。其页面设计如下：

          1）顶部一般放置横网站的标志或Banner广告

          2）下方左侧是导航栏菜单

         3）下方右侧则用于放置网页正文等主要内容

  

  标题正文型布局   （一般用于文章页面、注册页）

  优点：简洁明快，干扰信息少，较为正规

      标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。

        1)  最上方是标题或广告等内容

        2) 下面是正文

  

• 左右框架         （一般用于大型论坛和企业）

  优点：视觉冲击力强

  缺点：很难将两部分有机地结合起来

        左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。。其页面设计如下：

       1）左侧一般主要为导航栏链接+网站Logo+其他

       2）右侧则放置网站的主要内容

  

  上下框架型       （一般用于设计型网站）

  优点：视觉冲击力强

  缺点：很难将两部分有机地结合起来

       上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。一半深色一半浅色，一般用于设计型网站。

• 

  变化布局

   （1）通栏布局

• 

• （2）导航在主视觉下布局

  （3）环绕式布局

• 

  
  

Powered by Froala Editor