基本的页面设计元素布局比例 - 网编技能( ps/dw/专题) - 网编社区

查看: 3030\|回复: 9	go [DreamWeaver教程] 基本的页面设计元素布局比例

乌龙

责任编辑

Rank: 5 Rank: 5

签到天数: 3 天

[LV.2]偶尔看看I

UID: 47923
帖子: 940
牛币: 0 枚
热心度: 0 °
训练值: 0
阅读权限: 30

正式写手

发表于 2008-3-20 12:07 |显示全部帖子

分享到： QQ空间腾讯微博搜狐微博新浪微博人人网开心网豆瓣网

<p>基本的页面设计元素布局比例，给大家做个参考</p>
<p><strong>标志图案</strong>：</p>
<p>
<table style="WIDTH: 441px; HEIGHT: 130px; BACKGROUND-COLOR: #cccccc" cellspacing="1" cellpadding="5" width="441" align="center" border="0">
<tbody>
      <tr>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">位置</td>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">统计结果</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">左上角</td>
         <td style="BACKGROUND-COLOR: #ffffff">84%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">右上角</td>
         <td style="BACKGROUND-COLOR: #ffffff">6%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">上方居中</td>
         <td style="BACKGROUND-COLOR: #ffffff">6%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">其他位置</td>
         <td style="BACKGROUND-COLOR: #ffffff">4%</td>
      </tr>
</tbody>
</table>
</p>
<p><strong>搜索功能</strong>：</p>
<p>
<table style="WIDTH: 441px; HEIGHT: 130px; BACKGROUND-COLOR: #cccccc" cellspacing="1" cellpadding="5" width="441" align="center" border="0">
<tbody>
      <tr>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">位置</td>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">统计结果</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">右上角</td>
         <td style="BACKGROUND-COLOR: #ffffff">35%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">左上角</td>
         <td style="BACKGROUND-COLOR: #ffffff">30%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">上方居中</td>
         <td style="BACKGROUND-COLOR: #ffffff">14%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">中间居中</td>
         <td style="BACKGROUND-COLOR: #ffffff">12%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">其他位置</td>
         <td style="BACKGROUND-COLOR: #ffffff">12%</td>
      </tr>
</tbody>
</table>
</p>
<p><strong>导航模式</strong>：</p>
<p>
<table style="WIDTH: 441px; HEIGHT: 130px; BACKGROUND-COLOR: #cccccc" cellspacing="1" cellpadding="5" width="441" align="center" border="0">
<tbody>
      <tr>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">位置</td>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">统计结果</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">左导航栅格</td>
         <td style="BACKGROUND-COLOR: #ffffff">30%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">选项卡</td>
         <td style="BACKGROUND-COLOR: #ffffff">30%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">通过页面顶端的链接</td>
         <td style="BACKGROUND-COLOR: #ffffff">18%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">页面中间的类别</td>
         <td style="BACKGROUND-COLOR: #ffffff">12%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">下拉菜单</td>
         <td style="BACKGROUND-COLOR: #ffffff">10%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">其他 ( 左边、底部、底部居中 )</td>
         <td style="BACKGROUND-COLOR: #ffffff">6%</td>
      </tr>
</tbody>
</table>
</p>
<p><strong>帮助内容</strong>：</p>
<p>
<table style="WIDTH: 441px; HEIGHT: 130px; BACKGROUND-COLOR: #cccccc" cellspacing="1" cellpadding="5" width="441" align="center" border="0">
<tbody>
      <tr>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">位置</td>
         <td style="BACKGROUND-COLOR: #cccccc" width="70%">统计结果</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">右上角</td>
         <td style="BACKGROUND-COLOR: #ffffff">41%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">顶部居中</td>
         <td style="BACKGROUND-COLOR: #ffffff">44%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">左上角</td>
         <td style="BACKGROUND-COLOR: #ffffff">4%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">页中居左</td>
         <td style="BACKGROUND-COLOR: #ffffff">11%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">右下角</td>
         <td style="BACKGROUND-COLOR: #ffffff">7%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">下方居中</td>
         <td style="BACKGROUND-COLOR: #ffffff">11%</td>
      </tr>
      <tr>
         <td style="BACKGROUND-COLOR: #ffffff">左下方</td>
         <td style="BACKGROUND-COLOR: #ffffff">19%</td>
      </tr>
</tbody>
</table>

回复引用

举报返回顶部

苏子