以下是由桔子科技为您提供的企业网页版面规划:
-
企业网页版面构成
企业网页的版面构成是指页面内部各部分的组织结构。一般包括头部(Head)、主体(Main)和底部(Foot)三大部分。根据需求,有时还会在头部下方加上导航栏(Men)。
-
版面布局原则
在进行企业网页版面设计时,首先要考虑的是与功能区域相对应的布局,同时还需要遵守一定的比例规则。以下是一些布局原则:
- 用户浏览页面时的视觉流向:用户首先看到的是页面的头部,通常那里是这个网站的Logo;
- 导航栏(Men)用于页面导航;
- 左侧边栏提供详细的功能导航;
- 内容部分位于页面中心位置;
- 底部为网页的结束部分。
-
版面分割
以常见的黄金分割比例为例,我们可以将页面进行如下分割:
- 按照高度方向,将页面的上部1/分为头部(Head)和导航栏(Men);
- 在宽度方向上,将中部左侧1/分为边栏(Sidebar),剩余的部分留给内容区域;
- 将下部1/分为网页底部(Foot)。
-
企业网页版面结构
在页面布局中,各个区域大小的定义方式不同。以下是企业网页版面结构的一些特点:
- 头部区域:宽度按照比例设置,高度采用固定像素值确定;
- 导航栏区域:与头部配置要求一致;
- 边栏区域:宽度结合内容区域的黄金分割比例,高度采用比例设置;
- 内容区域:布局方向均按比例设置;
- 底部区域:宽度按照比例设置,高度采用固定像素值确定。
-
企业网页版面设计
除了以上要求外,还需要注意以下几点:
- 页面应能自适应不同的分辨率;
- 界面层次不超过一定数量;
- 默认窗口不应出现滚动条;
- 内容超出显示区域时以浮动层形式展现;
- 利用用户的视觉焦点,如对角线交点和上方四分之一处放置重要内容。
-
页面美化
企业网页的界面设计应符合美学原则,具有协调舒适感,能够吸引用户注意力。以下是一些建议和要求:
- 长宽比例接近黄金分割点;
- 合理布局,既要避免过于密集,也不能过于空旷;
- 按照一定的大小和空间设置按钮大小;
- 响应式设计,按钮等控件随窗体缩放;
- 系统对话框不支持缩放。
-
页面字体
设置页面字体时需要遵循以下要求:
- 页面文字编码为UTF-8;
- 设置对应字体的属性,如中文使用“宋体”,英文使用“rial”或“verdana”;
- 根据内容级别的不同设置相应大小的字体。