售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

设计页面布局

网站编辑:小润 | 发表时间:2019-01-18 15:49:55

    设计页面布局
 
    当网页呈现在浏览者面前时,网站的设计者可以任意挥洒其设计才能,虽然设计者能控制一切页面设计元素,但仍需知道什么是一种约定俗成的标准或者说大多数浏览者习惯的页面布局,只有这样设计者才可以轻松地在此基础上设计出个性化的网页。
 
    在进行页面布局设计时,要考虑网站的内容该如何编排,图片与文字如何摆放,如何体现网站的侧重点等问题。那么如何来规划一个页面的布局呢?下面就是对这个问题的讨论。


 
    首先,在谈布局前先来了解一下页面尺寸和显示器分辨率的关系,很多制作网页的朋友以为显示器分辨率有多大,网页的尺寸就是多大,其实这是一个错误的想法。

    一般来讲,在800 X 60()像素的屏幕显示模式下和正安装后默认的状态(即工具栏、地址栏等没有改变)下,lE窗口内能看到的部分为77,8 X 435像素,这也是经常使用的页面标准尺寸。

   另外分辨率  在640 X柳像素的情况下,页面的显示尺寸为.620x311像素;万公辨率在14214 x 768像素的情况下,页面的显示尺寸为1007x60()像素。

   网页的局限性就在于设计师芜法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给页面的范围变得越来越小,所以页面的布局设计是十分重要的,奴何能让有限空间得到k大的利用,这是所有设计者都应该考虑的问题。
 
    网页的页面右局主要包括分栏型和无栏型。分栏型是目前应用较广的网页布局,它6i以适用任何类型的网站设计,特别是信息斑大的一些门户网站。夯栏型的布局还可以分很多情况,比如可以为上下分栏型、左右分栏型、综合分栏型,用哪种类型要与网站的设计构思相结合。
 
   分栏型
 
   为了突出产品的特性,网页在设计上重点放在了框架的中间栏,在设计页面布局中内容、色彩和互动性的处理上表现得与主题恰到好处,文字和标识在这里并不是最吸引人的。这种结构很适合生活类产品的网站。
    
 

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130