web.py个人项目开发实录（二）项目前期分析设计2

经过上一节的分析，这时候在有一个大概的结构模样。这时候可以进行初步的设计了。
这一节是对网站的机构进行整体布局设计，主要内容有：

1. 网站整体风格
   百度百科：所谓网站风格是指，网站页面设计上的视觉元素组合在一起的整体形象，展现给人的直观感受。目前叫推崇的是极简风格，但针对这个项目本身是为企业而做，需要稳重而不花俏，所以整体风格偏中性设计。
2. 色系的使用
   个人所在单位是以蓝色(#0076A4)与白色(#FFFFFF)为主色调的，所以这个项目以蓝色为主，白色更好办了，这是网站default的颜色。相关经验表明，网站色系不宜超过3色，所以这个项目主色为蓝色、白色，配以少部分的浅灰色(#EBEBEB)与橘黄色(#F69321)。
3. 页面布局：
   在此推荐一款在线设计的工具：在线工具
   截图工具推荐 FastStone Capture
   大概草图如下：

login.png

index.png

baisc.png

summary.png

============== 未完待续，我是华丽的分割线===============

4. 页面结构：主要-详细页
   对于主页面（列表），力求简洁，内容越少越好，list数量太多容易导致加载慢。且浏览者体验 不好。详细页面，层次不宜超过两层。
   主页: 概况。将变电站，线路，配变，用户数，重要用户，小电源等分类列出。
   详细页：将站-线-变等关系进行级联浏览。
   以下类似。。。

5. 交互内容处理
   （1）尽量减少使用JavaScript，如果使用，尽量用原生js，避免兼容问题。
   （2）页面衍生页面不页超过两层。