绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

网页设计布局方法及思路

人气:  作者:  发表时间:2020-12-18 09:49:54
网站界面的设计需要设计师进行大量的思考,它包含了用户体验、主题表达、视觉焦点、品牌展现等诸多内容。下面,小编就跟大家一起分享网页布局的方法及思路。

一、网页布局方法及思路
做网站效果和我们盖房子、写作文有相同的地方,即首先要在草稿上打好草稿,并且根据实际需要和浏览者的兴趣制作出多个可供选择和参考的方案,然后经过讨论、研究后确定最终的效果。下面我们一起分享网页布局方法和思路。

1、准备铅笔和纸张若干。这样一方面可以避免因设计时临时寻找工具而打乱设计思路,另外也可以在出现设计灵感时及时改进。

2、确定尺寸。根据实际需要和内容的编排确定网页的宽度,一般来说尺寸的单位可分为固定式和相对式。例如:网页设计中常用的固定单位为像素,常用的相对单位有百分比、倍数等。

3、选择一个深思熟虑后的主题。 例如,矩形给人的感觉爱憎分明、稳重大方;圆形代表着丰满和柔和。在设计草图时,经常运用矩形先将页面的主体结构进行划分。常见的三分法会分出负眉区、主题区、页脚版权区。

4、根据划分的区域进行细化调整。例如页眉区域主要包括logo、banner、导航等;主体区域主要包括用户登录T区、公告区、新闻信息区、产品展示区等;页脚部分主要包括友情链接、版权信息、联系方式等内容。

5、页面的调整。页面区域划分完毕后还需要进行细05微的调整,例如计划在网页中哪些区域使用文本表述、哪些区域使用图片展示、图片和文本内容在整个页面中的比例分配如何等。笔者在进行细微调整时常用的方法是:用两种不同的颜色来区分图片和文本,这样可以很清晰地看到整个页面的内容分配。

6、结构划分完毕后,启动相关软件制作出最终的效果图。

二、分析目标对象
在介绍网页构成要素时,讲解了文字、图像、色彩等。这里所要讲解的是具体到页面中的模块分析。

确定栏目板块的位置
在页面中,按照浏览的主次,将页面分为主要区域、二级区域、中心区域、页眉区域、页脚区域、公告栏区域、友情链接区域等。

例如,一个商业性的网络推广网站,它的页面中每一寸空间其价值各有不同。位置不同,广告的推广价位也不同。

另外,企业制作网站,是希望对外传达一定的内容,主要内容就应该放置在主要位置,例如页面的上角通常放置网站的logo。这样便于在用户浏览页面的第一时间能迅速看 到网站所要传达的信息。

确定板块的面积
如果-一个栏目板块在页面中很重要,但是所占用的面积却很小,那么很容易出现被其他内容所淹没的现象,因此,重要的信息也要合理占用页面的空间。注意,并不是绝对的大或小,而是占用适当的空间。

合理安排空间可以依照如下3种方法进行。
1、照顾到页面编排的美观程度,如果必须将主要板块的占用面积缩小,那么可以在有限的空间内利用动画或色彩加以突出显示;或者利用精简的、大字号的文字说明突出显示。

2、对于内容比较繁琐且信息比较多的板块,可以利用图像来代替,然后通过添加热区超链接来链接详细的内容。

3、为了突出内容板块的特点,可以适当追加一些与栏目相吻合的修饰物,以区别于周围其他的板块内容。

三、设置页面板块
页面板块的设置要保留一定的可扩展空间,以便于后期对网站进行改版和升级。

页面的板块设置要注意以下两点。
首先,页面板块的设置,是根据网站的整体策划后所确定的,因此在具体设置时,要考虑到页面信息更新的便捷性和高效性。每一个能够吸引浏览者的网站都希望它的信息是在第一时间为大家呈现。

其次,在信息化大潮中,网站的改版不可避免,因此每一个板块的设 置都应当保留详细的信息,以便在内容改放时有所依照。笔者的一个同事就出现过这样的问题:由于网站在制作时没有恰当地为每一个板块设置注释信息, 当客户的网站出现问题时,面对大量的页面代码无法快速找到问题的症结。

四、修改与细化页面板块
面板块设置完成后,还不要急于展开设计,再次打开事先绘制好的网站结构规划图进行详细研究,考虑是否还需要进行如下的工作。

1、是否还需要为板块添加必要的修饰物。

2、板块的位置和色彩是否还可以更加明确。

3设置动画的数量是否最恰当。

当然,网站结构不同具体的细节修改也可能有所不同,以上仅是经验之谈,希望能为大家提供些微小的帮助。
网页设计布局方法及思路:http://www.luweit.com/news/jianzhan/92.html
标签: 网页设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2