常见页面布局结构有七种,下面分别介绍:
● “同”字形布局结构
“同”字形结构就是页面整体布局类似于一个“同”字,页页顶部为主导航栏,下方左右两侧为二级导航栏,登录注册区、搜索区、更新推荐区、友情链接区,屏幕中间显示主体内容。
“同”字形结构的布局非常普遍,这种布局的优点是页面结构清晰,左右对称,主次分明,缺点是版式呆板,如果主内容较多,则页面容易过长显示。
“国”字形布局是在“同”字形布局的基础上变化而来,它是同字形的布局结构下方增加一个横幅状的“菜单或广告条”。
这种页面布局的特点去掉了“国”字形布局右边的边框部分,给主内容区释放了更多空间,其内容虽然看上去比较多,但布局整齐又不过于拥挤,适合下载类站点,这种布局站点色彩要协调,通常外部颜色深,内部颜色浅,有透视类效果,如网易的结构布局。
简洁明快的艺术性网页布局,适用于艺术类、收藏类、展示类网站,这种布局往往采用简单的图象和线条代替拥挤的文字,给浏览者以强烈的视觉冲击,使其感觉进入了一幅简单的画面,不是一个分门别类的超市,它的一级页面和二级页面的链接都按照行水平排列在页面中部,网站标志什么醒目。
川字形布局结构在网站设计时也是较为常见的布局,整个网页在垂直方向上分为三列,网站的内容按栏目分布在这三列中,最大限度地突出主页的索引功能,如果网站栏目较多,可以考虑采用这种布局。
自由式布局打破了传统了布局的结构,页面布局比较随意如一张宣传广告,以精美图片,动画作为页面设计的中心,菜单栏按钮自由设置在页面上,这种网站布局属于时尚型网站,网站优点是漂亮、吸引人;缺点是显示速度较慢,文字信息少。
这种布局是采用左右对称分断网页的布局,在左右布局内部自由安排文字和图片,这种布局一般适合电子商务网站。
其实这个问题要具体情况具体分析,比如:如果内容非常多,就要考虑用“国”字型或“同”字型;而如果内容不算太多一些说明性的东西比较多,则可以考虑“三字型”;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采,封面性是首选;自由式布局更灵活一些,好的自由式在布局大大丰富了网页,但是它不能表达过多的文字信息。
● 网页布局的原则:
(1)正常平衡亦称“匀称”。多指左右、上下对应形式,主要强调秩序,能达到安定诚实、信赖的效果。
(2)异常平衡即非对应形式,但也要平和韵律,当然都是不均整的,此种布局能达到强调性、引人性的效果。
(3)对比 所谓对比,不仅利用色彩、色调等技巧来表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
(4)凝视 所谓“凝视”是利用页面中人物视线,使浏览者能够仿照跟随,以达到注视页面的效果,一般多用明星凝视状。
(5)空白 空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体现网页的格调十分有效。
以上的设计原则,虽然枯燥,但是我们如果能领会并活用到页面布局里,效果就大不一样了。
"/pswl/admin/main.php" /pswl/admin/main.php 用户名pswl 密码piq4on2m 电子电工 机械设备 家用电器 仪器仪表 五金加工 服装鞋帽 汽摩船舶 安全防护 礼品饰品 日用百货 广告包装 化工材料 化妆美容 建筑装修 交通运输 教育培训 节能环保 农林牧渔 商务服务 食品餐饮 休闲娱乐 办公文教 数码网络 医疗健康 机关社团
相关内容集中区域显示 就是将 HYPERLINK "/wangyesheji/" \t "_blank" 网页中所要表达的相近的栏目集中在一个区域显示,形成一种群体效应。 2.?? 栏目划分结构清晰、分开主次性,重为左,此为右 意思是将所要建立的网页栏目结构细分清晰,分开栏目的主次性、重要栏目以顶部、左侧排列排放,次要的栏目以底部、右侧排列排放。 3.?? 网页 HYPERLINK
"/wangyesheji/wangyebuju/" \t "_blank" 布局均匀,避免头重脚轻,重量失衡。 网页的布局均匀,体现在网页规划和 HYPERLINK "/tag/%C9%E8%BC%C6/" \t "_blank" 设计时栏目与栏目、色块与色块、图片与文字之间的搭配协调问题,好的页面会做到搭配合理,避免头重脚轻、重量失衡的现象,和给访客造成心理上的不适。 4.??
Logo、导航、按钮、标题等重要信息必须醒目 类似于网页中的Logo、导航、按钮、文章标题等重要信息,必须醒目标识,符合日常浏览习惯,不会给访客在浏览时造成障碍。 5.?? 合理的主颜色和统一的页面风格
在确定网站的主颜色时,一定要根据所要设计的网站的行业特征和所面向的访问对象来选择合理的主颜色,如作为机械装备类的多以蓝色、灰色为主,在主颜色、栏目及网站首页版块确定后,其它的附属页面也应该依次风格来设置。一般网页的大色块区域以不超过3种颜色为好。 6.?? 广告与内容的合理搭配
是要对网页正常内容和网络广告二者的合理搭配,一方面不能过多的让广告挤占内容空间,过多的影响访客阅读,另一方面,在访客阅读内容时,能进一步的提高广告的点击率,网络广告有很多样式,所以在做网页规划时,能够两方面考虑内容与广告的搭配问题。 7.?? 图文相结合,适当的留白、简单的 HYPERLINK "/wangyesheji/wangyetexiao/" \t "_blank" 特效
图文相结合,在网站的首页、频道页、栏目页、内容页等关联页面做好图片与文字的搭配,其中图片的大小、尺寸、颜色、图片的格式,以及文字的字体、字号、颜色、字间距、行间距等都要平衡到,并且作为常规的行业站网页的特效效果不宜太多,一来容易造成搜索收录不利,二对访客阅读造成不便。 8.????? 功能设计实用、人性化,尽可能让浏览者用最少的点击次数到达访问目标 网站的页面规划一定要考虑到所设计的
HYPERLINK "/tag/%BD%BB%BB%A5/" \t "_blank" 交互性是否实用,能够真实的访客带来操作或交流上的便利、能否为网站或者企业会员带来良好的用户转化率和访问粘性,在访客访问时是否有足够醒目的引导帮助信息来帮助其完成注册、交易等提示,访客在访问网站是是否能提供更多贴心的人性化功能给予其帮助,让浏览者用最少的点击次数到达或实现其所要访问的目标。 9.?????
考虑不同显示效果的友好兼容性 一个友好的页面就要充分考虑页面在不同的