本篇体验做一个简单圆角文本框,做到3个效果: 1.初始状态,圆角文本框有淡淡的背景色,边框的颜色为浅灰色2.点击圆角文本框,让其获取焦点,边框变成蓝色,背景色变成白色3.圆角文本框失去焦点,边框变成红色,背景色变成白色 从组成上分析,圆角文本框实际是由里层的Text Field和外层的Rectangle组成. 对于第一个状态,给Rectangle设置背景色和边框色,并且让Text Field失去边框,并让其隐藏起来. 对于第二个状态,是由Rectangle的的点击事件触发,显示Text Fiel…
本篇体验做一个登录界面的原型. 登录页 首先在Page Style里为页面设置背景色. 如果想在页面中加图片,就把Image部件拖入页面,并设置x和y轴.双击页面中的Image部件可以导入图片.在Image部件对应的Widget Properties and Style面板中还提供了裁剪功能,裁剪完双击可保存图片.还提供了切割图片的功能.图片部件的Preserve Corners属性用来缩小图片尺寸的时候保持一定的清晰度. 把一个Rectangle部件拖动到页面中,通过工具栏中的Line Col…
本篇实现注册页的一些功能.本项目是通过用户名和电子邮件进行注册的. 在本篇之前,在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理. 打开注册页,把登录页的提示动态面板放到当前注册页面提示的正下方,对齐. 提示的时候,有些提示只有一行,比如用户名没填,有些提示有2行,比如用户名和邮箱都没有填.可以把2个状态放到同一个动态面板中,给不同的状态命名,并让面板中部件的名称不重复. 先让动态面板隐藏,当点击注册的时候再显示. 给注册按钮的OnClic…
登录验证主要功能包括: ● 用户名错误,提示无效用户名,用户名和密码文本框清空● 用户名存在,密码错误,提示密码错误,密码清空,焦点进入密码框● 用户名和密码都正确,验证通过 本篇接着"使用Axure RP原型设计实践03,制作一个登录界面的原型"这篇. 创建一个页面,名称为"后台",用来表示验证通过后的页面. 在实际项目中,需要把用户输入的用户名和密码与数据库中的相关匹配,可是,原型中没有数据库,如何做呢? 只能是模拟一个.假设用户名是darren,密码也是dar…
首先认识Axure RP Pro 7.0软件的默认界面布局.最上面的是工具栏区域,左侧上方的是网站地图区域(sitemap),左侧中部的是部件区域(Widgets),左侧下方的是模板区域(Masters),中间上方的是页面区域,中间下方的是页面设置区域,右侧上方是部件属性区域,右侧下方是动态面板区域. 依次点击"Publish","Preview"或直接按快捷键F5或直接按工具栏里的预览按钮,就可以在浏览器中对当前项目进行预览. 依次点击"Publish&…
本篇体验在Axure中自定义部件,并熟悉Widget Interations and Notes面板,Widget Properties and Style面板,Widget Manager面板. 在Axure中如何自定义部件Widget呢? 点击"Widgets"面板中的"Options"下的"Create Library",点击"完成"Axure随即启动打开一个Widget的编辑器,在新建的部件库已经有了一个默认的部件.…
本篇体验公式的使用,一般出现值的时候就可以使用公式,公式可以使用全局变量也可以使用局部变量,在Axure中使用公司有一定的语法. 先创建2个全局变量. 向页面中拖入Rectangle部件,给它的OnClick事件编辑用例: 让其显示两个全局变量的和.注意:[[a]]+[[b]]这样写是不可以的. [[]]里面可以进行计算,设置条件,还可以插入其它值.写在[[]]之外的都被当作是字符串. 预览,点击矩形区域显示2个变量的和. 如果是设置值事件,如下写法分别返回的结果是: ● [[1>2]] fas…
变量是一个可以变的数,可以看作是一个数据的容器.变量有2个操作,一个是读,一个是写.Axure的全局变量是指任何时候都可以对这个变量进行读写操作. 点击工具栏Project下的Global Variables,这里可以设置全局变量. 可以看到,默认已经有一个全局变量.还可以新建变量,变量是可以有默认值的. 现在自定义一个全局变量. 向页面中拖入一个Rectangle,设置Rectangle的样式,在Shape Name中设置为rack. 再拖入一个Rectangle,设置成圆形并填充上颜色,作为…
1 概述 原型设计是应用开发设计的第一要素.好的原型设计不仅可以起到沟通的作用,而且对客户而言应用程序拥有更直观的体现.原型设计通过内容和结构展示以及界面布局编排,实现在开发前期用户与产品进行交互.提高用户对项目的认可度,有利于项目的推进.下面为大家介绍一款原型设计工具——Axure RP. 2 名词解释 Axure RP:Axure RP是一个专业的快速原型设计工具.Axure,代表美国Axure公司:RP则是Rapid Prototyping的缩写,译为快速原型. 3 工具介绍 Axure…
转自:http://www.cnblogs.com/mengxin523/archive/2010/04/04/1704448.html 本以为WPF里面的XAML会很强大,可以设置很多属性,比如文本框的圆角属性,可惜的是这属性是不存在的.不过意外发现Border是有CornerRadius属性的,我们用它可以设置Border的圆角效果. XAML主要代码如下: <Border CornerRadius="5" Height="35" Margin="…
用Axure进行原型设计   看这个视频 http://www.iqiyi.com/playlist409963402.html…
刚开始用Axure 会发现 Axure 元件库并不是很齐全,很多元件需要自己想办法解决 或者去网上去找.其实个人建议网上有现成的元件可以就下载就不必花时间去折腾.除非你也想练练手,原型这种东西除非高保真的,也没必要画得那么逼真,能加说明说清楚就直接加说明,或者加便利贴都可以的.最终目的都是保证产品生产出来是用户真正想要的就行. 刚开始画原型 发现文本框好生硬,完完全全的四边型,显得原型看起来不是很专业(其实没几个人会去在意你原型文本框是圆角还是直角).好啰嗦,直接正题. 元件库下载地址:http…
转: http://uedc.163.com/2248.html 前言 什么是原型呢? 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体.形象和生动.    就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure.今天给大家介绍一些我在工作中使用axure的经验.主要从交互设计中涉及的三个主要步骤进行说明: 一.主要页面原型 在进行主要页面原型设计之前,交互设计师需要:…
简介 Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程图. 原型和规格说明文档.作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理[1] .…
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档.作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理 http://baike.baidu.com/view/3332366.htm?fromtitle=axure&fromid=5056136&type=syn#reference-[3…
软件工程综合实践第三次个人作业 作业要求:通过搜索资料和自学,了解原型设计的工具 前言: Axure是一款强大的原型设计工具,具有比较大的用户基础,在此前提下沟通.传输.修改就显得十分方便,并且在细节的交互有其特有的亮点.如果你能熟练使用库和自定义控件,那么它便足以满足你的需求.如果你是新手,那么Axure的简洁化设计也足以使你快速上手,后期你还能和你的团队一起进行原型设计,这使得原型设计非常具有团队协作性. 具体过程: 下面我们通过使用过程来简单介绍下Axure 打开Axure,输入序列号及用…
2020-03-14 每日一例第7天 1.新建窗体windowform,修改text值: 2.两个按钮后台代码: private void button1_Click(object sender, EventArgs e) { //转为字符串 textBox1.PasswordChar =(char)0; } private void button2_Click(object sender, EventArgs e) { //转为密码框 textBox1.PasswordChar = '*';…
导读:Axure RP Pro是一个产品经理必备的交互原型设计工具,能够高效率制作产品原型,快速绘制线框图.流程图.网站架构图.示意图.HTML模版等.Axure RP已被一些大公司采用.Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工 程师也在使用Axure. 一.Axure RP原型设计工具介绍: Axure RP是美国Axure Software Solution公司旗舰产品,是一个…
最近需要画出系统流程架构什么的,就用到了几个思维导图工具 1. XMind -- 思维导图工具 2. MindManager -- 思维导图工具 3. AXURE RP --原型设计工具…
每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.选择原型设计工具最重要的一点:适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看那一款于你而言才是最好的~ Axure 老牌原型设计工具,交互制作功能强大,当然同时也带来了较高的学习成本.设计区域是无限画布,方便给设计稿添加文字注解.在交互效果层面,可以实现非常多条件判断.巧妙运用可以实现更复杂的交互.不过同时也会带来“效率不高”的问题,因为细节过于繁琐,所以会加重产品经理或交互设计师在画原…
在上一个学期的学习中,我们已经初步学习了axure的使用方法,它可以为负责定义需求设计,功能和界面的人员能快速设计出所需产品. 引入:在我们想为软件设计原型的时候,纸质原型很难表达交互的界面,与此同时,静态的界面很浪费时间,并且解释不清楚,所以我们就需要用到一款交互界面的原型设计软件,比如说axure,因为我对axure已经略有了解. 那么我们可以打开axure的界面,如图 如图这就是axure的运行界面,顶部的一般就是我们的菜单,左部是设计的界面,左下方是元件库,里面有我们需要的大部分控件和图…
一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用:另一方是因为它可直接输出html,直接在浏览器里给团队成员和老板展示原型,方便做可用性测试. 移动 App 越来越多,现在你不做一两款 App 出门简直都不好意思跟人打招呼了.不能直接上手 PS 的产品经理们,又在想怎样低成本地制作移动app原型了.Axure 和 OmniGraffle Pro 当然会被容易被想到,但通过这两个制作出来原型的要在手机上直接展…
原型设计是将想法转变为设计过程中至关重要的一环.经常有设计师小伙伴可能会问到,“哪个原型设计工具是最好的呢”?实际上这是一种错误的提问方式,尤其是在当下原型工具种类繁多,针对不同需求各有优势的大环境中更加如此.就设计师而言,更在意的应该是“哪个原型设计工具对我现阶段的目标是最好的”?这里将重点介绍Axure RP.   Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发.…
做App原型设计,那么页面切换.进度条.页面滚动.图片轮播,下拉菜单,搜索框这些交互效果必不可少.如何简单快速地实现这些效果呢?以下小编根据经验为大家提供了一些简单的设计方法,以供参考. 1.页面跳转 作为一款App原型设计,页面跳转必不可少.如何快速实现页面间快速跳转的效果?小编最近在使用Mockplus制作原型设计,以下就以该工具为依托为大家介绍一种简单的设计方法. 设计步骤   Step 1: 点击触发页面跳转的组件. Step 2: 拖拽(点击后不放手)组件上的链接点,直至右侧项目树中某…
市场上有着大量的开发和设计工具支持在Mac上安装使用,今天给大家强烈推荐一款Mac上的原型设计工具-Mockplus,原型工具在产品开发设计中是必不可少的,无论是现在非常火的小程序设计,还是网页设计,移动APP设计等.在设计前期,我们都需要对产品概念进行细致的原型设计,只有这样才能确保为后期开发节省时间. 一.初识界面 原型工具-Mockplus Mac版的界面非常简洁,我们分区域来了解一下: 顶部:顶部有主工具栏,其中包含了主菜单和最常用的快捷按钮: 中间:是你创作时的工作区.在工作区底部,你…
啧啧~~ 给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP 这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计出来的原型产品就是你项目组后期整个项目所要做成的样子,只是为了向客户展示.注意啦!这款工具所设计出来的产品项目原型作用只有一个,那就是向客户展示你对他要做的项目~~ 好了,话不多说,来简单的设计一个小案例: 这里我用的是6.0版本的,没办法,公司就用这个版本~~ 首先打开桌面“AxureRP.exe…
Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司采用. Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工程师也在使用Axure. Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定…
Axure RPAxure的发音是』Ack-sure』,RP则是』Rapid Prototyping』快速原型的缩写.Axure RP Pro是美国Axure Software Solution公司的精心杰作,如果你本身是软件项目经理,Web产品经理,或网站策划工作者,那么你不能不知道这套软件. Axure介绍 [1]Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或We…
开始学习之前,请一定要明白:Axure是个极其极其极其简单的软件.因为你所做的就是拖部件,打字,拖部件,打字,最多加个对齐.如果你能把axure当作word或者ppt来用,那你就学会了axure. Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.…
Axure RP是一个专业的高速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司.RP则是Rapid Prototyping(高速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司採用. Axure RP的使用者主要包含商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等.另外,架构师.程序开发project师也在使用Axure. Axure RP--是一个很专业的高速原型设计的一个工具,客户提出需求,然后依…