《Axure高保真原型App设计学习心得——母版设计底部导航栏》

2020-06-25  本文已影响0人  _Kevin丶

        在用Axure设计一个App原型的时候,总会有重复的板块,但是一个个页面设计过于麻烦,因此用母版的方式对基础交互进行设计,可以大大降低新页面的制作成本,也能降低修改成本

        母版(Master)可以理解为模板,而母版又分为三种类型:

        1.放在任何位置(Place Anywhere),Master 只控制内容,位置可以随便摆放。

        2.背景固定(Lock to MasterLocation),位置和内容都由 Master 控制。

        3.脱离控制(Break Away),位置和内容都不受限制,跟组件(Widget)是一样的效果。

        下面就用母版中的Place Anywhere去制作底部导航栏。

        制作过程

        在元件库的下方的母版板块新建一个母版。

        创建一个大小为828 * 170大小的矩形,颜色自定义,也可以去掉边框。

        将下载好的icon拖拽到Axure里面,并更改为适合底部导航栏的大小,在分布中选择“水平分布”,便可使得icon之间均匀排布。在icon下添加文本标签,更改合适大小的字号,最后统一颜色风格。

水平分布的准则为最开始的和最后之间的距离

在需要的页面上,直接拖拽母版便可以使用。

上一篇下一篇

猜你喜欢

热点阅读