1 3 7 - 1 4 4 1 - 9 7 9 7
首页 > 合作加盟 > 合作加盟详细内容

网站设计页面结构的形式和准绳

来源:网站开发 | 作者:网站开发 | 时间:2022-04-06 | 浏览:5910
字体大小:


网站计划结构是指以最合适用户欣赏的方式将图片和笔墨排放在页面的分歧的位置。

1.页面结构的方式

(1)"T”形结构结构

"T”形结构结构是网贞计划中利用较遍及的一种结构方式.平常页面顶部为网站的标记、广告条、主菜单等,右边或左边有一列边栏,然后另外一侧是很宽的注释.这类结构方式的页面结构清楚.主次清楚.但轻易给人一种规则死板的感到。

(2)“口"形结构

平常贞面最上边是网站的标题和横幅广告条,接下来就是网站的毛要内容,阁下分列儿小条内容,两头是主要部份,最下边是网站的一些基础信息、接洽方式、版权声明等。这类结构方式充裕操纵了版面.信息量大,但页面常常比力拥挤,不敷灵活。

(3)“川"形或"三"结构

“川’形结构页面被垂直划分为多少栏.普通分为三栏或四栏,在页面的项部是标记栏或广告栏等。而“三.形结构页面被程度划分为若千栏,色块中大多放广告条。

(4) POP结构

POP结构方式的页面大部份内容为精美的图片和一些小的动画.再安排儿个庞杂的链接:或梁用Flash动画方式作为贞面的计划中心。这类结构方式时兴吸收人.但欣赏速率较慢.常用于时髦类网站。

(5)标题注释型结构

标题注释型结构平常在页面最上边是标题或近似的一钱内容.下边则是注释内容。商务网站的一些政策或面、帮助文章页面或注册页面等常采纳这类类取。

(6)框架型结构

框架型结构方式包含阁下框架型结构、上卜框架型结构及综合框架嗽结构等方式.在阁下框架型结构中,普通左边是导航链接.偶然最上边会有一个小的标题或标记,右
侧是注释内容。这类结构方式结构清楚、·L!了然,常川f大狱服装论坛t.vhao.net及企业网站的页面。

高低框架型结构方式与阁下框架型结构近似,Ix.别仅仅在因而一种LF分为两页的框架。综合框架吧结构是一种绝对庞杂的框架结构.平常联合了阁下框架烈和上卜框架烈的结构方式。

详细采纳甚么范例的结构结构.要依据实际情况详细阐发。若是内容较多,网站开发,可选川“T”形结构或“口”形结构方式:若是必要展现企业抽象或小我风度,能够选用POP结构方式:若是是详细的内容页面.则能够选用标题注释型结构方式。

2.页面结构的原则

(1)重点凸起

应思量页面的视觉中心.即屏幕的中心或两头偏上的位置处。平常-代j要的文章和图片能够摆设在这个位置.略微主要的内容叮以摆设在视觉中心之外的位置。

(2)平衡请调

应充裕思量受众视觉的承受度,协调地应用页面色块、颜色、笔墨、图片等信息方式,力求抵达种稳固、老实、信籁的贞面效染。

(3)图文并茂

应留意笔墨与图片的和漪同一。笔墨’于图片互为烘托.既能活泼页面,又能丰盛页面内容。

(4)简洁清楚

网页内容的编排应便于浏览。经过使川解方针标毯.限定所用的字体和颜色的数量.来保持版面的简沽。

3、页面颜色搭配

在网页计划中.应依据协调、平衡和重点凸起的原则,将分歧的颜色举行组合、搭配以组成视觉舒适的页面.在网页计划中平常主要内容笔墨采纳玄色.而边框、配景、图像利用彩色.在举行网页颜色计划时.牢记不要将所有的颜色都用到.t般情况下.网页颜色措配的技巧有:应用雷同色系颜色:应用比照色和互补色:使川过渡色:用然色和·种颜色:配景和笔墨的比照要尽可能大等。

4、页面链接方式

网页的构造结构方式主要是指9i面之间的干系,能够采纳以卜方式:

(1)树状结构

树状结构的网页构造方式如图1-7所示.是现在网站所采纳的主要方式之一。其特色是层次清楚.欣赏者能够依据路径清楚地了解本身地点的位置,不轻易迷路.同时也使于内容的扩充.然则该结构的欣赏效力较低。
(2)线性结构

线性结构的网页构造方式如图1-8所示,普通用于信息量较少的小型网站、索引站点,或用来构造网站中的一部份内容。
(3)网状结构

网状结构的网页构造方式如图1-9所示.便于欣赏者获取信息.随时能够抵达本身爱好的页面。然则因为链接太多.轻易使欣赏者迷路。

免责声明:本文内容由互联网用户自发贡献自行上传,本网站也不承担相关的法律责任。如果您发现本文章中有涉嫌抄袭的内容,请发送邮件至:sales@sznetsoft.com或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。
相关信息
  • QQ好友
  • QQ空间
  • 腾讯微博
  • 新浪微博
  • 人人网
  • 豆瓣网
  • Facebook
  • Twitter
  • linkedin
  • 谷歌Buzz


线

网软通在线


在线客服: 点击这里给我发消息                        

1231.jpg

留言内容