教大家使用Axure制作Input输入框效果

2025-04-05 17:18:50

1、打开Axure,今天教大家使用Axure制作Input输入框效果,如下图所示。

教大家使用Axure制作Input输入框效果

2、首先将需要的元件拖入到正文当中,如下图所示。

教大家使用Axure制作Input输入框效果

3、然后我们对元件的样式及大小进行设置,如下图所示。

教大家使用Axure制作Input输入框效果

4、然后给元件的交互样式进行设置,如下图所示。

教大家使用Axure制作Input输入框效果

5、下面给文本输入框设置交互事件及交互样式,这里需要注意将边框隐藏一下,如下图所示。

教大家使用Axure制作Input输入框效果

6、然后将两个元件合并到一起,形成下面的图形,如下图所示。

教大家使用Axure制作Input输入框效果

7、最后F5预览一下,看一下效果,如下图所示。

教大家使用Axure制作Input输入框效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢