网页常见的布局结构.docVIP

/wangyesheji/wangyebuju/201102/28-6420.html手稿 /4327.html 首页设计可用性 /?action=Public_Template_ListsearchCategory=1模板欣赏 / js效果/sitebuilt/wytx.asp 报价 /wangyetexiao/网页特效 /Products/SiteFactory/Function/网站系统 /国外付费素材网 /香港网络公司 /pswl/admin/main.php 用户名pswl 密码piq4on2m 电子电工 机械设备 家用电器 仪器仪表 五金加工 服装鞋帽 汽摩船舶 安全防护 礼品饰品 日用百货 广告包装 化工材料 化妆美容 建筑装修 交通运输 教育培训 节能环保 农林牧渔 商务服务 食品餐饮 休闲娱乐 办公文教 数码网络 医疗健康 机关社团 相关内容集中区域显示 就是将网页中所要表达的相近的栏目集中在一个区域显示，形成一种群体效应。 2.?? 栏目划分结构清晰、分开主次性，重为左，此为右 意思是将所要建立的网页栏目结构细分清晰，分开栏目的主次性、重要栏目以顶部、左侧排列排放，次要的栏目以底部、右侧排列排放。 3.?? 网页布局均匀，避免头重脚轻，重量失衡。 网页的布局均匀，体现在网页规划和设计时栏目与栏目、色块与色块、图片与文字之间的搭配协调问题，好的页面会做到搭配合理，避免头重脚轻、重量失衡的现象，和给访客造成心理上的不适。 4.?? Logo、导航、按钮、标题等重要信息必须醒目 类似于网页中的Logo、导航、按钮、文章标题等重要信息，必须醒目标识，符合日常浏览习惯，不会给访客在浏览时造成障碍。 5.?? 合理的主颜色和统一的页面风格 在确定网站的主颜色时，一定要根据所要设计的网站的行业特征和所面向的访问对象来选择合理的主颜色，如作为机械装备类的多以蓝色、灰色为主，在主颜色、栏目及网站首页版块确定后，其它的附属页面也应该依次风格来设置。一般网页的大色块区域以不超过3种颜色为好。 6.?? 广告与内容的合理搭配 是要对网页正常内容和网络广告二者的合理搭配，一方面不能过多的让广告挤占内容空间，过多的影响访客阅读，另一方面，在访客阅读内容时，能进一步的提高广告的点击率，网络广告有很多样式，所以在做网页规划时，能够两方面考虑内容与广告的搭配问题。 7.?? 图文相结合，适当的留白、简单的特效 图文相结合，在网站的首页、频道页、栏目页、内容页等关联页面做好图片与文字的搭配，其中图片的大小、尺寸、颜色、图片的格式，以及文字的字体、字号、颜色、字间距、行间距等都要平衡到，并且作为常规的行业站网页的特效效果不宜太多，一来容易造成搜索收录不利，二对访客阅读造成不便。 8.????? 功能设计实用、人性化，尽可能让浏览者用最少的点击次数到达访问目标 网站的页面规划一定要考虑到所设计的交互性是否实用，能够真实的访客带来操作或交流上的便利、能否为网站或者企业会员带来良好的用户转化率和访问粘性，在访客访问时是否有足够醒目的引导帮助信息来帮助其完成注册、交易等提示，访客在访问网站是是否能提供更多贴心的人性化功能给予其帮助，让浏览者用最少的点击次数到达或实现其所要访问的目标。 9.????? 考虑不同显示效果的友好兼容性 一个友好的页面就要充分考虑页面在不同的屏幕分辨率下、不同的操作系统下、不同的浏览器下的兼容性，让访客能便捷、舒适的访问完目标页面。 网页常见的布局结构有“国”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、封面型布局、Flash布局、标题文本型布局、框架型布局和变化型布局等。 1.“国”字形布局 ??? 也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。 2.“匡”字形布局 ??? 这种结构与上一种其实只是形式上的区别，它去掉了“国”字形布局的最右边的部分，给主内容区释放了更多空间。这种布局上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。 3.“三”字形布局 ??? 这是一种简洁明快的网页布局，在国外用的比较多，国内比较少见。这种布局的特点是在页面上由横向两条色块将网页整体分割为3部分，色块中大多放置广告条与更新和版权提示。如图所示即是一种三字形布局的网页。 4.“川”字形布局 ??? 整个页面在垂直方向分为三列，网站的内容按栏目分布在这三列中，最大限度地突出主页的索引功能。如图1-19所示的“Beijing 2008”网站就是一种川字形的布局。 5