1 / 5
文档名称:

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

格式:pdf   大小:406KB   页数:5页
下载后只包含 1 个 PDF 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

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

上传人:陈潇睡不醒 2021/4/3 文件大小:406 KB

下载得到文件列表

用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. 统一交互的动效时间。在我的原型中,有两