这几天对建个站系统进行了升级，相对前几次的升级来说这次的改动是比较大的，尤其是界面，将之前的蓝色主色换成了银色，操作流程也作了大幅优化。这次改版下来，私下问了很多人，还算比较满意。自己搞了好些年的网页设计，做了很多东西，也有很多新的想法，一直想写点技术流的东西与大家分享，但都找不到好的切入点，今天想到一点，也是被应用到新版建个站系统的一个方式，那就是用颜色来标识网站路径导航。

“热点色”

我们喜欢将需要重点突出的文字或区域加上特别的颜色，这样就更能吸引用户的注意，从而形成一个个的“热点”，网页里需要被标识为热点的内容很多，比如标题、重要提示语等，而用户在对网站的操作过程中形成的网站路径状态也同样重要。

“网站路径导航”

打个比方，客户问我们的客服人员提问：“如何关闭在建个站创建的网站？”

那么在新版本没有推出的时候，客服人员可能是这样回答的：“请点击左侧的【系统】，在弹出的列表中点击【基本设置】转到基本设置页面，然后在基本设置页面上方点击【开启/关闭网站】，最后编辑相应的信息。”

这就是一个网站路径导航，其实表达这些意思只需一个图片：

这样是不是很直观？【系统】、【基本设置】、【开启/关闭网站】用浅黄热点标识，就能表现出整个操作路径了。同样这样的应用可以覆盖整个系统，比如：

将整个网站的hover操作都用统一的热点颜色标识，用户就能准确判断出现在的操作状态，个人觉得要比传统的文字导航来得更直观，来对比下另外一个版本：

这是之前版本的系统截图，图中红圈部分就是文字导航，也是被广泛使用的一种提示方式。在这种展现方式下用户需要在固定的区域去查看自己当前的状态，不直观，也分散注意力。

用热点色来标识网站路径导航是一种很好的方式，当然这仅仅是对于后台管理系统来说的，其他的界面环境，可能还是文字导航要更易于应用。