如何设计出色的网站后台原型？

  时隔4个月回来再看这个回答，确实是发现有很多不够严谨的地方，也有不少朋友和我聊过这方面的问题了，特此补充一下：

  1.后台的架构企业网站建设是非常复杂的，决计不是一篇千字不到的文章就可以将后台设计的整个生命周期阐述清楚，因此我建议大家把这个回答当做一个立项时候的方法论就好。

  2.关于第一张图已经被很多人吐槽了，这种图是我立项的时候，自己整理思路，或者和需求方讨论的时候作为纲领来用的，主要是帮助我在需求还不清晰完整的时候，枚举出大部分可能存在的需求并进行粗略的分类，当需求已经得以窥知全貌的时候，当然还会有更加细节的功能流程图和时序图等uml吧啦吧啦的。大家如果更习惯用思维导图，其实更好。

  3.一个完备的后台，可能会包括多种类型或者不同权限的用户，以及功能之间很多时候并非完全割裂，对于这样的情况，粗暴的将功能分为一个个桶自然不太合适，后续是需要对此进行功能的再次梳理和功能间的合理跳转的。

  4. @justinlam 搞系统架构比我资深，他的这篇文章可以作为大家的补充阅读：如何规划系统的架构 - 遇见产品 - 知乎专栏

  5.在后续的产品迭代过程中，后台的确会越来越臃肿，但是这不是在设计后台之初就不进行模块结构化设计的理由。诚然当初答题的时候我思考的不一定的完全的妥当，但是一个结构不够清晰的后台意味着以后想加功能都不知道放哪。信息架构杂乱要命的后台，无论是对使用者还是对后续的开发团队都是噩梦。总而言之，好看不重要，但是清晰的结构，正是为了以后想加功能的时候更方便顺手。初创功能不复杂的时候弄一个mvp没问题，但是题目问的并不是这个（创业的时候赶紧搞一个能用的才是要紧事）

  6.欢迎吐槽，哈哈哈（做了一点微小的工作，被好多前辈点了反对，误人子弟了，有点愧疚）

  ---------------------------------------------------分割线-----------------------------------------------

  要制作一个优秀的后台原型，我认为主要就分为三个部分：

  1.对于后台功能模块的结构和页面逻辑有清晰的认识

  2.能够熟练的使用原型工具

  3.优秀的设计风格和设计规范

  1是基础，2是进阶，3则是让原型变得出色的点缀。

  2）左侧边栏汉堡包样式的层级分类（偷懒~大概就是worktile的侧边栏样式）3）左侧边栏二级分类列表浮出

  再来说说原型应该怎么玩虽然最近各种在线原型工具层出不穷，但是守旧的我还是习惯用Axure+PS的方式来完成高低保真原型的工作，具体到后台管理页面的原型绘制，我觉得一分钱的交互动效都是没有必要的，那么你需要做的只是拉框拉线罢了，这里上传一些我攒的axure控件库，有收集的也有自制的，应该能够很大程度上提高制作原型的效率（https://pan.baidu.com/s/1eSzBSIY）。另外分享一个我很早之前制作的网页原型，可惜关于后台的部分在我离职交接的时候遗失了，大家凑合着看吧，希望能够帮助到大家（KPPW原型.rp_免费高速下载）

  最后来扯一下怎么让自己画的后台页面原型逼格满满分享一个超级棒的网站（主题森林290+ High Quality Admin Templates），可不仅仅有各种好看到爆后台界面demo哦！！！看看人家歪果仁的后台界面，心水啊1.Oxygenna Themes

  2.这个动效炒鸡喜欢PLEASURE - Material Design Responsive Admin Panel

  3.EDUMIX这个也不错