使用 Aure 设计中,大型的后台系统原型总结(下篇)

本人结合自己实际的多个后台系统项目经历以及使用Axure的经验技巧,从方便维护和便于复用等角度出发,总结出了这篇关于后台系统原型设计的分享内容,希望能帮助到一些有需要的朋友们。在 使用 Axure 设计中,大型的后台系统原型总结(上篇) 中,我们重点介绍了关于后台系统的框架结构,以及使用Axure搭建自适应框架的应用技巧。在今天的下篇中将争对相关细节进行更深入的介绍,其中的

【AureRP8.0教程】用AureRP8.0实现动态时钟效果

这是用AxureRP8.0实现的动态时钟效果。下面我们来看实现过程:1、准备元件:这里一共4张图片,分别是表盘“ClockImage”、时针“HoursImage”、分针“MinutesImage”、秒针“SecondsImage”;需要注意的是,时针、分针和秒针的背景要求是透明的,并且图片长度要保证指针上的圆形部分为中心。2、将4张图片摆放好位置。3、页面打开时,需要让指

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

Math.random()函数的作用是在[0-1]区间产生一个任意数,这个用法与该函数在Java或js里都是相通的。要函数返回指定范围的随机数(m-n之间)的公式如是:Math.random()(n-m)+m;而在本文中,我们希望敌机在[0,450]区间产生随机数,因此理论上应该是Math.random()450,其中450是背景矩形的宽度,但是由于Axure认为元件的坐标

Aure教程 aure新手入门基础(4)

在 axure 原型制作的过程中,很多时候我们需要触发一个又一个事件,以交互设计效果展示的需求。在这些事件里我们经常需要在满足某一条件时完成指定的动作。比如:文本框文字为空的时候点击按钮无效。或者拖动动态面板没到达指定位置退回原位等。这一节教程我们就讲一下,如何使用条件生成器,至于条件的设置,以后结合相关的案例再逐渐深入。(一)条件逻辑条件生成器是在我们双击某一事件打开用例

Aure 教程:模拟百度经验编号停靠效果

本文作者将详细跟大家讲解,如何使用 Axure模拟百度经验编号停靠效果。相信很多小伙伴都使用过“百度经验”,比如你在百度搜索某个软件怎么用,某个事情怎么办的时候,经常会在搜索结果中看到比较靠前的结果带有“百度经验”字样的结果,然后点进去进入的是百度经验的专题页面。在百度经验的专题页面,通常会有分步的讲解,而每一步都会有一个编号,当页面向下滚动时,编号便会向上移动依次排列停靠

从零开始学Aure原型设计:动态面板与母版

Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。在认识了Axure的界面和部件库之后,我们可以用它来画线框图了,但是静态的线框图在表达上不如有交互的原型图来得直观。Axure进阶篇中将会介绍什么是交互,如何玩转Axure中最频繁使用的动态面板部件,做出狂拽炫酷的交互效果。另外,还会介绍母版(主要是触发事件)的使用。交互基础知识开始使用

Aure模板库(2)-注册登录

Axure模板库(1)-常见网站Axure模板库(2)-注册登录Axure模板库(3)-电商Axure模板库(4)-信息流谢谢大家的打赏,今天更新第二篇。分享一套Axure的模板,以后做原型的时候可以直接复制粘贴了。源文件的下载地址在文章最后。模板里包括6个常见的注册页面布局和9个常见网站布局,好多按钮和图标,下面是图片预览。注册页面是非常简单的。总共可以放的东西也就这几样

Aure RP基础篇:原型设计经验谈

摘要:产品原型简单的来说就是最终产品设计成形之前的一个大概框架。而对网站来讲,就是将页面模 块、元素进行粗 放式的排版和布局,深入一些的话还会加入一些交互性的元素,使其更加具体、形象和生动。而目前在国内产品经理圈中使用最多也是最高效的产品原型工具非 AXURE莫属,AXURE原型工具看似简单易学,但是如果想真正的用好还必须更加深入的去研究和学习,这里就为大家简单的介绍下AX

如何高效分享 Aure 原型:附安装包和教程

让别人像访问网站一样查看你的原型,固定链接,不用更新,速度快。 UI设计师会根据原型设计效果图,开发人员会根据原型文档进行产品开发,测试人员会参照原型测试开发出来的产品。又由于原型图在开发过程中避免不了修改,所以如何让其他部门人员方便快捷地查看最新的产品原型尤为重要。对于刚入行不久的产品新人或准备入行的伙伴通常知道以下几种方法。方法一、通过微信QQ分享原型文件。 将设计好的

如何在Aure中创建自己的元件库

Axure最核心的功能就是通过原件的堆积,形成目标效果。网上目前有大量免费的各种“最全axure原件大全”之类的,里面的内容非常多且杂,很多其实都用不到,对于选择恐惧症来说,这么多的原件,反而是一种累赘,而Axure官网上的原件,甚是精美,却是要美刀的。本经验将教你如何创建属于自己的元件库,让那些要钱不要钱的都见鬼去吧。工具/原料Axure RP Pro7方法/步骤找到创建

Aure 教程:如何画出曲线图?

在做数据可视化类型的页面时,会遇到这样的问题:我想在我的柱状图上画出一条曲线怎么办?第一步:在左侧的元件库中点击水平线(或者垂直线都可以),拖动到图中 第二步:选中水平线,右键将水平线转换为自定义形状(转换为自定义形状:有两种方式,第一种选中水平线后右键选择;第二种选中水平线在右侧菜单中选择属性——形状——选择 转换为自定义形状)转换为自定义形状1转换为自定义形状2第三步:

Aure新手养成计划(连载01)

第一章:Axure安装与汉化(略)第二章:主要功能详解小楼:苏苏,下面我们进入这个软件的主要功能的讲解。你一定要仔细了解每一个功能的用途,这对之后原型制作会有很大的帮助。苏苏:哦,好的。刚才汉化没看清楚,楼哥,你能再讲一遍吗?小楼:擦……1.    快捷功能区终于解决了汉化问题,打开了软件界面。首先看到的第一部分就是顶部的快捷功能区。Axure这款软件的风格和Office系

Aure 8.0 实例:复选框的应用

很多业务系统之中都会有以列表的形式展现数据的情况,那么问题来了,对列表选择时会出现多选、全选、反选的问题,今天就来叨一叨如何使用axure原型工具实现复选框的多选、全选和反选。照例,先上预览。预览 一、元件准备全选复选框一个。用来控制全选或全不选的,命名“全选”;文本标签一个。用来控制反选,命名“反选”;中继器一个。用来存放内容的,命名“中继器”。里面放置一个复选框,一个文

Aure7.0教程(五)鼠标Cursor函数的使用(动态面板跟随)

Axure rp7.0中新增的函数中有一个Cursor函数,这是关于鼠标的函数,我们可以通过这个函数获取鼠标的当前位置,本教程简单地对这个函数做个讲解:要实现的效果:本教程案例下载:鼠标Cursor函数的使用.rp如效果图显示,我们要在鼠标页面任意位置点击时,闪烁一下点击的效果。实现过程如下:1、  拖入一个图片,并转换成动态面板后隐藏,并设定标签为:点击效果;2、  在页

Aure 8.0 实例|简单实用的进度条

这个进度条的特点是:无论大小如何缩放,都不会影响进度条的质量(话说的有些绝对了,个人觉得绝大部分情况下不会出现问题),预览一下效果吧。图片有些失真,将就一下。 一、元件准备1、矩形框一个。作为背景用,命名“背景”;2、动态面板一个。作为进度条,命名“进度条”。里面放置一个矩形框,性状大小与“背景”矩形框保持一致,颜色不一致即可;3、水滴标记一个。作为进度百分比;二、添加用例

Aure教程:如何实现移动端屏幕中内容滚动效果

Axure技巧中,APP端的内容滚动效果是一个很基础的交互。之前也有很多大牛分享过如何操作,今天分享的是更为简单的方法,希望对大家有用。两种实现方式实现方式1要点说明: 使用两个动态面板和两个热区实现的,外面的动态面板做移动端窗口,内嵌一个动态面板,里面要放的所有的内容(可以很长很长),窗口顶部和底部分别一个超小的热区,然后通过鼠标的位置和热区的位置判断是否读到了页面的

【原型下载】屏幕滑动原型案例下载

网络中有价值的Axure原型案例不多,给客户做的原型或者自己公司内部的几乎没有人愿意共享出来,这很正常。建议刚刚学习Axure的小伙伴儿们不要到找人索要原型,换位思考一下,你付出劳动制作好的成品也不会随意送给别人的  对不对?与其浪费时间不如把Axure基础学扎实,制作属于自己的自定义部件库和自己的原型。我们学习Axure的目的是为了提高效率节省时间,要让Axure变成我

Aure 教程:微信聊天列表原型制作(三)

本章完成微信聊天原型的第三个主要部分,聊天信息的跳转。如果你希望跟着操作,需要根据前两章的内容,首先完成之前的原型。微信是一个负责庞大的系统,制作微信原型需要分模块,逐渐完善,本章完成原型的第三大部分,聊天信息的跳转和设置。第一步:设置聊天状态页聊天页和聊天列表首页为不同的页面,因此最合理的原型是将聊天列表转变为控制面板,聊天页和首页为不同的状态。在前两章原型的基础上,全部

原型制作技巧:4招让你的线框图更好看

网络上很多Axure或原型相关的文章,更多是原型设计技巧、软件操作、案例之类的内容;而对于原型本身及认知层面的内容,极少进行探讨。这篇文章,从原型的技巧出发,从认知层面,解释如何让你的线框图更好看。线框图原型需不需要好看?我觉得在保证效率的前提下,需要好看。先给好看定义标准:简洁清晰,能一眼了解页面布局和元素;规整统一,能高效分辨不同类型模块;准确到位,原型表达准确,不仅仅