四款常用原型设计工具预览功能PK
目前大家比较常用的几款原型设计工具在这个方面可以说是各有千秋。今天，我就和大家一起看看Axure、Mockplus、Justinmind以及Proto.io在预览上的表现如何。Axure：Axure应该说是原型设计中最常见的工具了，经过多年的沉淀累积，其功能的强大是不可否认的。同样的，预览的功能上Axure也绝对不弱，而且，其导出HTML可以说是可控项最多的。移动端的预览A
Axure教程
2016年08月15日
Aure 图标解决方案，再也不怕没有适合的图标了
突然发现，fontawesome 这个框架很厉害，可以用文字方式定义多种多样的图标（详情可点击：fontawesome官网，http://fontawesome.dashgame.com/ ;）。那么我就想，既然axure里面我找不到合适的图标或符号，或者这些图标颜色不符合我的要求，那么可否使用文字的方式来定义axure里面的图标呢？这样的话，既可以使用fontawesom
Axure教程
2016年08月04日
产品原型的目的所在：给新手的原型手册
在QQ群里混迹的两年里我收到许多新同学的问题，诸如：“原型需不需要高保真啊？”“原型里都要些什么内容啊？”“有了原型还要文档吗？”“原型怎么画啊？”“原型是必需品吗？”等等。以上问题在本文中都能得到解答。一、原型的必要性和作用原型是什么？原型是我们的产品的刚出生时的“模样”，它还是一个刚从想法阶段逐渐完善的小家伙，也是产品经理在产品开发过程中产出最直观的东西，现在的原型在很
Axure教程
2016年07月27日
Aure 8.0 拖动滑块设置数字和日期
1.绘制基本原件（1）在滑动块中一共由三部分组成：滑动的按钮左侧随滑块变化的进度条右侧逐渐减少的进度条。先创建这三个组件：按钮套入动态面板中，命名为“button”，左侧增加的进度也套入动态面板中，命名为“plan”，底色不用动态面板直接命名为“base”。（2）添加滑动效果缩短“plan”面板的长度（注意：面板内的矩形长度不改变），原件从上向下顺序依次是“button”“
Axure教程
2016年07月27日
Aure教程：滑动鼠标页面自动切换（一）
浏览网页时，尤其是互联网产品介绍方面的网站，经常可以看到，当你的鼠标停留在某些页面时，只要轻轻滚动鼠标，页面就会自动切换，相较于传统页面的手动切换可以给用户更好的体验。今天就利用Axure8.0向下滚动的交互动作实现滑动鼠标页面自动切换效果跟大家分享一下。注意Axure7.0没有向下滚动的交互动作，请大家使用8.0进行同步操作。另外，我将使用几张图片来代替页面进行示范，当然
Axure教程
2016年07月26日
Aure教程：移动端原型页面横纵向滑动同时实现
现在，移动端已经逐渐超越了PC端成为了主流，各种手机APP称出不穷，占据了我们的绝大多数生活，尤其是微信。无论吃饭、休息，还是工作，我们总不时地拿出手机，从消息的最顶端往下滑，直至看完所有的小红点，然后从右往左滑过通讯录，滑到发现，又是朋友圈的一轮疯狂阅读与点赞。喝点鸡汤，寻点乐趣，我们的生活确实这么无趣。那么，在做原型的时候如何实现刚刚所说的横纵向移动呢？下面我将向大家分
Axure教程
2016年07月25日
用Aure8.0制作简单的登录窗口
在这里写文章，一来是为了记录自己的一个学习过程，二来也是为了让自己能够融入到这个平台的创作氛围里。请大家多多关照。通过写文章，来记录自己的学习内容，深刻自己的理解，也是有意识地让自己养成有想法、爱思考、懂表达、懂分享的良好习惯。下面就由我来分享，我刚刚学习的内容：用Axure8.0制作简单的登录窗口。1、绘制登录窗口（1）首先，打开Axure8.0，在站点地图里选择一个页面
Axure教程
2016年07月22日
Aure中继器教程——以对待做产品的态度创建产品原型组件（一）
在新的教程中，不再是单纯的教大家如何使用Axure这个工具创建原型，而是引入一种新的思路，让大家以产品经理规划产品的方式去创建通用性高、复用性高、可交互的产品原型组件。友情提示：以下组件的规划设计是以iPhone手机为蓝本，思路可套用在安卓机型或是PC端产品名称：移动端产品原型组件（适用机型iPhone5）产品定位：为需要经常画产品原型的产品经理提供便利，方便其快速创建可读
Axure教程
2016年07月16日
Aure模板库(9)-常见网站之产品价格
本文作者：Axure大师 微信公众号：axure123 原文地址：猛戳这里【相关推荐】Axure模板库(3)-电商Axure模板库(4)-信息流Axure模板库(5)-侧边栏Axure模板库(6)-后台Axure模板库(7)-即时通讯Axure模板库(8)-常见网站之产品介绍未来几天，我会发布常见网站的各个模块的原型，包括“网站header”、“产品介绍”、“价格”、“用
Axure教程
2016年06月06日
Aure模板库(7)-即时通讯
本文作者：Axure大师 微信公众号：axure123 原文地址：猛戳这里【相关推荐】Axure模板库(1)-常见网站Axure模板库(2)-注册登录Axure模板库(3)-电商Axure模板库(4)-信息流Axure模板库(5)-侧边栏Axure模板库(6)-后台分享一套Axure的模板，以后做原型的时候可以直接复制粘贴了。源文件的下载地址在文章最后。模板里包括8个常见
Axure教程
2016年06月03日
Aure模板库(8)-常见网站之产品介绍
本文作者：Axure大师 微信公众号：axure123 原文地址：猛戳这里【相关推荐】Axure模板库(1)-常见网站Axure模板库(2)-注册登录Axure模板库(3)-电商Axure模板库(4)-信息流Axure模板库(5)-侧边栏Axure模板库(6)-后台Axure模板库(7)-即时通讯未来几天，我会发布常见网站上各个模块的原型，包括“网站header”、“产品
Axure教程
2016年06月03日
【AureRP8.0教程】通过3个动作实现抽屉菜单
案例描述：1、点击一级菜单时，显示二级菜单；2、点击其它一级菜单时，显示对应的二级菜单，并收起其它二级菜单；3、再次点击一级菜单时，收起对应的二级菜单。实现步骤：1、先放入一组一级菜单与二级菜单的矩形，设置好样式；2、将二级菜单转为动态面板；3、为动态面板命名为“Submenu”，并隐藏；4、为一级菜单设置选项组名称“menu”；这个设置能够在之后的选中操作时，保证只有一个
Axure教程
2016年05月31日
【AureRP8.0教程】关于移动端原型尺寸与设备适配
问：移动端的原型尺寸应该怎么设定？那么多手机型号，尺寸都不一样啊！答：按比例做就可以。这是个错误的回答！！！移动端的原型，是有规范尺寸的，这个尺寸与屏幕的参数有关，主要就是对角线尺寸和分辨率。通过这些参数可以知道手机屏幕上每英寸的像素密度。根据密度和手机的硬件设定可以得出对应的图片尺寸。以下是我不专业的理解，如果有错误，欢迎大家指正。在一款APP的文件夹中经常会看到这样的文
Axure教程
2016年05月31日
【AureRP8.0教程】用AureRP8.0实现动态时钟效果
这是用AxureRP8.0实现的动态时钟效果。下面我们来看实现过程：1、准备元件：这里一共4张图片，分别是表盘“ClockImage”、时针“HoursImage”、分针“MinutesImage”、秒针“SecondsImage”；需要注意的是，时针、分针和秒针的背景要求是透明的，并且图片长度要保证指针上的圆形部分为中心。2、将4张图片摆放好位置。3、页面打开时，需要让指
Axure教程
2016年05月31日
【AureRP8.0教程】AureRP8.0官方图标元件的说明
在最新版本的AxureRP8.0中，官方提供了新的图标元件库，该元件库图标为FontAwesome字体图标。在AxureRP8.0中，官方提供的FontAwesome图标元件库，可以直接使用，无需进行安装字体、Web字体设置，更不用担心他人浏览原型时图标不能正常显示。因为，官方提供的并不是字体元件库，而是基于形状的元件库。所以就像基本元件一样，直接拖拽使用。
关键字：Axu
Axure教程
2016年05月31日
【AureRP8.0教程】AureRP8.0的先进性改进
随着AxureRP8.0测试版的不断更新，相对7.0版本有了越来越多的先进之处。大概可以总结一下几方面：一、界面1、底部取消了功能面板，纵向编辑区更加宽阔；想为页面添加交互或进行设置的同学，要注意操作上的习惯改变了，点页面空白处，或者点概要中的页面名称，在检视面板中才会显示页面的相关设置。添加了两侧功能区视图的开关，点击选择相对之前版本的收起按钮，更加容易操作。同样，像动态
Axure教程
2016年05月31日
【AureRP8.0教程】AureRP8的8个改变
看界面界面有了很大改变，不再浓妆艳抹，变得简洁精致。并且实现了Win和Mac版本布局上的统一，不再看上去像两个版本。至于到底哪里变了，最明显的是快捷功能区的重新布局以及取消了下方中部或者叫中部下方的功能面板，感觉像练了葵花宝典一样！对于这个改变来说，老手一看便知，新手……看懂了也没个卵用！看元件元件库里加了一些新元件，多了一些矩形的变种（然并卵）和标记元件。其实标记元件中的
Axure教程
2016年05月31日
【AureRP8.0教程】SVG矢量图标修改颜色攻略
昨天发的矢量图标元件库，颜色是黑的，像木耳一样！而且，在Axure里改不了颜色！有同学说，我要白色；有同学说，我要黄色；（种子请发我邮箱）有同学说，我要绿色；（看好自己的媳妇）还有同学说，我要肉色。（要脸吗？）但是，我是个负责任的男人。你们有需求，我都是尽量满足的。所以呢！写下了下面这一段攻略。1、从元件库拖入要使用的图标。[br]2、按F5键在浏览器中预览，在浏览器页面中
Axure教程
2016年05月31日
Aure模板库(4)-信息流
Axure模板库(1)-常见网站Axure模板库(2)-注册登录Axure模板库(3)-电商Axure模板库(4)-信息流分享一套Axure的模板，以后做原型的时候可以直接复制粘贴了。源文件的下载地址在文章最后。模板里包括6个信息流页面，6个电商页面，6个常见的注册页面和9个常见网站布局，好多按钮和图标，下面是图片预览。1、2、以卡片形式展示信息，适合图片文字并重的信息。左
Axure教程
2016年05月30日
Aure模板库(2)-注册登录
Axure模板库(1)-常见网站Axure模板库(2)-注册登录Axure模板库(3)-电商Axure模板库(4)-信息流谢谢大家的打赏，今天更新第二篇。分享一套Axure的模板，以后做原型的时候可以直接复制粘贴了。源文件的下载地址在文章最后。模板里包括6个常见的注册页面布局和9个常见网站布局，好多按钮和图标，下面是图片预览。注册页面是非常简单的。总共可以放的东西也就这几样
Axure教程
2016年05月27日
