尚品中国签约泛能网,构建泛能网数字化品牌官网升级
型号:工人智慧 了解更多网站设计页面布局的形式和原则
起源:尚品国内 |
型:系统互动百科|
周期:2014-06-22
布局是指以最适合用户浏览的方式将图片和文字排放在页面的不同的位置。
1.页面布局的形式
(1)"T”形结构布局
"T”形结构布局是网贞设计中应用较广泛的一种布局方式.通常页面顶部为网站的标志、广告条、主菜单等,右侧或左侧有一列边栏,然后另一侧是很宽的正文.这种布局形式的页面结构清晰.主次分明.但容易给人一种规矩呆板的感觉。
(2)“口"形布局
通常贞面最上边是网站的标题以及横幅广告条,接下来就是网站的毛要内容,左右分列儿小条内容,中间是主要部分,最下边是网站的一些基本信息、联系方式、版权声明等。这种布局形式充分利用了版面.信息量大,但页面往往比较拥挤,不够灵活。
(3)“川"形或"三"布局
“川’形布局页面被垂直划分为若干栏.一般分为三栏或四栏,在页面的项部是标志栏或广告栏等。而“三.形布局页面被水平划分为若千栏,色块中大多放广告条。
(4) POP布局
POP布局形式的页面大部分内容为精美的图片和一些小的动画.再放置儿个简单的链接:或梁用Flash动画形式作为贞面的设计中心。这种布局形式漂亮吸引人.但浏览速度较慢.常用于时尚类网站。
(5)标题正文型布局
标题正文型布局通常在页面最上边是标题或类似的一钱内容.下边则是正文内容。商务网站的一些政策或面、帮助文章页面或注册页面等常采用这种类取。
(6)框架型布局
框架型布局形式包括左右框架型布局、上卜框架型布局及综合框架嗽布局等形式.在左右框架型布局中,一般左侧是导航链接.有时最上边会有一个小的标题或标志,右
侧是正文内容。这种布局形式结构清晰、·L!了然,常川f大狱论坛及企业网站的页面。
上下框架型布局形式与左右框架型布局类似,Ix.别仅仅在于是一种LF分为两页的框架。综合框架吧布局是一种相对复杂的框架结构.通常结合了左右框架烈和上卜框架烈的布局形式。
具体采用什么类型的布局结构.要依据实际情况具体分析。如果内容较多,可选川“T”形布局或“口”形布局形式:如果需要展示企业形象或个人风采,可以选用POP布局形式:如果是具体的内容页面.则可以选用标题正文型布局形式。
2.页面布局的原则
(1)重点突出
应考虑页面的视觉中心.即屏幕的中央或中间偏上的位置处。通常-代j要的文章和图片可以安排在这个位置.稍微次要的内容叮以安排在视觉中心以外的位置。
(2)平衡请调
应充分考虑受众视觉的接受度,和谐地运用页面色块、颜色、文字、图片等信息形式,力求达到种稳定、诚实、信籁的贞面效染。
(3)图文并茂
应注意文字与图片的和漪统一。文字’于图片互为衬托.既能活跃页面,又能丰富页面内容。
(4)简洁清晰
网页内容的编排应便于阅读。通过使川解目的标毯.限制所用的字体和颜色的数目.来保持版面的简沽。
3、页面色彩搭配
在网页设计中.应根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配以构成视觉舒适的页面.在网页设计中通常主要内容文字采用黑色.而边框、背景、图像应用彩色.在进行网页色彩设计时.切记不要将所有的颜色都用到.t般情况下.网页色彩措配的技巧有:运用相同色系色彩:运用对比色和互补色:使川过渡色:用然色和·种色彩:背景和文字的对比要尽量大等。
4、页面链接形式
网页的组织结构形式主要是指9i面之间的关系,可以采用以卜形式:
(1)树状结构
树状结构的网页组织形式如图1-7所示.是目前网站所采用的主要形式之一。其特点是条理清晰.浏览者可以根据路径清楚地了解自己所在的位置,不容易迷路.同时也使于内容的扩充.但是该结构的浏览效率较低。
(2)线性结构
线性结构的网页组织形式如图1-8所示,一般用于信息量较少的小型网站、索引站点,或用来组织网站中的一部分内容。 (3)网状结构
网状结构的网页组织形式如图1-9所示.便于浏览者获取信息.随时可以到达自己喜欢的页面。但是由于链接太多.容易使浏览者迷路。
1.页面布局的形式
(1)"T”形结构布局
"T”形结构布局是网贞设计中应用较广泛的一种布局方式.通常页面顶部为网站的标志、广告条、主菜单等,右侧或左侧有一列边栏,然后另一侧是很宽的正文.这种布局形式的页面结构清晰.主次分明.但容易给人一种规矩呆板的感觉。
(2)“口"形布局
通常贞面最上边是网站的标题以及横幅广告条,接下来就是网站的毛要内容,左右分列儿小条内容,中间是主要部分,最下边是网站的一些基本信息、联系方式、版权声明等。这种布局形式充分利用了版面.信息量大,但页面往往比较拥挤,不够灵活。
(3)“川"形或"三"布局
“川’形布局页面被垂直划分为若干栏.一般分为三栏或四栏,在页面的项部是标志栏或广告栏等。而“三.形布局页面被水平划分为若千栏,色块中大多放广告条。
(4) POP布局
POP布局形式的页面大部分内容为精美的图片和一些小的动画.再放置儿个简单的链接:或梁用Flash动画形式作为贞面的设计中心。这种布局形式漂亮吸引人.但浏览速度较慢.常用于时尚类网站。
(5)标题正文型布局
标题正文型布局通常在页面最上边是标题或类似的一钱内容.下边则是正文内容。商务网站的一些政策或面、帮助文章页面或注册页面等常采用这种类取。
(6)框架型布局
框架型布局形式包括左右框架型布局、上卜框架型布局及综合框架嗽布局等形式.在左右框架型布局中,一般左侧是导航链接.有时最上边会有一个小的标题或标志,右
侧是正文内容。这种布局形式结构清晰、·L!了然,常川f大狱论坛及企业网站的页面。
上下框架型布局形式与左右框架型布局类似,Ix.别仅仅在于是一种LF分为两页的框架。综合框架吧布局是一种相对复杂的框架结构.通常结合了左右框架烈和上卜框架烈的布局形式。
具体采用什么类型的布局结构.要依据实际情况具体分析。如果内容较多,可选川“T”形布局或“口”形布局形式:如果需要展示企业形象或个人风采,可以选用POP布局形式:如果是具体的内容页面.则可以选用标题正文型布局形式。
2.页面布局的原则
(1)重点突出
应考虑页面的视觉中心.即屏幕的中央或中间偏上的位置处。通常-代j要的文章和图片可以安排在这个位置.稍微次要的内容叮以安排在视觉中心以外的位置。
(2)平衡请调
应充分考虑受众视觉的接受度,和谐地运用页面色块、颜色、文字、图片等信息形式,力求达到种稳定、诚实、信籁的贞面效染。
(3)图文并茂
应注意文字与图片的和漪统一。文字’于图片互为衬托.既能活跃页面,又能丰富页面内容。
(4)简洁清晰
网页内容的编排应便于阅读。通过使川解目的标毯.限制所用的字体和颜色的数目.来保持版面的简沽。
3、页面色彩搭配
在网页设计中.应根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配以构成视觉舒适的页面.在网页设计中通常主要内容文字采用黑色.而边框、背景、图像应用彩色.在进行网页色彩设计时.切记不要将所有的颜色都用到.t般情况下.网页色彩措配的技巧有:运用相同色系色彩:运用对比色和互补色:使川过渡色:用然色和·种色彩:背景和文字的对比要尽量大等。
4、页面链接形式
网页的组织结构形式主要是指9i面之间的关系,可以采用以卜形式:
(1)树状结构
树状结构的网页组织形式如图1-7所示.是目前网站所采用的主要形式之一。其特点是条理清晰.浏览者可以根据路径清楚地了解自己所在的位置,不容易迷路.同时也使于内容的扩充.但是该结构的浏览效率较低。
(2)线性结构
线性结构的网页组织形式如图1-8所示,一般用于信息量较少的小型网站、索引站点,或用来组织网站中的一部分内容。 (3)网状结构
网状结构的网页组织形式如图1-9所示.便于浏览者获取信息.随时可以到达自己喜欢的页面。但是由于链接太多.容易使浏览者迷路。
来源声明:本文章系尚品中国编辑原创或采编整理,如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(010-60259772)。
推荐新闻
更多行业-
网站如何提高了信息更新、传播效率
打开网页者登陆同1个停靠站普遍都也希望对该停靠站能比较快地有同1个要求介绍,如此保持良好系... 2012-09-14 -
网络风险客服方面的原因
如今科技公司的开发,消费者的日常现已变得越发越离不出数据无线网络了,消费者应该再生利用数据无线网络去赚钱... 2014-09-29 -
什么样的网站才能获得用户的信任
设立小程序的有可信性度对你的产品的或保障同样主要 玩家必须恃才傲物,并做好信任感您的... 2020-12-23 -
研究院网站制作时如何开发访问体验最好的移动网站?
似乎位移官方的网站有种种一成不变的奇特特色,不需要 收钱买备案域名、三维空间和官方的网站记载,... 2022-01-14 -
网站建设时如何挑选网站域名?
一级备案域名是机构平台网站的依据。若是 机构平台网站一 个纪录比较好的一级备案域名,它能够 升高机构的有名度... 2020-08-31 -
影响青岛网站建设进度的三个因素
在官网基本建造中,一家完好的官网基本建造整个过程通常情况下涵盖各种的周期,一样出每家周期... 2022-02-09
如果您的网站可以增加转化次数并提高客户满意度,该怎么办?
预约专业咨询顾问沟通!
免责声明
特别道谢您考察我门的官网。在您动用本官网时候,请您逐字逐句读书本声明函的因此保险条款。
1、此站局部的内容来起源于网络数据,涵盖到的局部文章内容和所有图片转播权类属进行漫画作品的创编辑,此站引用帅哥未经许可用户学习培训和交流信息,切记不要用到一切商业服务运动。
2、永久域名不负担用户账户因运用此类信息对各自和别人导致什么行驶的经济损失或受伤。
3、本证明函未在拆迁中遇到的间题参加的的发展中国家里关法条规则法律规范规定标准,当本证明函与的的发展中国家法条规则法律规范规定标准内部矛盾时,以的的发展中国家法条规则法律规范规定标准为基准。
4、如若不法侵害了您的法律认可功能,请您适时与.我公司,.我公司会在首要准确时间册除涉及到信息!
联系方式:010-60259772
电子邮件:394588593@qq.com