axure怎么设计密码输入框的原型?

axure是输入框想要让输入框中输入的字符显示星号,像是输入密码的感觉,该怎么制作呢?下面我们就来看看详细的教程。

1、打开软件。首先找到电脑中的axure所在位置,点击并打开该软件,软件图标如下图所示:

2、文本标签。首先在软件左侧的原价库中找到文本标签,然后鼠标左键按住并拖至空白画布中合适位置,并双击拖入的文本标签将其重命名为——密 码:,如下图所示:

3、文本框。在原件库中找到文本框,像上一步一样拖至合适位置,如下图所示:

4、类型选择。在软件右侧的属性编辑区中,点击类型选择框选择密码,如下图所示:

5、样式编辑。切换至样式编辑区,然后可以对其样式进行调整,例如位置、尺寸、边框……,如下图所示:

6、结果预览。完成操作后点击软件右上角的预览按钮(软件会自动用本地默认浏览器打开预览页面),如下图所示:

7、验证结果。在浏览器网页的输入框中输入任意信息进行验证,发现显示为*则为设置成功,如下图所示:

以上就是axure设计密码输入框的教程,希望大家喜欢,请继续关注我们。

(0)

相关推荐

  • 常用快速原型设计工具大比拼.原型设计工具哪个好用

    原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用 ...

  • axure怎么设计手机屏幕的滚动条原型?

    axure想要设计一个手机屏幕滚动条的效果,该怎么制作呢?下面我们就来看看详细的教程. 1.我们先打开我们的axure软件,点击新建,然后将我们的手机模型拖拽进我们的axure,点击我们的“动态面板” ...

  • axure怎么设计手机app的侧边栏原型?

    axure想要设计一款手机app的侧边栏,该怎么设计呢?下面我们就来看看详细的教程. 1.我们先打开我们的axure软件,点击新建,然后将我们的手机模型拖拽进我们的axure,点击我们的“动态面板”将 ...

  • axure怎么设计QQ登录界面交互效果?

    axure中想要设计QQ登录界面交互效果的页面原型,该怎么设计呢?下面我们就来看看详细的教程. 1.制作背景动态模板,在动态面板内新建背景图层,设置投影样式 2.制作右上角设置小图标交互样式(以设置小 ...

  • Axure怎么设计页面标签可以切换的登录框?

    Axure中想要设计两个标签中选择相关的登录方式,该怎么设计呢?登录框的两个标签可以任意切换,未选中的标签突出显示.下面我们就来看看详细的设计教程. 1.拖动一个动态面板Dynamic Panel到页 ...

  • axure怎么设计鼠标移入移出显示或隐藏面板?

    axure8鼠标移入显示面板,鼠标移出隐藏面板 1.打开Axure8在一个新的页面中添加一个按钮和一个动态面板. 2.设置动态面板为隐藏,右击动态面板,选择设为隐藏,如果里面有按钮.链接,那么需要对其 ...

  • axure怎么设计由流程组件组成的UI?

    想要使用axure流程组件设计UI,该怎么设计呢?下面我们就来看看详细的教程. 1.打开Axure RP 8 2.点击左下方的[库]中的[Flow] 3.从左侧拖动矩形对象到主窗口 4.从左侧矩形组对 ...

  • Axure怎么设计手机短信倒计时效果?

    填写手机号码,发送短信验证码这一功能已经非常普遍了,对原型设计来说,制作出较好的类似动态效果,无论是对开发还是对测试,都会有很大的帮助. 1.首先新建一个动态面板,该动态面板要有两个状态,状态一.状态 ...

  • Axure怎么设计一个左侧二级导航切换效果?

    Axure是产品岗位常用的工具,这里为大家做一个二级导航的样例,点击一级导航,展开其二级导航,点击第二个一级导航,展开其二级导航,并隐藏已经打开的其他二级导航. 一.基础准备工作 1.首先大家通过Ax ...