Axure新手养成计划(连载20)

Axure书籍 小楼一夜听春语 14579℃ 0评论

6.4.  元件的说明

苏苏:楼哥,我想做一个输入框中输入的身份证号码是否有效的判断。

小楼:苏苏,在我们原型制作的过程中,有时并不是所有的功能都要通过给元件添加交互用例、动作来进行展现。像你所说的这种身份证号码的验证,在Axure中实现会非常复杂,而对于开发来说,这种验证也往往是很通用的,甚至都有可重用的代码。所以,我们完全没必在原型中实现真正的验证,把精力耗费在这个上面非常不值得,这种情况我们只需要给这个文本框加相应的文字说明就好了。

6.4.1.  添加元件说明

【说明】是用来给元件添加注释说明的。比如我们在绘制原型的时候有一个用户名的输入框,这个输入框会有一些验证的限制,像不能有特殊字符等等。但是在原型上实现一些复杂的验证不是很方便,也会很耗费时间。所以像这种情况时,我们可以直接给元件添加说明,在说明中写出验证要求 。(图122)

122

(图122)

当我们给元件添加了说明,在浏览器中查看原型时,网页中添加了说明的元件的右上角会出现说明的图标,点击图标就能看到我们在Axure中编辑时添加的说明。站点地图里面还有方便我们阅览原型的功能,我们先记住前面两个的作用,第一个就是元件说明的开关,它能够控制页面中元件说明的图标是否显示。第二个是能够高亮显示页面中有交互的元件,方便浏览原型时查看页面中的交互。(图123)

123

(图123)

6.4.2.  自定义说明字段

在前面的介绍中,我们只是给元件添加了一个说明,其实在原型制作过程中往往一个元件需要多个说明,比如一个添加商品信息的按钮,它需要包含业务描述、需求描述、行为人、前置条件、后置条件、其他说明等等。这个时候,我们就需要添加多个说明。

点击功能面板中的【自定义】打开说明编辑界面,在【添加】的列表中选择一种类型就可以添加一个说明字段,新添加的字段就会出现在【说明】的功能模块中,我们再写入对应的说明文字就可以了。添加的说明字段一个有四种:文本、列表选项、数字和日期。一般比较常用的就是文本和列表选项,像商品信息这个例子中的行为人是几个固定的部门,我们就可以将说明字段设置为列表选项,把这些部门预置进去,供我们选择使用,免去每次输入的繁琐。(图124)

124

(图124)


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » Axure新手养成计划(连载20)

喜欢 (33)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 看到这里确实收益良多!因此留言表示感谢,谢谢小楼老师!
    不是本人2016-03-06 17:49 回复