用Axure制作Material-Design的APP原型(附元件库下载).pdf

用Axure制作Material Design的APP原型（附元件库下载）
做Material Design风格的原型，首先是你对它的设计风格喜欢并且热爱，这里就不解释什么
是Material Design了。如果对设计规范不了解，也可以先看一下Material Design的设计规范中文
版。熟读，最好是烂熟于心。
原型目的，也可以说要解决的问题：
1. 降低与设计方面沟通成本。
2. 需求阶段能让开发预知技术难度。
3. 提高原型可读性和可操作性。
元件库
好的元件库能让原型制作的效率事半功倍，最好用的元件库是自己做的元件库。当然，如果懒得做
也可以用我的（文末有下载）。
图里展示的是一些常用的元件。样式、尺寸和交互效果已经设置好了属于那种改改文字就可以用的
傻瓜式元件库，即使完全不了解Material Design的设计规范也能比划个差不多。
举个栗子，从这里随手拉出来几个元件就能拼成一个页面。
经过Markman标注之后，对照设计规范来看更清晰。
我自己手里的项目也是用这个元件库来画的，这里就不展示了。
制作技巧
1. 网格设置中，把间距设定为8px。Material Design中，8px是比较常见的距离和尺寸单位。这样在
拖动或放大元件时，方便控制元件的间距和尺寸。
2. 母版的运用：可以将一些全局功能，比如搜索、抽屉栏、设置按钮、做成母版。哪个页面需要就
直接把做好的母版拖进去。比如这个搜索：
[点击前]
[点击后]
这个搜索的母版范围是整个页面。这样的话，原型制作完毕，哪个页面需要搜索，直接把搜索母版
拖进去。再更新原型文档时，注意设置好面板层级顺序。当然也有其他方法，比如点击了搜索按钮
直接进入全新的搜索页面，这需要由产品的交互来确定。
3. 有意识的控制一个页面中动态面板的是用数量。一个页面中的动态面板不要太多，过多的动态面
板会使原型制作效率降低，对原型的更新和再次维护的难度也在增加。
4. 统一交互的动效时间。在我的原型中，有两