当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 基本的页面设计元素布局比例

CSS样式表
CSS:提高网页在浏览器的渲染速度
css网页制作实用技巧9则
思考Web站点设计对类以及id的命名方式
CSS教程:关于网页图片的属性
CSS教程:元素层叠级别及z-index
div css在思路和流程上实现结构与表现的分离
CSS入门教程:网页首字下沉
IE6、IE7和FF的最简单的hack技巧
跨浏览器实现float:center
css技巧:经典CSS使用技巧几则
CSS教程:legend标签设定宽度
网站进行W3C XHTML1.0验证的经验
CSS教程:网页颜色的几种表示
网页CSS背景图片使用的测试结果
CSS网页布局:网页页面结构化
SPAN和DIV,Class与ID的区别汇总
xhtml css网页制作中问题解决的方式
div css与xhtml css是什么意思?
CSS样式表优化更整洁而简短
CSS设计网站导航菜单的优势

CSS样式表 中的 基本的页面设计元素布局比例


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 60 ::
收藏到网摘: n/a

基本的页面设计元素布局比例,给大家做个参考

标志图案

位置 统计结果
左上角 84%
右上角 6%
上方居中 6%
其他位置 4%

搜索功能

位置 统计结果
右上角 35%
左上角 30%
上方居中 14%
中间居中 12%
其他位置 12%

导航模式

位置 统计结果
左导航栅格 30%
选项卡 30%
通过页面顶端的链接 18%
页面中间的类别 12%
下拉菜单 10%
其他 ( 左边、底部、底部居中 ) 6%

帮助内容

位置 统计结果
右上角 41%
顶部居中 44%
左上角 4%
页中居左 11%
右下角 7%
下方居中 11%
左下方 19%