本文转自知乎，作者相关信息在本文底部
要制作一个优秀的后台原型，我认为主要就分为三个部分：
1.对于后台功能?？榈慕峁购鸵趁媛呒星逦娜鲜?br>
2.能够熟练的使用原型工具
3.优秀的设计风格和设计规范
1是基础，2是进阶，3则是让原型变得出色的点缀。
-
那么首先聊聊怎么样保证后台的功能结构和页面逻辑的清晰合理。 很多人画原型都有一个习惯，就是不管想没想好，直接就开始打开原型工具先拉几个框，或者就照一个自认为非常不错的网站后台开始照葫芦画瓢，这在我看来都是极其危险的。网页后台不同于一般的web界面，他对于功能?？榈幕趾鸵趁娴穆呒笫欠浅８叩?。一方面网站后台的层次结构相比之下要复杂的多，另外一方面，网页后台的功能更偏向于对前端页面的管理，这就导致了功能之间的关联性和引导可能就要弱得多，这样的情况下，如果没有很好的理清后台的结构就开始画原型，那么最后做出来的后台管理系统很可能就是功能的堆积，功能易用性和操作的流程性都很难得到保障。
我将这一步需要注意的事项总结为以下几点，也是我在绘制后台原型时时刻谨记的：
-
画原型之前，先理清后台管理的功能?？椋ü髯唇峁雇祭窗镏约夯忠趁婧湍？?。大概是下面这样（仅供参考~~~）
结构图 -
理清?？橹?，就可以着手设计后台管理系统的骨架，我个人分为三种：主?？椋ㄖ饕治男┒懒⒌墓δ苣？椋?，次级分类（每个功能模块又有哪些次级的功能分类），功能事件（具体到每个功能页面内存在哪些主要的操作），大概的布局方式大概如下三种：
1）顶部选项卡划分主?？?，左侧边栏划分次级分类
12）左侧边栏汉堡包样式的层级分类（大概就是worktile的侧边栏样式）
3）左侧边栏二级分类列表浮出
3
思维导图帮助理清思路很有帮助。
思考的路线应该是自上而下，在进行?？榛质辈灰心嘤诰咛宓哪掣鼋缑娴恼瓜中问健?/p>
结构和逻辑的清晰（骨架）>功能页面的设计（具体到某个页面怎么设计）>优化性质的功能设计（是否需要预览，实时存储等功能）>用户体验
必要时， 可以牺牲用户初次使用的学习成本，初次使用的学习成本是可以为用户熟练掌握后的使用效率让步的
尽量遵循亲密/对比/重复/对齐的四原则。
对于重要但是不知道如何放置的功能，可以考虑放在顶栏的右侧，而不是放在主?？樯希ɡ绨逊⒉既挝穹诺揭欢裍X管理中）
借鉴并不可耻，脑补尤为可怕。
频繁的弹窗并不是好的选择（必要时该弹还是要弹的），如果可以的话，展开和右侧浮出半页都是不错的解决方式。
作者：卿词
链接：https://www.zhihu.com/question/31859504/answer/54462808
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
