以下由紫薇科技向大家分享一份网站页面设计方案模板，旨在帮助大家更好地规划和设计出符合用户需求的网页。

1. 页面框架

网站页面的组织结构称为页面框架，它通常包括以下几个部分：Head、Main、Foot。有时为了满足布局需求，我们还会在Head下面添加用于页面功能导航的Men。

2. 布局原则

对于WEB应用而言，页面布局与web应用的功功能区间相对应，切分比例也需要遵循一定规则。设计网页时，首先要考虑用户浏览时的视觉流向：用户首先看到的是页面Head部分的左侧，通常这里摆放网站Logo；然后是陈列主要功能的Men部分；接着是位于页面左侧的sidebar，用于详细展示功能导航；再者是页面中心的内容部分；最后是页面的底部。

3. 页面分割

以示例布局方式为例，我们采用黄金分割比例进行页面分割。首先，按照8*9的方式对页面进行分割，高度方向上，上部8/区域为Head部分和Men部分；宽度方向上，左侧7/区域为sidebar部分，剩余空间留给content区域；高度方向上，下部9/区域为foot部分。

4. 页面结构

页面布局中，各个区域大小的定义方式不同。对功能区域的切分通常按照“像素”和“比例”进行。以14*768分辨率作为基准，Head区域宽度按比例设置，宽度1%，高度固定像素值；Men区域配置要求与Head相同；Sidebar区域宽度结合content区域的黄金分割比例确定，高度按比例设置；Content区域宽度和高度方向均按比例设置；Foot区域宽度1%，高度固定像素值。

5. 页面展现

除了以上要求外，还需考虑以下方面：适应14*768、8*6等分辨率；界面层次不超过3层；默认窗口下无水平、垂直滚动条；超出显示区域以浮动层形式展示；利用屏幕对角线和上方四分之一位置摆放页面元素。

6. 页面美化

界面设计应满足美学观点，感觉协调舒适。建议采用长宽接近黄金分割比例的布局，避免比例失调或宽度过长。控件大小及字体与界面空间相协调；颜色搭配合理；风格保持一致；如支持窗体缩放，则控件也应随窗体缩放；系统对话框不支持缩放。

7. 页面字体

页面文字编码要求UTF-8，中文采用宋体，英文rial或verdana。根据内容级别设置字体大小，Head标题14px，Men导航文字16px，Sidebar文字12px，Content正文14px或16px（标题），Foot文字12px或14px。

通过对以上设计模板的应用，相信大家能够更好地规划和设计出符合用户需求的网站页面。