找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3446|回复: 1

[分享] 网站建设页面如何布局?

[复制链接]
发表于 2016-11-9 16:19:13 | 显示全部楼层 |阅读模式 来自 中国–广东–东莞
本帖最后由 txws 于 2016-11-9 16:20 编辑

网站|建设页面如何布局?

网页布局

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型,在这里就不做一一论述了。其实在我们做设计的时候并没有过多的去考虑什么形式,最重要的是抓住客户的需求,把握网站的定位做出合理的框架布局。

三栏式网页设计布局

三栏式网页设计布局

1、 分辨率
网页的整体宽度可分为三种设置形式:百分比、像素、像素+百分比。通常在网站建设中以象素形式最为常用,行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题,常用的是1024*768和800*600的分辨率,网络上很多都是用到778个象素的宽度,在800的分辨率下面往往使整个网页很压抑,有种不透气的感觉,其实这个宽度是指在800*600的分辨率上网页的最宽宽度,不代表最佳视觉,不妨试试760~770的像素,不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

2、合理广告
在一些网站的广告(弹出广告、浮动广告、大广告、banner广告、通栏广告等等……)让人觉得很烦琐,根本就不愿意来看,有时连你这个网站都不上了,这样一来网站受到了严重的影响、广告也没达到广告的目的。

这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。

浮动广告有两种,第一种是在网页两边空余的地方可以上下浮动的广告,第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种,不可避免第二种情况时尽量在数量上控制最多一个就好。

如果数量过多会直接影响到用户的心理、妨碍到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心,避免客户流失等……

3、空间的合理利用

很多的网页都具有一个特点,用一个字来形容,那就是“塞”,它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范,导致浏览时会遇到很多的不方便,主要就是页面主次不分,喧宾夺主,要不就是没有重点,没有很好的归类,整体就像个大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡,也可以用个“散”字来形容。

4、文字编排

在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样。

4.1文字图形化

文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。

4.2强调文字

nnt流量

nnt流量

如果将个别文字作为页面的诉求重点,则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果,使其在页面整体中显得出众而夺目。

这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。

它由域名(domain name 俗称网址),网站源程序和网站空间三部分构成。域名(俗称网址);网站空间由专门的独立服务器或租用的虚拟主机承担;网站源程序则放在网站空间里面,表现为网站前台和网站后台。

方法、步骤

1、 分辨率

网页的整体宽度可分为三种设置形式:百分比、像素、像素+百分比。通常在网站建设中以象素形式最为常用,行业网站也不列外。

我们在设计网页的时候必定会考虑到分辨率的问题,常用的是1024*768和800*600的分辨率,网络上很多都是用到778个象素的宽度,在800的分辨率下面往往使整个网页很压抑,有种不透气的感觉,其实这个宽度是指在800*600的分辨率上网页的最宽宽度,不代表最佳视觉,不妨试试760~770的像素,不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

2、合理广告

在一些网站的广告(弹出广告、浮动广告、大广告、banner广告、通栏广告等等……)让人觉得很烦琐,根本就不愿意来看,有时连你这个网站都不上了,这样一来网站受到了严重的影响、广告也没达到广告的目的。

这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。

浮动广告有两种,第一种是在网页两边空余的地方可以上下浮动的广告,第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种,不可避免第二种情况时尽量在数量上控制最多一个就好。

如果数量过多会直接影响到用户的心理、防碍到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心,避免客户流失等

3、空间的合理利用

很多的网页都具有一个特点,用一个字来形容,那就是“塞”,它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范,导致浏览时会遇到很多的不方便,主要就是页面主次不分,喧宾夺主,要不就是没有重点,没有很好的归类,整体就像个大杂烩。让人难以找到需要的东西。

有的则是一片空白失去平衡,也可以用个“散”字来形容。

4、文字编排
在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样。
文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。

强调文字
如果将个别文字作为页面的诉求重点,则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果,使其在页面整体中显得出众而夺目。

这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。

它由域名,网站源程序和网站空间三部分构成。域名;网站空间由专门的独立服务器或租用的虚拟主机承担;网站源程序则放在网站空间里面,表现为网站前台和网站后台。


本文由天下网商深圳网站建设公司小编整理编辑,原文地址:http://www.sztxws.com/nd.jsp?id=67&_jcp=4_1


发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2016-12-18 14:16:51 | 显示全部楼层 来自 中国–山东–枣庄
好的,学习了

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-12-4 16:35 , Processed in 0.032980 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表