【原创教程】用 Aure 制作登陆页交互效果

今天教大家用axure制作登陆页交互。图文解析在后。AXURE 砍半原则双击小方块,将黄色小方块变为白色小方块,添加图片会按照当前图片大小适配。选择文本框 拖拽 建立账户输入框关闭填色右键隐藏边框命名控件 方便设置效果选择CTRL复制 密码输入框 命名控件命名所在页面名称 例子(登录页 首页)可以添加一个图片作为咱们的首页面添加登陆按钮图像热区(可触摸面积)修

这些年,产品经理们折腾过的原型工具

之前读过一篇关于“什么是全栈设计师”的文章,里面提到所谓的全栈设计师就是能做线框图、原型图,能做视觉稿,能写前后端代码。放到产品设计中,全栈设计师就是能一个人搞定产品开发的所有环节。其中,最原始、最关键的一个环节就是线框或者说原型设计。这个环节的意义就相当于上层建筑的扎实地基。那么打造地基的工具很重要。所以,选什么原型工具,怎么选择原型工具对产品经理们来说就是一个值得思考的

Repeater(中继器)控件的用法

Axure中的Repeater控件顾名思义就是可以重复添加内容,而无需逐个进行添加。该控件对于以九宫格类、列表类的形式内容时非常有效,且支持用户添加、修改、删除控件中的内容。Repeater控件的使用步骤为:定义元素-->添加数据-->绑定数据-->修改样式-->数据操作下面以添加列表类内容为例,逐步具体介绍该控件的使用方法。本文仅适用于具有一定Axure使用经验的用户阅读

Aure 技巧:按钮互斥效果的 3 个步骤

本文仅适用于具有一定Axure使用经验的用户阅读。Axure中经常会设计几个按钮或几个菜单的互斥选择效果,互斥效果有两种方式可以实现:1) 可以通过点击事件控制选中当前点击的按钮或菜单,并取消选中其它按钮或菜单; 但这种方式由明显的缺点,如果后续有增加了按钮或菜单,需要将之前每一个按钮或菜单的用例全部修改一遍,工作量很大而且很容易搞乱。2) 通过对按钮分组实现。 这种方式可

用Aure制作Material Design的APP原型(附元件库下载)

做Material Design风格的原型,首先是你对它的设计风格喜欢并且热爱,这里就不解释什么是Material Design了。如果对设计规范不了解,也可以先看一下Material Design的设计规范中文版。熟读,最好是烂熟于心。原型目的,也可以说要解决的问题:降低与设计方面沟通成本。需求阶段能让开发预知技术难度。提高原型可读性和可操作性。元件库好的元件库能让原型制

用Aure 实现“打飞机”,骚年,来一发(下)

在上篇里我们提到如何用Axure实现微信5.0飞机大战的游戏。并跟大家讲解了第一步实现让敌机飞,让子弹飞。没看过上篇的同学可以先回读一下http://www.imspm.com/rp/248429.html下方左图就是最终达到的效果,下方右图是上篇实现的状态。so,今天把剩余的效果都实现!我们需要让敌机、子弹、战斗机之间碰撞后引发我们想要的事件。如何实现,且听我细细道来!一

交互设计流程中的原型构建

在最终产品诞生之前,所有我们构建的设计表达(包括文字、图表、草图以及各种维度的模型等)都可以认为是原型。原型的构建是贯穿整个设计流程与设计评估以及设计决策的,原型是探索与表达交互设计的重要媒介与手段。可以这么讲,交互设计的目标是增进人与人之间的沟通与交流,而交互设计的流程是以原型构建为核心的,原型构建作为一项设计实践活动是推动交互设计中创新的核心动力。一、不同学科对于原型的

Aure 中继器应用实例:如何设计商品信息列表?

文章通过设计商品信息列表的实例,简单介绍了中继器的使用方法,一起来学下。一、概念解析Axure部件Repeater,一直觉得这个单词用的很形象,是使一条条数据在页面上重复显示(repeat)的部件,因此叫repeater,所以每当需要将数据条目显示在页面上时,很容易想到要使用repeater。在中文版中,repeater部件被翻译成为中继器,所谓“中继”的含义更广,不光是把

Aure 教程:用另一种方式实现轮播图交互

本文作者将教你用另一种方式实现轮播图交互,enjoy~轮播图的实现方式有很多,绝大多数的童鞋也习惯了用堪称“万能”的动态面板去实现。但是,对于一些特殊的轮播图该如何实现更好呢?比如下面的示例效果:在线预览这是一种具有3D效果的轮播图,多张不同尺寸的图片组合具有视差效果,点击两侧的图片图片将进行位移并且改变大小。选中的图片始终位于中央。话不多说,我们看看如何不用动态面板来实现

Aure 8.0那些实用改进,你知道那些?

现在制作原型过工具多多,但Axure仍然是大多产品汪的得力工具。刚刚过去的8月份,Axure 8.0 BETA版本悄然发布,随着大多数Axure粉丝的惊呼声中,新版本在诸多功能上进行了优化。好,废话不多说,这里掠过Axure入门基本操作,主要说说Axure 8.0给我带来什么新体验。实用改进1 更强的交互动画最牛XX的功能要先说,Axure 8.0在交互方面还是下了苦功夫的

Aure 9.0 高级教程:史上最强元件 - 中继器的使用方法

中继器是Axure 9.0中的高级元件,利用它可以实现很多重复元素的内容。中继器就像是一个巨大的容器,可以装载任意内容,编辑中继器就如同编辑一个崭新的页面,在里面可以任意自由地添加元件并进行界面布局,甚至为这些元件添加交互。中继器又好像一个本地化的微型数据库,通过前端页面实现对数据的管理。本节将主要讲解中继器的功能及使用方法。在前面的章节 Axure 9.0 基础教程:史上

Aure 8.0正式版官网以及Aure RP 8.0正式版官网下载地址

Axure 8.0正式版官网以及Axure RP 8.0正式版官网下载地址 Axure官网 http://www.axure.com Axure8.0正式版官网下载地址(到官网下载Axure8.0的只有这个地址) Win版下载地址:https://axure.cachefly.net/AxureRP-Setup.exe MAC版下载地址:https://axure.cach

Origami五分钟入门秘籍

早在Facebook推出Facebook Home时,相信强大的原型工具Quartz Composer就进入了很多设计师的法眼,无须编写代码就可以输出细腻丰富的动画,这个太刁了,和大家一样,彼时我也信誓旦旦励志要学会这个玩意儿,于是开始参考教学视频摸索,甚至拿着Quartz Composer的Guideline企图翻译,结果发现并不是那么简单。于是学QC这件事情就一直一直搁

Aure 示例:移动端手机号注册与登录示例(附 RP 文件)

之前和大家分享了Axure的系列交互,从这次开始逐步和大家交流Axure原型的设计规范及PRD文档规范。本次以移动端手机号注册和登录为例,和大家分享Axure的设计规范。原型基于Axure8制作,以下是本次移动端手机号注册与登录原型图结构。首先查看完整原型预览:http://bdh2ot.axshare.com以下是本期分享内容:原型图核心页面说明:一、 文档修改记录文档修

【AureRP8.0教程】AureRP8.0官方图标元件的说明

在最新版本的AxureRP8.0中,官方提供了新的图标元件库,该元件库图标为FontAwesome字体图标。在AxureRP8.0中,官方提供的FontAwesome图标元件库,可以直接使用,无需进行安装字体、Web字体设置,更不用担心他人浏览原型时图标不能正常显示。因为,官方提供的并不是字体元件库,而是基于形状的元件库。所以就像基本元件一样,直接拖拽使用。 关键字:Axu

5 年产品经理踩过的坑之七:如何向他人寻求帮助?

做产品的时候经常,会遇到一些技术类或者自己搞不定的问题,需要请教开发或者其他岗位的同学。寻求他人的帮助,也是一门大学问。先来看看你有没有像这样向他人寻求过帮助:①请教资深的产品经理:“Axure怎么用,你教教我吧!”②发现问题的时候就跟大伙说:“哎,你看,这数据一看就不对,谁给看看,是不是代码写错了?”③跟一个前端开发说:“帮我把这个html文件生成一个访问链接吧。”这三个

Aure教程|如何制作&# 8221;返回顶部&# 8221;原型功能?

以产品经理的首页为例,进行“返回顶部”原型制作介绍:1、在工作区拖入一个动态面板命名为top,根据通常返回顶部的按钮在屏幕右下角的惯例设置top的X坐标和Y坐标,并在状态1(stage1)里插入一张返回顶部的图片,然后将动态面板top设置“固定到浏览器”,最后设置为"隐藏"备用。2、再拖入一个动态面板命名为top_2,Y坐标与动态面板top一致,X坐标任意,但是不要与top

Aure 交互小技巧 1:百度一下,你就知道

案例来源: 百度-搜索界面案例效果: 点击搜索框后搜索框边线变蓝,下方显示最近搜索记录,如图案例描述: 在搜索界面中,包含顶部菜单栏、搜索栏和底部网站备案信息等。当焦点进入搜索框时,搜索框边框变为蓝色,同时下方显示出最近搜索记录;失去焦点时,恢复灰色,下方最近搜索记录收起。元件准备: 包含命名: 矩形(搜索框):搜索输入框文本框(用于输入文字):文本框矩形(搜索按钮):百度

Aure8.0 实例|简单易扩展的手风琴菜单

系统中常常会有多级目录,这里简单介绍一下常常使用到的手风琴的菜单,本文用到的知识点主要是对中继器的筛选和动态面板的尺寸及移动。预览: 一、元件准备1、矩形框一个。这里先准备一个,等到用例完成了之后,想要几个就直接复制就好了。目的是充当一级菜单吧,命名为“1”,这里一定要注意名字哦,后面会用到的;2、动态面板一个。目的是显示二级菜单用的。这里就命名为“二级菜单”设置成隐藏,动

Aure 9.0 基础教程:史上最详细的元件说明,建议你认真看完(二)

一、表单类元件01 文本框在设计填写项时我们我们需要经常用到文本框,比如注册、登录、个人信息等相关的页面设计,我们都需要使用文本框。文本框的类型包含:文本、密码、邮箱、数字、电话、URL地址、搜索、文件、日期、月份和时间。选定好类型后,只能在文本框中输入选定类型的信息。比如我们设定了数字,则无法输入中文和英文。文本框内容的输入长度,可以设定上限,这里的长度限制同时适用于中文