Axure RP 8制作QQ登录

最新推荐文章于 2024-05-29 18:03:54 发布
最新推荐文章于 2024-05-29 18:03:54 发布
阅读量1.8k 收藏 6
点赞数 1
文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq3305559894/article/details/121793553
版权
本文介绍如何使用Axure RP 8逐步构建一个QQ登录界面，包括设置背景、添加文本、输入框、按钮及交互事件，如账号和密码为空时的提示以及登录成功的展示。
摘要由CSDN通过智能技术生成

今天给大家分享一个简单的案例

步骤一：

我们先把布局弄好一个矩形作为背景，文字用文本标签去写，两个文本框，一个登录按钮，按着下面的图片布局。如下图所示；

 

步骤二：

给密码设置一个组。如下图所示；

步骤三：

再弄两个文本标签，输入请输入QQ账号 和 请输入密码，一个矩形，如下图所示；

最低0.47元/天 解锁文章
哈哈我老菜了
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
制作QQ登录界面
weixin_44719580的博客
05-25 4522
制作QQ登录界面实验名称实验步骤1.程序大致理解2.代码实现总结 实验名称 QQ登录界面 实验步骤 1.程序大致理解 在构建UI界面时不要着急动手，首先要考虑准备哪些素材（如：图片资源），会用到哪些控件，把步骤想清楚再动手实践，养成良好的编程习惯在以后开发中会有很大帮助。现在先来看一下QQ登录界面，预览效果如下图所示。 (1). 从图中可以看出，该界面需要一张图片作为QQ头像，因此找到1张图片（...
如何用AXURE制作QQ登录
weixin_57762639的博客
04-29 1282
一共有8个步骤，按顺序操作下去 1.我们进入Axure时，在左边找到图片 2.然后从左边托一个矩形到主页面，为它添加阴影 3.然后从左边托俩个三级标题，打上文字 4.好了之后，在托俩个文本框，鼠标单击文本框在右边给它输录提示文字 5.然后，在托一个矩形，改变成圆角矩形，加文字和渐变色 6.进入后在托俩个复选框，打上文字 7.然后，在托一个矩形，隐藏 8. 然后，在添加命令，设立条件 8. 好了之后，点击右上角预览，就好了 ...
axure模拟QQ界面
05-18
使用Axure RP8模拟QQ，实现简单的QQ登录、聊天等功能， 并且有多个联系人，每个联系人对应不同的聊天界面。
Axure RP 8 制作登录界面
热门推荐
loa_loa的博客
02-26 2万+
1、打开Axure RP 8软件，左侧元件库内拖出一个矩形Bg和一个文本标签BgText，做背景面板   2、添加两个文本标签：NameText、PwdText并修改了标签显示内容； 再添加两个输入框:NameInput01、PwdInput01，（注：点击密码输入框，在右侧的属性中将【类型】选为密码，这样输入密码时就不会显示）     3、再拖出两个连接按钮：忘记密码Forg...
Axure RP 10制作用户登录界面
最新发布
Peppaaa的博客
05-29 2711
本文介绍了如何用Axure RP 10制作用户登录界面。
用RP8制作登录面板，并通过验证码验证
MuZiChunChun的博客
11-05 691
利用全局变量验证登录窗体，同时设置随机验证码
AxureRP8手机端模板保真元件
01-18
"AxureRP8手机端模板保真元件"的标题和描述暗示了这个压缩包包含的是专门为Axure RP8设计的一系列用于构建手机端原型的高保真模板和元件。 保真度是衡量原型真实反映最终产品外观和功能的程度。高保真原型提供了更...
Axure RP 模仿TIM或者QQ登录界面
11-26
主要的学习有1.原件的移动 2.全局变量的使用，输入密码的时候可以撤销 3.密码的查看与隐藏 4、自制输入键盘和数字键盘
Axure RP 8 中文补丁
09-18
Axure RP 8是一款流行的原型设计工具，广泛用于IT行业的交互设计师和产品经理，它能帮助用户快速创建线框图、原型以及自动生成规格文档。在标题"Axure RP 8 中文补丁"中，我们可以理解到这个压缩包提供的是让Axure ...
AxureRP8免费安装包
08-24
这个“AxureRP8免费安装包”包含了一个便携式版本的Axure RP 8.1.0.3372和相关的安装说明，旨在为用户提供一个便捷的、无需复杂配置的使用体验，特别是对于初次接触该软件的新手来说。 1. **Axure RP 8简介**： ...
《Axure RP 8 实战手册》.rar
06-06
《Axure RP 8 实战手册》是一本深入解析 Axure RP 8 软件使用的专业指南。这本书详尽地介绍了如何运用 Axure RP 8 进行原型设计和交互设计，帮助读者掌握这一强大的工具，提升产品设计效率。 Axure RP 8 是一款广泛...
Axure原型之简单登录界面
11-29
一个简单的axure原型示例，仅供参考（用axure8做的，低版本可能打不开）
【Axure教程】制作高保真登录界面
liuping750929的专栏
10-22 2443
转载自：老二牛车教育 » 【Axure教程】制作高保真登录界面 在使用Axure制作网页的原型图时，经常会有注册、登录页面需要设计，这样的页面时常作为一个产品的首页出现在人们面前而且往往会被一点而过，如果我们能在这样的页面上加入一些细节的设计，一定会给我们的原型图加分不少!是的，今天我们探讨的中心就是：如何制作一个高保真的登录界面!下面先看下我做的效果图： 高保真登录框rp
QQ登录界面制作
yunchen523的博客
12-04 2568
实现简单的QQ登录操作（阶段一） 学习了java连接数据库后，便想简单的实现一下QQ登录的操作，但是也想拥有一个好看的界面，于是便打算进行界面设计（个人喜好不同，不喜勿喷）。 因为看起来比较酷，我取了一个比较科幻的名字：虚现时代 效果如下： 首先便是QQ登录界面的设计了，我设计的尺寸为570*470。 具体大小可自我调整。 package qqcreate; import java.awt.BorderLayout; import javax.swing.JFrame; import javax.sw
Axure RP仿QQ音乐app高保真原型图交互模板源文件
天天打码-16年老码农
09-02 2063
原型中使用大量的动态面板、中继器、母版，涵盖Axure中技术点较多。多数页面做了长页面的滑动效果，内容工作量很丰富。原型中填了精品图，图片文字都可以重新编辑。是一份用来项目参考必备的作品素材~Axure RP仿QQ音乐app高保真原型图交互模板源文件。本套素材模板的机型选择华为的mate30，在尺寸和风格方面，采用标准化制作方案，这样做出来的原型图模板显示效果非常优秀。
Axure学习笔记02.类似QQ登录窗口设计
花开不败
04-03 2518
第一次用Axure不知道画点啥，就试着画了一个类似QQ登录的窗口，先上几个效果截图。
Axure 原型设计QQ简易登录
weixin_57765394的博客
08-30 736
注意看红色圆圈，共有28步骤，按顺序操作下去 拉一个矩形出来 2、拉一个三级标题居中 3、把三级标题改为QQ登录 4、再拉两个三级标题出来改为账号和密码 5、拉两个文本框对齐账号和密码 6、给两个文本框取个名字 7、拉两个三级标题在两个文本框下面并打上提示语 8、拖一个主要按钮居中 9、给下面两个三级标题打上名字并隐藏， 10、拖一个矩形出来并打上提示语 11、把大框拖至中间并隐藏 12、单击主要按钮选择鼠标单击时 13、单击选择条
如何用AXURE制作简单的QQ登录
weixin_57762639的博客
05-27 1148
一共有11个步骤，按顺序操作下去 1.我们进入Axure时，在左边找到元件库 2.然后从左边拖两个三级标题，输录文字 3.然后，我们再拖两个文本框，给第一个文本框添加提示文字，将文本框的类型设为Text，将隐藏提示文字的触发条件设为输录文本时 4.然后，给第二个文本框添加提示文字，将文本框的类型设为密码，将隐藏提示文字的触发条件设为输录文本时 5.然后，我们再拖一个矩形，给它去掉边框，添加颜色，之后找到样式给它添加阴影 6.然后再拖两个三级标题，给它输录文字 ...
AXURE手机版注册登录原型（下载+教学）
mushe93的博客
06-06 5013
今天给大家分享一套APP注册/登录界面模板，其中包括本机登录页面，短信验证登录页面，密码登录页面，人脸登录页面，微博、微信、QQ、支付宝登录页面，注册页面，用户协议和隐私条款。该原型使用简单，交互完善。希望您们喜欢。 原型预览及下载页面： https://www.pmdaniu.com/jump?go=https%3A%2F%2Fwww.pmdaniu.com%2Fstorages%2F119690%2F088f7baaed946b1e15b220431194dd81-69620%2Fstart.htm
axure rp8登录注册页面
08-26
Axure RP8的登录注册页面可以根据以下步骤进行设计： 1. 首先，根据案例效果，需要设置输入框的三种不同状态下的显示颜色。可以使用Axure的动态面板功能来实现这一效果。[2] 2. 其次，需要设计一个预置的用户名，并与用户输入的用户名进行比较。 3. 当光标进入文本框时，边框应该呈现黄色。 4. 当光标离开文本框时，如果用户名未输入，则边框应呈现红色，并有淡红色的填充。同时，显示错误的红色提示图标和文字“请输入用户名”。 5. 当光标离开文本框时，如果用户名已注册，则边框应呈现红色，并有淡红色的填充。同时，显示错误的红色提示图标和文字“账号已经存在”。 6. 如果不是以上两种情况，则显示灰色的边框，并显示正确的绿色图标和灰色文字“通过验证”。 7. 最后，为了增加用户友好性，可以添加一个文本标签，并设置其为富文本，将其内容设置为“请输入用户名”，并将其显示为红色。 通过以上步骤，你可以设计出一个符合Axure RP8的登录注册页面。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Axure rp 8_0视频教程菜鸟到高手.zip](https://download.csdn.net/download/cdfunlove/20939396)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [AxureRP8实战手册-案例23（全局变量：账号登录验证①）](https://blog.csdn.net/qq_24857309/article/details/107205785)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值