【Axure教程】制作中继器标签
我们在使用各种软件或者网页时，面对我们要去查找的内容，可以使用选择标签的方式进行，比如在进行注册一款新的网页时，我们就会发现有一个兴趣爱好的标签选择；本文作者分享了关于制作中继器标签的方法，我们一起来了解一下。标签像是目标确定的关键字词，便于查找和定位目标的工具，用来标志产品目标和分类或内容，绑定合适的话题，能方便分类检索，也更容易让用户发现。随着大数据的发展，标
原型设计
2021年07月28日
Axure9.0基础教程：Web端图片点击全屏化及鼠标悬停扩大
Web端主页加入大量图片当下十分常见，如何利用Axure制作Web端图片点击全屏化及鼠标悬停扩大的效果？本篇文章里，作者总结了一份Axure操作教程，一起来看一下吧。目前越来越多的web端主页会在简介中加入大量的图片，这些图片有些可以全屏查看，有些鼠标移入可使其扩大，给人一种可浮动的感觉。下面我们使用Axure 9.0制作一下上述效果。一、效果预览点击图片全屏效果
原型设计
2021年07月24日
Axure9 教程：锚点滚动效果
锚点滚动是常见的效果，常与导航结合使用。那么，你知道如何利用Axure9来实现锚点滚动效果吗？本篇文章里，作者以左侧固定导航结合热区为例，讲解了如何使用Axure来实现锚点滚动的方法，一起来看一下。锚点滚动效果即点击锚点，页面滚动到指定的位置的效果，经常与导航结合起来运用。锚点滚动在Axure中有多种实现方式，本案例以左侧固定导航结合热区来讲讲如何实现此效果。一、
原型设计
2021年07月21日
【Aure 教程】中继器中级教程-顶部导航
在日常工作中，经常会用到中继器进行顶部导航的设计操作，那我们可以如何使用Axure来进行相关操作呢？本篇文章里，作者利用中继器为我们展示了顶部导航操作，让我们一起来看一下。原型展示：https://hb04g4.axshare.com所需原件：中继器文本标签通过上一次的左侧导航教程，相信大家已经知道通过中继器怎么制作左侧导航了，今天我们来试试另外的方式，来实现顶部
原型设计
2021年06月04日
【Aure教程】高保真密码输入框
密码输入是我们常见的一个业务场景。那么，我们可以如何利用Axure来设计一个密码输入框？本篇文章里，作者分享了如何利用Axure设计高保真的密码输入框的方法，一起来看一下吧。Hello，今天教大家做一个高保真的密码输入框，包括密码可视和保密效果、以及自动判断密码输入是否正确的效果。原型预览地址：https://ulqs8z.axshare.com一、材料准备*图标
原型设计
2021年06月04日
【Aure 教程】中继器入门教程-数据增删
当工作中需要进行数据增删操作时，我们可以如何使用Axure来进行相关操作呢？本篇文章里，作者利用中继器为我们展示了数据增删操作，让我们一起来看一下。原型展示：https://lyz96n.axshare.com所需原件：中继器文本款文本标签下拉列表本文主要讲解中继器的基本用法，以便大家更容易去理解和学习中继器的高级用法，入门教程会分为 6 个小节，本节主要讲解如何
原型设计
2021年06月02日
Aure9 教程：利用全局变量实现跨页面传值
在我们使用Axure进行原型设计的时候，在同一个页面实现点击不同的按钮切换显示不同的内容，可以通过动态面板来实现；如果要实现在a页面点击不同的按钮，在B页面中显示不同的内容应该如何实现呢？本文将介绍如何通过全局变量保存值并进行跨页面传值来实现这个效果。一、交互效果说明点击「首页」金刚区的按钮，跳转至「分类」页面，选中对应的Tab选项，切换显示对应的内容。效果预览：原型
原型设计
2021年05月25日
Aure 教程：中继器高级用法——下拉多选
作为一个产品经理，学会使用Axure 是一个基础技能。本文作者分析了中继器高级用法——下拉多选的做法，希望对你有帮助，所需元件：中继器：2 个，一个对应标签，一个对应下拉列表；文本框：模拟下拉框；小三角：模拟下拉框的交互动作；思路：标签和下拉列表的中继器通过文本对应进行状态值的一对一的更新，并通过状态值的变化控制下拉列表的选中切换和标签的显示和排序。一、中继器的复
原型设计
2021年05月12日
Aure 教程：中继器高级用法——列表复选
当工作中需要进行列表复选操作时，我们可以如何使用Axure来进行相关操作呢？本篇文章里，作者利用中继器为我们展示了列表复选操作，让我们一起来看一下。所需元件：中继器：表单制作；文本框：表头制作；复选框：复选交互制作。思路：基于中继器中的复选状态进行赋值，并基于整体列表的状态值进行换算，得出全选的临界值公式。教程如下。一、中继器的复选赋值因列表载入时，默认均为未选中
原型设计
2021年05月12日
规范流程下的原型设计——你的原型真的有价值吗？
在前段时间翻译的IDEO出品的《以人为本的设计指南》中，正好讲到了构思到原型的阶段，恰好我在进修的IDF设计思维课程也到了原型设计部分，因此准备出一篇原型相关的文章，分享所学同时也曝露一些目前国内设计行业存在的一些畸形现象。标准设计流程下的原型原型作为设计流程中的一个关键部分，被广泛应用在设计的各个阶段，注意是各个阶段，而不仅仅是原型设计阶段。重温一下，设计思维共有五个阶段
原型设计
2019年11月05日
B 端产品原型进化录
本文作者从设计原则、色彩、图标这3个角度对产品原型设计进行了拆解。关于B端Web产品前期从流程上进行了复盘，这次从原型设计的角度来进行梳理。原型设计是产品经理的硬技能，也是产品经理与各相关方沟通的直观桥梁。只有看到了原型demo，甲方爸爸们才会清楚的知道他们不要什么，可能还需要什么。我的原型设计之路，从一开始的野路子，到目前的稍有章法，多亏了Ant design的组件库、设
原型设计
2019年11月05日
App 产品原型背后要交代的细节和要理解的原则（一）
笔者从产品经理设计需求的角度，分享了APP产品原型设计背后需要的注意的细节和原则，供大家参考与学习。移动App的产品设计往往都是所见即所有，没有太深奥的逻辑要交代的，比葫芦画瓢即可。产品经理常常很快就把原型画出完了，但是在设计UI的时候或开发的时候就常常被拉去澄清细节，原因就是对设计的细节交代不清楚，或者了解的不甚深入，缺少对边界或排他项的界定。笔者近期从事社交App的需求
原型设计
2019年08月13日
App 产品原型背后要交代的细节或要理解的原则（二）
本文接着上一篇《App产品原型背后要交代的细节或要理解的原则（一）》，也是来自工作中的总结和整理。笔者从产品经理设计需求的角度，分享了APP产品原型设计背后需要的注意的细节和原则，供大家参考与学习。七、产品经理对视频拍摄窗口的界定产品经理在设计拍摄视频或图片功能的时候，需要考虑是否满屏拍摄，是否限制必须按一定比例拍摄等。之所以考虑这个问题，是因为有的手机全屏比例拍摄的效果并
原型设计
2019年08月13日
打造高品质 Aure 组件库，就是这么简单！
本文介绍的关于如何打造高品质Axure组件的思路，希望能够给大家带来一些新的思路拓展和知识补给。提高效率是节约时间成本的唯一途径，产品组件库地打造可以有效的帮助我们解决一部分问题。为什么要建立组件库？减少重复性工作，让产品整体风格更统一，提高原型效率。组件概念由来已久，我们生活中的许多事物都应用了组件/模块的概念。如乐高积木的概念，基础小积木的多次组合，构建出完全不一样的整
原型设计
2019年05月06日
方法论 | 产品经理的原型工作流
交互原型图是产品经理必备的技能，不管是小白，还是大牛；是实习生，还是总监，都是从画原型图开始的。好的交互原型图，可以让开发不问一句，就能看得清清楚楚，开发得明明白白；差的交互原型图，可以让UI、开发、测试焦头烂额，摸不着头脑，让产品经理的威信大大降低。要知道，产品经理在公司里，很多时候靠的都是威信力，无论是在脑暴、讨论、评审、跟进、运营，各个阶段。本文开始，笔者会另起一条脉
原型设计
2019年03月15日
项目经理，如何用产品思维设计Aure组件库？
项目经理给甲方提案需要展现能力和专业性，其中原型图的设计其中的一环。那么，项目经理，如何用产品思维设计Axure组件库？很多产品经理都有自己的独家组件库，其实我们来分析一下组件库主要解决的矛盾：项目经理给甲方提案需要展现能力和专业性，其中原型图的设计其中的一环。原型在功能展示方面没问题，由于大多项目经理不是设计师，在原型图本身的气质，档次上会稍有欠缺。目标： 是为项目经
原型设计
2018年12月07日
电商活动之数据分析原型设计篇
如今，各大电商平台之间虽然不再通过大量补贴来培养用户在自家平台的消费习惯，但是电商靠活动拉拢用户的习惯与体系已经成熟，本文作者将基于活动的数据统计来谈谈产品应该如何设计。很久……很久……以前，电商竞争模式初立之期，盘古拨混沌开天地之时，江湖中曾经流传过一句永世的经典：“道可道，非常……”，no no no，是这句：“得用户者，得天下兮！”电商竞争初期，亦是线上电商活动步入正
原型设计
2018年05月16日
Aure原型组件库：用产品思维、设计师设计的组件库
原型图的设计，是项目经理给甲方提案时，需要展现的能力和专业性。本文主要是是为项目经理提供一套方便使用，而且设计统一，视觉美观的原型组件库。设计这套组件库主要解决的矛盾：项目经理给甲方提案需要展现能力和专业性，其中原型图的设计其中的一环。原型在功能展示方面没问题，由于大多项目经理不是设计师，在原型图本身的气质，档次上会稍有欠缺。目标： 是为项目经理提供一套方便使用，而且设
原型设计
2018年05月10日
原型设计：如何实现淘宝的五星好评？
对购买后的物品进行评分，是常有的事，那么这类应用点击星星进行评分的原型效果，是如何实现的呢？我们在淘宝购物或大众点评点餐时，经常需要对商家的服务进行评价。那么这类应用点击星星进行评分的原型效果，是如何实现的呢？本文在这里向大家分享制作这类原型效果的实现过程。准备元件，设置交互样式拖动一个矩形至设计区域，宽和高均设置为50，将其转换五角星形状。连续复制4个相同的五角星，呈水平
原型设计
2018年04月10日
原型设计：如何实现淘宝的五星好评？
对购买后的物品进行评分，是常有的事，那么这类应用点击星星进行评分的原型效果，是如何实现的呢？我们在淘宝购物或大众点评点餐时，经常需要对商家的服务进行评价。那么这类应用点击星星进行评分的原型效果，是如何实现的呢？本文在这里向大家分享制作这类原型效果的实现过程。准备元件，设置交互样式拖动一个矩形至设计区域，宽和高均设置为50，将其转换五角星形状。连续复制4个相同的五角星，呈水平
原型设计
2018年04月10日
