网格拘束率和版面率
在网页界面设计中，照片和标题的位置沿着版面用纸的网格线决定，这样设计出的版面，是被网格约束住的版面。
http://www.iweber.cn/attachments/month_0704/v2007428141127.jpg

雅虎中国网站运用网格设计，是稳重的版面，给人理性和庄重
http://www.iweber.cn/attachments/month_0704/n2007428141545.jpg

http://anthouse.co.kr/
自由配置，形成脱离网格约束的版面设计，体现出自由的感觉，容易制造有趣的版面

挖版打破网格拘束率
如果画面上标准照片是四边形，叫做角版，根据主题形状自由变化的照片类型叫做“挖版”，将周边部分进行部分淡化处理的叫“模糊版”，三种版式不仅在类型上有所区别，在视觉效果上也存在着很大差异。

http://www.iweber.cn/attachments/month_0704/y2007428141648.jpg


角版：合理的、理性的、新闻性的
挖版：自由的、非正式的、欢迎的 、活泼的
角版和模糊版是相对的 ，模糊版能营造一种神秘的奇妙氛围，表现出朦胧的美和优雅，但绝对不适合新闻的严谨性。


http://www.iweber.cn/attachments/month_0704/82007428142014.gif


http://www.kookhaknews.com/
采用角版图片，与新闻形象十分相称，使版面紧凑，体现出理性的、新闻性的。角版一般在相对正式庄重的网站上使用。
http://www.iweber.cn/attachments/month_0704/i2007428142053.jpg

http://www.ssamzie.co.kr/
网页界面中采用非正式的、自由的挖版形式，能够给观者一种轻松自由进入画面的情绪，体现出亲切、欢迎的表现形式


http://www.iweber.cn/attachments/month_0704/a2007428142147.jpg
http://51ning.51.net/
采用模糊版，体现出优雅和宽裕的感觉，同时图片与背景颜色的过度融合，使人进入一种神秘的画面

网页界面上下左右都有一定的幅度空白，叫做留白。版面率指空白的多少，版面率越高，空白就越少。
http://www.iweber.cn/attachments/month_0704/72007428142331.gif

http://www.cctv.com/default.shtml
央视网站紧缩空白，放入很多内容，给人信息丰富的感觉，如果空白大了，就很难表现出信息量的感觉，版面率高，体现信息丰富；在我们日常接触的印刷物中，报纸的版面率是非常高的。

http://www.iweber.cn/attachments/month_0704/72007428142331.gif

http://www.delamer.co.kr/
化妆品旁扩大空白量，造成舒畅、稳重的氛围，给人高品质的感觉