×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

网站设计--网页版面布局技巧

文章编辑:网站建设 文章来源:网站设计 浏览量:

  1.确定网页设计尺寸

  由于页面尺寸和显示器大小及分辨率有关系。在浏览器窗口中完整的显示网页内容而不出现滚动条时,要注意显示器窗口包括:网页内容显示区、网页的标题栏;浏览器程序的工具栏、地址栏、状态栏、水平和垂直滚动条;任务栏。因此满框显示网页,在800*600分辩率下,网页设计尺寸为778*434px;在1024*768分辩率下,其尺寸为1002*620px。当网页内容较多时,可以跨屏显示,页面长度原则上不超过3屏,宽度不超过1屏。

  2.巧用黄金分割比

  黄金分割比是一个应用广范的数学常数,大约为1.618。在网页设计中巧用黄金分割比,可以使设计更加和谐。如果在页面局设计时,正在为如何设置栏宽、元素尺寸而绞尽脑汁,不妨体验一下黄金分割比的妙处。以一个简单的两栏式页面布局为例,左边显示导航,右边显示主要内容。假设页面宽度为经典宽度960px,利用黄金分割比计算,右边的栏宽为960/1.618=593px,左边的栏宽为960-593=367px

  应用黄金分割比布局页面,需要设计者有一定的计算能力,但在实际应用中,为了节省时间,可以简化黄金分割比的应用,采用62%38%比例,如两栏结构,两栏宽度分别为62%38%。而对于三栏式布局的页面,也可以先按比例分成两栏,然后再将那份大的再按比例划分。

  3.适当处理留白

  版面设计中的留白是指版面中没有图形或文字的部分,很多新手在设计网页时总想着把整个页面撑满。其实,网页就像一个房间,如果里面挤满了人,就觉得呼吸困难,所以,要给页面留有呼吸的空间。适当的留白可以架构页面的平衡,巧妙地留有想空间,给观者一种美的享受。

  页面布局正如摆兵阵,阵法千变万化,网页布局也是五花八门。作为设计者,要根据用户的需求合理地设计版面布局结构,才能让设计的网站在浩如烟海的网络世界中脱颖而出,吸引浏览者的目光,实现建站的目的。

网站设计——博纳网络


当前文章链接:https://www.198bona.com/construction/design/1385.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。