经过上一节的分析，这时候在有一个大概的结构模样。这时候可以进行初步的设计了。
这一节是对网站的机构进行整体布局设计，主要内容有：
- 网站整体风格
百度百科：所谓网站风格是指，网站页面设计上的视觉元素组合在一起的整体形象，展现给人的直观感受。目前叫推崇的是极简风格，但针对这个项目本身是为企业而做，需要稳重而不花俏，所以整体风格偏中性设计。 - 色系的使用
个人所在单位是以蓝色(#0076A4)与白色(#FFFFFF)为主色调的，所以这个项目以蓝色为主，白色更好办了，这是网站default的颜色。相关经验表明，网站色系不宜超过3色，所以这个项目主色为蓝色、白色，配以少部分的浅灰色(#EBEBEB)与橘黄色(#F69321)。 - 页面布局：
在此推荐一款在线设计的工具：在线工具
截图工具推荐 FastStone Capture
大概草图如下：
login.png
index.png
baisc.png
summary.png
============== 未完待续，我是华丽的分割线===============
页面结构：主要-详细页
对于主页面（列表），力求简洁，内容越少越好，list数量太多容易导致加载慢。且浏览者体验 不好。详细页面，层次不宜超过两层。
主页: 概况。将变电站，线路，配变，用户数，重要用户，小电源等分类列出。
详细页：将站-线-变等关系进行级联浏览。
以下类似。。。交互内容处理
（1）尽量减少使用JavaScript，如果使用，尽量用原生js，避免兼容问题。
（2）页面衍生页面不页超过两层。
