五分钟教你快速上手Aure交互设计

第一分钟：理解交互样式交互样式：在触发特定的事件时，用来控制元件部分样式的改变。在Axure 8.0中的面板如下：实例一：鼠标悬停时改变文字颜色和背景颜色1. 选中带文本的矩形如图，点击交互样式面板中的“鼠标悬停”，弹出“设置交互样式”对话框；2. 选中“字体颜色”和“颜色填充”，随便选两种颜色，点击确定；3. 点击预览，效果如下：总结：交互样式触发的事件类型只有四个，控制

Axure教程 2016年04月11日

Aure新手养成计划（连载03）

4.1.  元件的样式在软件界面的右侧中部，是元件的属性与样式功能面板。当我们点中编辑区的元件时，这里就会显示该元件的属性与样式。（图33）（图33）元件的样式包含的内容都一样，不过其中有个别元件的样式是禁止修改的。这里以矩形和热区举例说明（图34）。（图34）矩形中只有箭头样式是灰色的状态，说明它是不可设置的；而热区大部分的样式设置都是灰色不可编辑的。4.2.  元件的属

Axure教程 2016年04月12日

游戏网站的bets是如何下的

游戏网站投赌注，点击选择数字显示在文本框，如何实现的，首先想到的很可能就是给button绑定事件，如下：button{display: block;width: 40px;height: 30px;margin-bottom: 10PX;text-align: center;background-color: # 000;color: # fff;border: 0;lin

业界 2016年07月04日

获取元素css值

最近写东西碰到一个问题，通过document.getElementById(id).style.XXX无法获取到样式值？查完资料才发现方法只能获取元素的内联样式，那要获取内部样式或外部样式该怎么办？ getComputedStyle 原来获取外部样式或内部样式用的是window.getComputedStyle方法，用法如下：getComputedStylediv{widt

业界 2016年07月21日

PS教程！手把手教你绘制光影巧妙的3D精灵球

@杨洋-XHM ：作者 Webshocker 是通过3dsmax + Photoshop设计的这个作品，所以在光影的变化上非常微妙和细致。大家通过Photoshop临摹这个作品，可以加强自己在设计过程中对光影的把控，建议学习。作品作者：Webshocker教程作者：@杨洋-XHM最终效果： 新建画布：宽：800px 高：600px 分辨率：150像素/英寸 名称：精灵球一、

产品 2016年08月18日

Aure 部件样式与页面样式管理【UXRen 原创】

作者：Petrel（UXRen社区Axure金牌讲师，资深交互设计师）前面讲过母版的使用对于提高原型制作效率的重要作用，这次要讲的样式管理对于视觉高保真原型来说也有着类似于母版的作用：一次制作，多处使用，一次修改，统一更新。不同在于，母版不仅包含样式，使用什么元件也已经确定；而样式管理只是统一管理了样式属性，可以被用于不同的元件。下面对样式的管理和使用进行详细说明：一、部件

Axure教程 2016年11月10日

矩形框：深度理解和应用元件样式（二）

在《矩形框：深度理解和应用元件样式（一）》里，详细描述了一个普通的矩形，如何通过设置它的样式，来实现不同的效果。我们继续看看其它样式操作，及交互样式和它们的属性、事件设置上进一步使用矩形框。6、图形操作样式说明： 在Axure里可以对两个或多个图形实现合并、相减、相交、排除等操作。应用场景： 作有些样式单纯通过一个样式无法实现，这时可以通过多个图形的合并、相减、相交和排除等

产品经理 2017年05月15日

Aure RP 官方教程翻译（1）：交互式按钮

文章主要介绍了利用Axure制作交互式按钮的具体操作过程，希望给大家带来些帮助。用MouseOver（鼠标悬停），MoverDown（鼠标按下），Selected（选中）和Disabled（禁用）这些交互样式来制作一个交互式按钮。然后，添加一个交互行为来设置它被选中和禁用的状态。 STEP 0：下载练习文件 如果你还没有练习文件，下载[AxureTraining.rp](A

Axure教程 2017年06月30日

按钮组设计总结：按钮组排布时，是组合在一起好还是分开好？

本文主要是对按钮组的使用场景进行了一个简单的总结，enjoy~上周一个朋友问了我一个问题，按钮组排布的时候是组合在一起好还是分开好？这个问题当时就把我问倒了，因为我之前从来没有考虑过这个问题。为了回答这个问题，我对按钮组的使用场景进行了一个简单的总结，希望可以帮助到大家。 什么是按钮组？顾名思义，按钮组就是指两个或两个以上的按钮排布在一起。为了了解按钮组的使用场景，首先我们

产品设计 2017年12月14日

设计实战：从0到1：论网易严选营销线的交互设计

本文将从交互设计的角度来谈谈网易严选营销线从0到1的设计过程。无论何种模式的电商产品，其本质都是商品售卖。营销活动是其中不可或缺的卖货方式，不仅影响GMV，也是非常重要的获取用户的手段。消费升级的时代，消费者对于商品的品质、产品的服务都有着更高的追求；营销线作为电商产品的核心功能，贯穿了用户从商品浏览到下单的一整个流程，本文将从交互设计的角度来谈谈网易严选营销线从0到1的设

交互体验 2018年01月02日