由于页面尺寸和显示器大小及分辨率有关系。在浏览器窗口中完整的显示网页内容而不出现滚动条时,要注意显示器窗口包括:网页内容显示区、网页的标题栏;浏览器程序的工具栏、地址栏、状态栏、水平和垂直滚动条;任务栏。因此满框显示网页,在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.适当处理留白
版面设计中的留白是指版面中没有图形或文字的部分,很多新手在设计网页时总想着把整个页面撑满。其实,网页就像一个房间,如果里面挤满了人,就觉得呼吸困难,所以,要给页面留有“呼吸”的空间。适当的留白可以架构页面的平衡,巧妙地留有想空间,给观者一种美的享受。
页面布局正如摆兵阵,阵法千变万化,网页布局也是五花八门。作为设计者,要根据用户的需求合理地设计版面布局结构,才能让设计的网站在浩如烟海的网络世界中脱颖而出,吸引浏览者的目光,实现建站的目的。
网站设计——博纳网络
[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。