Aure操刀微信H5页面之《加密情书》的交互设计

不知道从什么时候，H5开始借着微信平台风靡移动互联网，H5小游戏，H5广告等，在朋友圈随处可见。另外各种H5页面制作工具也真是出不穷，这里就不一一列举了。但是作为一个老牌原型设计工具的Axure，在H5时代，又怎么能甘拜下风，其功能的强大也不是哪个H5小工具随随便便就能匹敌的，但又不得不承认，在这方面，Axure也存在很多弊端，越高的灵活性就导致了越高的复杂性。至于如何取舍

Axure教程 2016年04月11日

Aure教程：微信启动闪屏界面制作（附设计流程及源文件素材）

现在绝大部分APP都有自己的启动画面，那么在原型图的制作中，如何制作这种带有延迟自动消失的启动画面呢？在这以iOS版微信为例，来为大家图解如何使用Axure进行启动画面制作。一、功能描述点击界面中的APP图标，微信启动画面渐变出现，一段时间后显示微信主界面。二、素材准备苹果iphone5s.png、AppIcon.png、发现.png、微信.png、启动画面.png、通讯录

Axure教程 2016年04月11日

Aure实战｜超简单的番茄钟App设计

关于番茄钟的概念，是指在25分钟内专心地完成一件事件，不要受其它事件的干扰。现在各大应用市场上番茄钟种类繁多，但功能基本大同小异，多半在界面上有所差异，但是这些番茄钟设置太麻烦，不符合懒人使用，既要输入文字，又要选择时间，设置颜色，设置时间等等，太繁琐太繁琐，所以这里想设计一款只需要简单操作后就可以开始的番茄钟，不需要进行太多的输入。要输入什么的最烦人了，我只希望选择一下就

Axure教程 2016年04月11日

Aure操刀微信H5页面之《人际沟通风格测试》的制作过程

[br]在之前的文章中我就讲过用Axure制作H5页面（再次声明Axure输出的html文件可能并非基于html5），在H5制作工具满天飞的时代，Axure制作的H5虽然拼不过那些加过特效的酷炫页面，但Axure的强大在于它的思维能力，所以在某些方面，Axure完全不输其他H5制作工具，甚至它输出的高保真原型可以直接上线发布了。那本文就讲述一个性格测试类H5页面——《人际沟

Axure教程 2016年04月11日

【分分钟制作Demo】Mac交互工具Principle使用教程

最近正在做移动端产品的交互设计，最常用的工具是Axure，但总觉着不够快捷，有些效果在实现上也是不尽人意。恰巧朋友推荐了一款适用于移动端的Demo制作工具，我试用后感觉非常好，学习成本极低，制作效率也大有提升。近期总结了一下，分享给大家～本次分享主要有以下几点内容：初识界面两个关键操作案例一：滑动案例二：点击跳转案例三：跟随动画（抽屉效果）一．初识界面Principle的界

Axure教程 2016年04月11日

Aure教程 | 如何通过拖动滑杆上的按钮，调整数值？

使用局部变量LVAR1表示动态面板，这样好取它的x位置。计算方法为根据当前x位置除以3（因为全长300，除以3刚好等于100），注意要用100减掉这个值，而且因为当前位置是负值，所以这里使用了取绝对值（Math.abs(值)）的方法去掉负号，最后结果取整(toFixed(0)表示小数位为0，即没有小数)。 5、完成 到这里滑杆调值基本完成了。 知道大致思路后，就可拓展做成你

Axure教程 2016年04月11日

Aure 7高保真还原Web首页布局和交互教程

Axure是产品经理们最常使用的原型绘制工具之一，熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时，常通过高保真还原一些现有的网页来提高自己的技能。下面将通过一个高保证还原一个真实实例来介绍Auxre的使用方法 ，涉及页面布局、页面交互等常用技巧。如果你刚刚接触Axure，熟练掌握本文的案例和方法，你的Axure使用技能突飞猛进。案例任务：使用

Axure教程 2016年04月11日

原型利器前瞻！Adobe Eperience Design CC 体验概览

今天知道 Adobe 家族刚加入了一款新产品，叫 Adobe Experience Design CC。今天，带大家一起体验下 Preview 版本的各个特点。去年 Adobe 就在网站上放出了 Adobe Project Comet 的简介和视频，如今已经可以下载到 Preview 版体验试用，当前版本将软件更名为 Xd（文件格式也是.xd）。目前，XD 暂时只有 Mac

Axure教程 2016年04月11日

Aure教程：用Aure实现晚会抽奖程序

根据这个原理，我们可以明确在制作原型的过程中需要解决哪些问题，如下：被抽奖人信息如何存放如何实现被抽奖人信息的快速闪烁切换如何从被抽奖人信息中删除中奖人信息按下键盘任意键开始/停止抽奖的逻辑判断带着这些问题，我们开始原型的制作过程。制作过程用到的axure元件：中继器、文本框PART1：创建被抽奖人数据库（中继器）用中继器来存储被抽奖人的信息，这个操作非常简单，只需要添加一

Axure教程 2016年04月11日

Aure PR 7.0 实现页面纵向滑动效果

因此我们的条件动作即为：当 “[[This.y]]” >= 64时，“拖动面板”重新回到（0,64）处。当“[[This.y]]”为什么是64？因为：20+44=64.元件的纵坐标定义为元件左上顶点的纵坐标，当面板处于顶导分隔线下方时触发条件，因此当元件纵坐标大于顶导下沿时，触发条件从而使面板重新回到紧贴顶导下沿处。为什么是-345？因为：64-[(64+977)-632]

Axure教程 2016年04月11日

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

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

Axure教程 2016年04月11日

原型设计思维：搞定难题验证想法5日秘诀

本文内容经过即将出版的新书《Sprint：搞定难题验证想法5日秘诀》授权和许可改编在medium发表。很荣幸能够在第一时间收到我的三位Google风投合作伙伴Jake Knapp, John Zeratsky和Braden Kowitz编写的新书《Sprint：搞定难题验证想法5日秘诀》。几年之前，Jake就引入了敏捷开发中Sprint的概念，它是通过设计、原型制作和同客户

Axure教程 2016年04月11日

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

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

Axure教程 2016年04月11日

什么样的loading动画，我会等！

毫无疑问，每个人都不喜欢等待。尤其是在浏览自己喜欢的页面或电影时，对着千篇一律、毫无新意的加载页面，简直枯燥乏味无聊极了！[br][br]实际上，有研究表明，普通用户能够忍受的最长的加载页面的时间一般为8秒钟。8秒是一个临界值，如果加载时间超过8秒，除非用户必须在这个页面获得一些信息，一般用户会关闭页面或者转到其他页面。[br]那么在这短短内，如何用一个小小的加载进度条吸引

用户研究 2016年04月11日

3大原则帮你优化着陆页

很多做竞价的都不重视竞价着陆页的优化，虽然这只是一个页面，但是对于重要信息的传达，访问者的跳出率和转化率起着重要作用，为什么说会影响到重要信息的传达、跳出率以及转化率呢?我们来具体看看。[br][br]竞价着陆页是通过竞价链接到访的页面，这一个页面所传达的信息一定是竞价链接的创意是非常契合的。怎样来界定页面的信息的重要程度呢?可以把创意与页面内容作比较。如果通过创意进到着陆

用户研究 2016年04月11日

产品微操的艺术：提高核心指标的5个需求原理

PS:向老周致敬，感谢360手机助手这样的环境我才能用数据验证完大部分自己总结的理论，ABtest需要人力、时间、资源，中小公司人力不够，大公司因体制问题，有人力、资源，时间慢、资源无法到位，在360这样主打短平快准的风格才有机会快速验证，当然弊病是中长线的活儿很难推动。[br]# [br]# 概述[br]产品跟DOTA或者LOL一样，不同的公司体制培养出了不同的产品风格，

用户研究 2016年04月11日

原创译文 | 面向对象的用户体验设计

2012年6月，我在CNN.com工作时，接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性，数据的可视化，可变形的画布，以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时，CNN.com首次上线了响应式体验站点，同时，我也第一次面临响应式体验设计。这是一场豪赌。选举之

用户研究 2016年04月11日

交互设计：五维分析法

虽然一些人视交互设计特指那些信息系统——电脑系统或者具有计算能力的设备——我认为排除非信息设备是可耻的。我们交互观念的形成来源于感官和运动，比如看和触摸，和社会以及文化现象，比如模仿和时尚。这一切和该产品是否信息化并没有任何卵关系，非信息产品的设计理论同样适用于信息产品的设计。设计潮牌服饰的思想同样可以转化来设计酷炫的按钮。最后，当计算机系统越来越融入我们的生活时，甚至连日

用户研究 2016年04月11日

网页设计中如何利用“黄金比例”？

黄金比例是什么？黄金比例是一个数学比率，通常在自然界中都能发现它，用来建立平衡的构图。 它大约等于1.6180，也被称为“中庸之道”、“黄金分割”， 通常用希腊字母Ф表示这个值。“黄金矩形”是指一个长方形的宽度是它高度的1.6180倍。 例如，一个划分为300 px的一侧， 则另一侧为300 * 1.6180≈485 px，就可以称之为黄金矩形。如果你从这个黄金矩形切分一个

用户研究 2016年04月11日

设计规范如何写？这20个精选案例让你大开眼界

如下为规范汇总页，里面囊括了许多大家熟知品牌的规范。1.Brand Style Guide Examples[br]从中大致可以总结出规范的分类：品牌类（VI）一般以产品宣传手册形式呈现，帮助塑造企业形象。平台、系统类面向第三方开发者，介绍平台、系统生态的设计指南，要说明平台理念，开发者要遵循什么，以及遵循这套规范有什么好处。产品业务类面向产品内部，规范侧重在产品设计和实现

用户研究 2016年04月11日