Axure 灯箱效果

Axure灯箱效果

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： Axure RP 8

作者：苏恩祺

撰写时间：2021/7/28

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1.打开Axure软件

2.在元件库那里拉出一个矩形，改大小，然后再拉出两个矩形，改一下大小，把边框隐藏掉保留下面的边框，一个改成橙色，一个为灰色，边框加粗一点，分别输入“手机号登录”“邮箱登录”，字体颜色也改一下。

3.在元件库里拉出三级标签，内容改为“使用短信验证登录”，再从元件库那里拉出一个信封图标，改大小，放在标签左边，再从元件库那里拉出一个矩形，改大小，放在中心编上的位置，往矩形里面放个文本框，类型改为“电话号码”，然后拉出一个手机图标，改一下大小，放在文本框旁边，然后把它们三个复制下来，放在下面，把手机图标改成锁的图标，文本框类型改为“密码”，记得给两个文本框设置提示语。

4在元件库里拉出一个按钮，改大一下，颜色改为橙色，里面的单词改为“登录”，在“登录”按钮的左下角，放个三级标签，内容随意，像平时那些登陆界面就行了，比如“忘记密码”之类的，在“登录”按钮右下角也放个三级标签，内容改为“去注册”，在它右边放个向右的单角符，然后都改成橙色。

5.拉出一个三级标签，内容改为“其他登录方式”，再从元件库那里拉出一个椭圆形，改大小，往里面放入微信图标，然后复制两个出来，里面的图标改为QQ和新浪微博。

6.将它们都组合起来，然后隐藏，然后拉出一个按钮，放在上面，在属性界面那里选择“鼠标单击时”，选择“显示/隐藏”，然后在右边的界面那里选择组合，可见性为“显示”，在更多选项那里选择“灯箱效果”就行了。

7，点击右上角的预览便可知晓成果如何。

这是我所学到的Axure翻牌制作步骤，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

Axure 灯箱效果相关推荐

灯箱效果lightbox.js的使用示例
灯箱效果想必大家都很熟悉,平常用的也会比较多. 今天研究了下反应比较好的jquery插件lightbox.js,虽然界面效果不错,但是也有缺点兼容性:各大浏览器和ie6+ 不足: 1由于我们使用时是 ...
jQuery lightBox plugin 灯箱效果
一个灯箱效果的图片展示插件. 版本: jQuery v1.2.3+ jQuery lightBox v0.5 注意事项: 1.需载入 css 文件,配合使用(也可以合并到你的 css 文件中) 2.链 ...
20个超棒的CSS3图片切换灯箱效果教程推荐
CSS3中增加了诸多新的特性,借助这些特性,可以实现不可思议的效果.本文带来20个教程,教你如何使用CSS3创建引人注目的图片切换效果和灯箱效果. 点击小标题可以直接看效果 1. 创建带3D灯箱动画 ...
灯箱效果(点击小图弹出大图集然后轮播)
<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="UTF-8&q ...
用JS模拟向左移动的侧移式灯箱效果
HTML结构如下: 其中ahot是表示有几屏,现在正移动到哪一屏: ohot表示整个灯箱,ihot也是整个灯箱,但先是隐藏起来的: 而dhot表示一屏灯箱,此处共四屏: hot_div是表示一屏灯箱的 ...
推荐一款jquery前端插件（zoomify），灯箱效果插件（用于图片看大图的效果），简单易用！
前段时间项目中,需要使用图片看大图的效果,主要是用于上传的企业工商执照等信息.这个时候的需求是希望放大图片,看到大图.在进行认真调研基础上发现了一款极好用.极简单的前端插件 zoomify,下面简单介 ...
LightBox －灯箱效果插件(非常漂亮）
Lightbox,也就是灯箱特效 1)TopUp是一款基于jquery用于显示图片和网页的对话框组件. 主页: http://gettopup.com/ 2)CeraB ...
【网站开发必备】——12款响应式 Lightbox（灯箱）效果插件
灯箱效果(Lightbox)是网站中最常用的效果之一,用于实现类似模态对话框的效果.网络上各种 Lightbox 插件琳琅满目,随着响应式设计(Respnsive Design)的发展,这一先进理念也 ...
JS图片灯箱(lightBox)效果基本原理和demo
到年底了,项目不怎么忙,所以有空特地研究了下KISSY中源码JS灯箱效果,感觉代码比较简单,所以就按照他们的思路依赖于Jquery框架也封装了一个,特地分享给大家,以前经常看到网上很多这样的插件,感觉 ...
java图片灯箱,[WordPress教程]纯代码实现图片灯箱lightbox效果
今天在群里唠嗑的时候,有个朋友问有没有推荐的图片点击放大预览的WordPress插件,我心想这不就是图片灯箱的效果吗,这玩意儿还要用插件吗? 于是便本着助人为乐的心态给答应他用代码整一个,其实也挺简单 ...

Axure 灯箱效果

Axure 灯箱效果相关推荐

最新文章

热门文章