Axure登录界面制作

Axure登录界面制作

为体现良好的人性交互,当用户输入密码错误或者用户名不存在时界面会提示,这里我们拖入一个标签框作为提示,如图。到这里总体的界面设计就出来了,接下来是要对登录界面的用例逻辑进行设置,当用户名输入为空、密码输入为空、用户名输入错误、密码输入错误、用户名和密码正确时都应该有相应的逻辑用例,这里以当用户名输入为空做例子介绍如何设置登录界面的用例。其余的用例设置大致是一样的,这里我的用例设置为隼韦艽枭当用户名,密码为空或者输入错误时,点击登录按钮提示框会显示对应的提示信息,当用户输入正确的吹涡皋陕用户名和密码时(用户名:幻云思密达,密码:123456),。

Axure的登录界面制作

Axure的登录界面制作

Axure是一款功能强大交互设计软件,作为产品小白入门时必学软件,从做一个登录界面开始展开我们学习历程。 这里我用Axure RP 8为大家演示如何制作一个登录界面。作为一个学习分享,如果有不妥之处,还望各位多多指教,敬请见谅。 Axure RP 8团队版 Google浏览器,火狐浏览器 打开Axure,在默认元件库先拖入一个矩形,在右侧检查器里设置矩形方框大小、填充颜色,阴影和圆角半径数据,使其稍微美观点,效果如图: 从元件库中拖选横线控件,将方框进行一个简单划分,之后在方框上部分拖入一个文本标签,并输入文字login; 之后分别拖入登录界面剩余所需控件合理放置到方框上,需拖入的控件有:两个文本框,一个复选框,一个按钮;为了美观创意也可以拖选一些小标记美化界面,这里全看个人创意喜好。(这里我随便加了两个水滴标记) 拖入用作输入用户名密码的文本框后还需对他们进行一些设置,如:设置文本类型,文本提示(用来提示用户应该输入什么内容),最大输入字数等。 这里有个注意就是文

Axure RP Pro 7.0文本输入框信息重置功能教程

Axure RP Pro 7.0文本输入框信息重置功能教程

在网站注册或登录之类信息输入界面,通常有重置功能,从交互角度来说,文字输入重置洲訾惨赳功能是对文本操作;本教程会涉及到一键重置输入框信息,另外涉及到对文本框提示文栓疠瑕愤字设置功能,实现了点击文本框提示文字消失,放弃输入时,提示文字复现; Axure RP Pro 7.0软件 从部件库往编从部件库往编辑窗口拖入“文字框”和“文本表格”,分别命名为:“用户名称”、“设置密码”、“确认密码”;再往编辑窗口拖入“矩形”,设置底色,并命名为“重置”,这样一个完整信息输入界面做好了; 右键点击用户名称输入框,选择“编辑文字”,将框内提示文字设置为“请输入用户名...” 鼠标左键单击选中用户名输入框,在“,将文字内容设置为空;保存完成;然后在“部件交互与注释”窗口,选择“失去焦点时”,将文字内容设置为“请输入用户名...” 鼠标左键单击选中“重置”按钮,在“部件交互与注释”窗口,选择“鼠标撮劝丛食单击时”,将用户名输入框、密码输入框、确认密码输入框内容全部设置为空;至此芟坳葩津,整个提示文字显示与隐

Axure图文教程:元件使用

Axure图文教程:元件使用

今天为大将带来有关Axure的图文基础教程,这一期主要讲的是元件使用 AxureRP 8.0 (汉化版) 添加元件到画布在左侧元件库中,选择想要使用元件>>按住鼠标左键不放拖入画布中。 设置元件尺寸及位置元件位置与烹挹戢愠尺寸调整有三种方式:直接拖拽调整、工具面板输入数值调整、检视功能区下的样式中修改。能区下样式中修改。 给元件命名当我们使用到元件非常多时,建议给每一个使用到元件进行命名,方便后期选择与修改。 设置元件显隐当一开始我们不要某个元件显示时,我们可以先将其隐藏,在需要时再让其显示。 设置元件填充色 设置元件阴影及边框样式 设置元件圆角 设置元件水平/垂直翻转 设置元件不透明度设置元件的不透明度元件不透明俣觊鄄幼度包括填充色不透明度和边框色不透明度两部分,在将填充以及边框样式时候我们有提到,这里说另外一种方式。 设置字体、字号 设置行间距、项目符号以及段落对齐形式 设置元件文字填充填充在这里指元件内文字与形状边缘之间填充空隙。 设置元件/文本角度 设置文本链接对于一段文字或者几个文字

Axure 7.0模拟QQ登录效果

Axure 7.0模拟QQ登录效果

许多优秀产品经理都是从模仿开始,模仿并不可耻,如果能把一个优秀产品成功模仿出来,那本身也是一种能力体现。今天,给大家介绍一下,如何利用axure实现QQ的登录效果 axure 7.0 QQ登录中用到背景图标 准备好QQ登录所用到图标素材,打开Axure 7.0 ,在画布上插入QQ图标在画布上插入QQ图标 设置选中效果,双击图标时,图标为选中状态,选中状态,背景为蓝色,如图(这里,只需要在图标上方,加上一个背景色为透明矩形框,设置矩形框选中状态为蓝色即可) 设置双击图标时,弹出QQ登录界面(此处,如果想省力的话,可以直接截图,将截取图片转换为动态面板d001,双击,让动态面板d001淡入淡出即可)点击状态按钮,弹出状态选择栏,这里状态选择栏,用动态面板d002实现,选择显示时,为弹出效果即可 点击登录框,可以往里面输入登录账号和密码,并且判断账号和密码是否正确,正确的话,提示登录成功,不正确的话,提示输入错误,返回登录界面(登录成功和登录失败提示均可在动态面板d001中完成,设置不同状态即可)

如何用Axure制作动态倒计时

如何用Axure制作动态倒计时

ax掼鸿乡羰ure是一款强大原型软件,动态面板也是其常用元件之一,功能强大。这个经验通过使用动态面板制作一个5秒动态倒计时来了解一下动态面板功能。 Axure软件 打开axure,新建一个空白文件 往文件里拖入一个动态面板 双击动态面板并给动态面板命名,然后点击添加,添加5个面板层 点击编辑全部状态进入编辑状态点击编辑全部状态进入编辑状态 在state1中动态面板范围内拖入文本标签并输入5,然后修改字体大小至合理 选中文本标签并按Ctrl+C复制文本框 按照顺序在state2中Ctrl+V粘贴,并将文本框中数字改为4(此步骤是为了保证字都在一个位置) 按照6、7步骤分别在state3、state4、state5、state6中写上3、2、1、0上3、2、1、0 回到主页(index)页面点击选中动态面板后在右边属性栏双击交互处载入时 在事件窗口找到设置面板状态,并单击添加 勾选当前元件并选择为state1 勾选动态面板并选择状态为NEXT 勾选向后循环并将循环间隔设置为1000毫秒,点击确定 在属性栏状态中鼠标单击事件使事件处于选中状态,Ctrl+C复制事件

上页


12345678

下页
中企动力z邮局登录龙之谷登录界面白屏东莞中传wifi登录界面飞信网页版登录界面axure和墨刀剑三登录界面黑屏html制作登录界面acesse会员登录dnf登录界面补丁制作翼课网登录潘博 界面skype登录界面空白vitacost中文界面itest3.0登录界面搜房帮登录aos用vb制作qq登录界面制作qq登录界面jkggg登录2345登录界面192.168.2.102登录界面admin登录界面ihos登录lazada大学中文界面海诚卡盟平台登录