设计网页版面布局形式

设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就大不一样了。比如，

　　○网页的白色背景太虚，则可以加些色快；

　　○版面零散，可以用线条和符号串联；

　　○左面文字过多，右面则可以插一张图片保持平衡；

　　○表格太规矩，可以改用导角试试。

　　经过不断的尝试和推敲，你的网页一定会亮丽起来的哦:)

　　看看我们经常用到的版面布局形式：

　　1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深

，整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次

分明。是初学者最容易上手的布局方法。设计网页缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。

　　2."口"型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布

局的优点是充分利用版面，信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计

，例如网易壁纸站。

　　3."三"型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条

。

　　4.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是

将两部分有机的结合比较困难。

　　5.POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如

ELLE.com。优点显而易见：漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。

　　以上总结了目前网络上常见的布局，设计网页其实还有许许多多别具一格的布局，关键在于你的创意和设计了。对于版面布局的技巧，这里提供四

个建议，您可以自己推敲：

　　1.加强视觉效果

　　2.加强文案的可视度和可读性

　　3.统一感的视觉

　　4.新鲜和个性是布局的最高境界

网站设计的原则

01 明确内容

如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该

围绕这些方面来进行。

02 抓住用户

如果用户不能够迅速地进入你的网站，设计网页或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。

03 优化内容

内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。

04 快速下载

没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设

计者说网页加载应在15秒内。

05 网站升级

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你

的升级计划。

06 学习HTML

用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计 的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一

个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，

预览你的网站。

07用笔画一个网站的框架

圣人云：笔比剑更强大。在用计算机之前，设计网页用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的

网站。

08 网站地图

许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如

何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。

09 点击规则

听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改

善操作。