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

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

作者: _Kevin丶 | 来源:发表于2020-06-25 20:47 被阅读0次

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

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

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

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

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

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

            制作过程

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

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

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

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/aohefktx.html