网页框架与布局

发布日期：2011-5-21 点击次数：5721 标签：

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里

就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形

的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户

的需求，把握网站的定位做处合理的框架布局。

1． 分辨率
网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，

行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是

1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页

很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨

试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

2． 合理广告
在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本

就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些

问题都是我们在设计网站之前需要考虑、需要规划的内容之一。

浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。

建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量

过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某

个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等…

3．空间的合理利用
　很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不

加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，

喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片

空白失去平衡，也可以用个“散”字来形容。
　　并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，

使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，

给人回味又达到了视觉效果。　

4．文字编排
　　在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。

4.1文字图形化
　　文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同

时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不

强。

4.2强调文字
　　如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体

、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是

运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。

五、网站配色
1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)

，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整

个页面色彩丰富但不花稍。

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同

一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。

4.灰色在网页设计中又称为“万能色”，其特点是可以和任何颜色搭配，在使用时把握量避免网页变灰。

在网页配色中，尽量控制在三种色彩以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，

(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。

上一条： 郑州LED行业网站建设_照明行业网站建设_灯具公司做网站就找远辰网络！

下一条： 网站LOGO的设计