本文目录一览：

几种常见网页布局设计

网页设计的布局有哪几种？

1.“国”字型：

网页设计也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

2.拐角型：

这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

3.标题正文型：

这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

4.左右框架型：

这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。

5.上下框架型：

与上面类似，区别仅仅在于是一种上下分为两页的框架。

6.综合框架型：

上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。

7.封面型：

这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

8.Flash型：网页设计

其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

9.变化型：网页设计

即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

网页设计的布局有哪几种

网页设计的布局有哪几种？

1.“国”字型：

2.拐角型：

3.标题正文型：

4.左右框架型：

5.上下框架型：

6.综合框架型：

7.封面型：

8.Flash型：网页设计

9.变化型：网页设计

网页设计应该如何布局

网站结构与优化很重要，页面布局也是非常重要的，让客户第一眼看到网站的感觉是怎么样，如果第一感觉不好，相信下一次就不一定来了，所以网页的内容除了用户的需求之外，还要注重用户体验。下面的内容，就以两个方面来讲，一个是搜索引擎的识别，一个是用户体验：

工具：电脑、网站

步骤：

一、搜索引擎的识别

1、网站具有清晰的导航

根据网站的导航去制定需求。一个清晰明了的用户导航可以让游客在网站中自由的访问，并且根据需要选择合适的内容，而网站导航的加入也可以加大网友的访问深度。

2、页面整洁，栏目之间合理布局

之前看过一个做服装的网站，一进入这个网站就感觉到了皇宫一样，很华丽也很唯美，但是就找不到一点文字介绍，全部都是图片，操作起来很不方便，由于偶然进入了一个较深的页面(该网站没有面包屑导航)，找不到回去的路就只好关掉了页面，无形中就会这个网站的跳出率做出了贡献。

3、设置用户评论板块，增加网站互动性

不可否认的是，现在很多网站都过于独立，和用户之间的互动性不够，其实网站互动性的上升能大大提升网站自身的可信程度，尤其对于一个新站来说，知名度不够，号召力不强，用户是无法相信的。而这时用户的参与无疑就让网站自身的可信力大大上升，而且一个网站最成功莫过于有众多用户的参与，而评论无疑会让网站生命力更强。

二、以用户体验为前提

1、页面元素的丰富性。

什么叫做页面元素的丰富性呢，就是网站有图片、有视频、有评论、有加粗、有分段 这样可以说是一个优质的页面。当然要在适当的情况下出现图片、视频、或者其它的元素。这样也会增加页面的价值。

2、页面的文字大小要符合一般用户的阅读习惯。

不要太大，也不要太小，一般13号的字体就可以了。字体的颜色，也要和网页的风格协调，一般都是黑色或者深灰色。文章排版要鲜明，段落得当，这样更容易让客户阅读。还有文章内尽量少用锚文本，文章内的锚文本一般都是以用户的需求性和相关性来增加锚文本。尽量不要影响用户阅读。

3、页面图片要合适。

过多或者过大，图片过多或者过大，很直接的就影响了网页的加载速度，导致用户长时间打不开网页，那就悲剧了，所以，网页的大小和尽量少用图片围标，如果不可避免，那就把图片压缩到最小再上传吧。

总结：其实网页的布局，重要的就是细心，包括各个方面都要细心对待，页面上存在的每一个东西，都要有实际意义。

网页设计的经典布局类型有哪些

网站建设中网页布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，以下分别论述：

1、国字类型：也被称为同字型，顶部是网站的标题、横幅广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容，最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型；

2、拐角型：这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接；

3、标题正文类型：上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面；

4、左右框架类型：这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标致，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了；

5、上下框架类型：与左右框架类型类似，只是这种类型是上下两页的框架；

6、综合框架类型：其实就是左右框架类型和上下框架类型的结合体；

7、封面型：这种类型基本上是出现在一些网站的首页，多是精美平面结合小动画，再加几个简单链接或仅是一个“进入”链接或无任何提示；

8、Flash型：其实这与封面型结构是类似的，采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体；

9、变化型：即上面几种类型的结合与变化，但所实现的功能的实质是那种上、左、右结构的综合框架型；

网页布局设计有哪些类型?

1、拐角型

这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

2、“三”字型布局

这种布局多用于国外网站，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割开，色块中大多放广告条、更新和版权提示。

3、标题正文类型

上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面。

4、对称对比型

对称对比型采取左右或上下对称的布局，一半深色，一半浅色，一般用于设计型网站。而其优点是视觉冲击力强，缺点是将两部分进行有机结合较难。

5、变化型

即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

6、左右框架类型

这是一种左右为分别两页的框架结构，一般布局是：片段含导航链接，最上面有时是一个小的标题或标志，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的而这种类型的布局的特点是结构清晰明了。

7、POP型式

POP形式是指页面布局像一张宣传海报，以一张精美图片作为页面设计中心。一般常用于时尚类网站，优点是漂亮吸引人，缺点则是速度慢。