八种

1．T型布局

T型布局是指页面顶部为横条网站标志和广告条，下方左半部分为主菜单，右半部分为显示内容的布局。因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。其优点是页面结构清晰，主次分明，是初学者最容易学习的布局方法；缺点是规矩呆板，如果把握不好，在细节和色彩搭配上不注意，容易让人看了之后感到乏味。

2．“口”型布局

“口”型布局是页面上下各有一个广告条，左边是主菜单，右边是友情链接等内容，中间是主要内容。其优点是充分利用了版面，信息量大；缺点是页面拥挤，不够灵活。

3．“国”型布局

“国”型布局又称为“同”型布局，是一些大型网站喜欢使用的布局类型。页面顶部是一横条，横条左部设置网站标志，右部是横条广告，横条下部是水平放置的主导航栏。导航栏下方分为左中右三栏，左边一般放置内容导航、二级栏目、注册登录、搜索引擎等，右边一般放置动态新闻、热点内容、友情链接等，中间显示网页的主体内容，在页面的最下方是一横条状菜单或广告，也可以是网站的一些基本信息、联系方式、版权声明等。这种布局通常用于主页设计，主要优点是页面容纳的内容多，信息量大。

4．标题正文型布局

标题正文型布局最上方是标题或广告等内容，下方是正文，通常文章页面或注册页面采用此种布局，其特点是简洁明快，干扰信息少，较为正规。

5．“三”型布局

“三”型布局具有简洁明快的艺术效果，适合于艺术类、收藏类、展示类网站。这种布局往往采用简单的图像和线条代替拥挤的文字，给浏览者以强烈的视觉冲击，使其感觉进入了一幅完整的画面，而不是一个分门别类的超市。它的一级页面和二级页面的链接都按行水平排列在页面的中部，网站标志非常醒目。

6．“川”型布局

“川”型布局比较特殊，整个页面在垂直方向分为3列，网站的内容按栏目分布在这3列中，可以最大限度地突出主页的索引功能。如果网站栏Bf良多，可以考虑采用这种布局。它和“国”形布局的主要区别是：把主内容区换成了各个二级页面的链接，其中的不足是二级栏目比例不易配置平衡，色彩不易协调。

7．POP布局

POP布局像一张宣传海报，以一张精美图片作为页面的设计中心，在适当位置放置主菜单，常用于时尚类站点。这种布局方式不讲究上下和左右的对称，但要求平衡有韵律，能达到动感的效果，其优点是漂亮吸引入，缺点是速度慢。

8．变化型

采用上述几种布局的结合与变化，布局采用上、下、左、右结合的综合型框架，再结合F1ash动画，使页面形式更加多样，视觉冲击力更强。

网页布局的基本形式主要有上述几种类型，至于哪种布局类型最好，需要具体问题具体分析，要从网站内容、页面结构和表现形式等多方面进行综合考虑，同时也需要制作者具有较高的设计水平。

网页的背景多大要看对网页的要求的。

网页设计标准尺寸：

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间，就不会出现水平滚动条和垂直滚动条。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

专业的网页设计，需要经历以下几个阶段：

需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

以业务目标为中心进行功能策划，制作出栏目结构关系图。

以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。

根据用户反馈，进行页面设计调整，以达到最优效果。

以上内容参考：百度百科-网页设计

.这张网页设计整体简洁且有气质，色彩的选择都是在人物模特本身的头发色彩和口红的色彩吸取调整得到的，使整个画面的色彩不单调且又不杂乱，显得简洁且不单调

02.主题文字的选择是根据整个版面的设计以及模特本身的气质选择设计的，字体细长有气质，在部分字体上做了微妙的处理，会使整体看起来更舒服贴切。

（重点在于模特的选择以及色彩的搭配）



01.首先说一下，如果想要版面设计整体看起来高端有气质最好选用棱角分明的图形做铺垫，圆角类的图形给人一种亲切感，所以不太适合气质和高端的设计使用，

02.布局的方式也是有很多讲究的，例如上面这一张网页设计，我想要突出的是模特装饰，所以选择图片放大排版在左部，因为人的阅读习惯是从上到下，从左到右的，所以这里首要的是图片——标题文字——小文字——下面的图标和小图片，这样的阅读顺序也是人们的阅读习惯，有利于不漏掉重要的信息。







01.这一张网页的设计的要点在于利用花瓣的动感带动整个版面看着也有动感的视觉效果，在设计中利用图或者产品的本身的一些元素做点缀有利于使画面更加和谐以及有利于达到宣传产品的效果，给人增加印象。

接下来就不一一做介绍啦，静静的欣赏吧！

自己看的时候思考一下别人做设计的思路，为什么这么做？那些好的你可以学习，那些不好的你又需要舍弃！做到取舍分明！这样才能提升自己。



























作

转载请注明：片头模版 » 网页版面设计图片(一般做网页设计背景尺寸定多大)