Axure快速设计微信公众账号原型

手机原型设计要从两方面去提高工作效率,第一是要使用Axure的框架功能减少背景层的使用次数,第二是使用中继器。掌握这两个功能的用法能够提高至少50%的工作效率。

一 使用框架

  1. 创建一个框架首页,百度搜索一张手机背景图片添加到页面中。
  2. 添加一个内连框架到手机背景的上层,大小设置为手机屏幕大小,示例中使用的手机为 Iphone 6,所有内联框架的宽高为375 667。设置页面载入时的默认页面为公众账号首页。
  3. 设置内联框的边框为不可见,设置框架滚动条为自动显示或隐藏
  4. 添加公众账号首页页面,在页面中添加状态栏、微信导航栏和页面底部链接,在消息列表按钮中添加框架链接。

二 中继器

1. 创建消息列表页面,首先把状态栏、微信导航、页面导航设置好后开始制作消息列表。

    首先在页面中添加中继器,双击中继器打开中继器页面样式后设置自己的样式并设置数据的行数。

总结

1. 使用框架作为页面背景后,页面中每一个链接都设置为框架链接

2. 框架的滚动条显示时会减少框架内的可视区域,所以应尽量减少滚动条的出现

3. 中继器不单单能够自动复制单行内容形成列表,还可以在中继器内设置参数使得部分数据可变

4. 使用框架为背景时页面标注无法直接在原型中做

发表评论