原型设计

【铁头功】真正的体验设计:元数据设计

个人见解,请勿过分解读。请讨论来公众号:铁头功。:blush:在浏览产品相关资讯时,发现一个问题:人人都想当产品经理,但是人人都当不好产品经理。大部分产品相关的网站首页被模板式竞品分析、体验报告占据,今儿咱就斗胆说些别的,一个经常被提到但又不经常被记住的东东:用户体验。在面向用户端的产品,无论是C端还是B端,你都会面临一个问题:你需要教会用户如何“接触”和“使用”产品。这就

Aure 教程:原型设计之弹幕

相信大家对看视频时候的弹幕都不陌生,很多时候甚至会觉得弹幕比视频本身还有趣,因此,现在大多数视频网站或者视频app都有这个弹幕功能。既然这个功能这么重要,那么在axure原型设计中又是怎么实现的呢?这篇文章就是教大家如何设计逼真的弹幕原型图~~ 第一步:放置相关控件首先,摆好背景图,其实就是一个手机外形图和一张视频截图,《三生三世》最近这么火,那这里就截一张幂姐的照片当背景

为什么 375×667 是移动端原型设计的最佳分辨率

部分PM在设计移动端产品的时候,往往是随意画了个原型尺寸或者上网找个模板套进去,当然也有部分知道用375×667比较好,但是不知其所以然。接下来,我来讲清楚为什么以及前世今生。 原型尺寸的历史既然是设计移动端原型,理论上来说最佳的原型尺寸最好是和你的目标用户手机尺寸保持完全一致。好比iPhone刚出来的时候,设计iOS APP原型使用iPhone自身分辨率320×480就是

善用Aure写PRD:如何设置手机APP原型?

上篇文章聊了一下 为什么 375×667 是移动端原型设计的最佳分辨率 ,今天我们来讲讲如何在Axure中如何设计375×667的原型。看起来再简单不过,其实这里面有很多讲究,请听我慢慢道来。 如何创建APP页面新手一般是这样创建APP页面做第一个页面的时候,直接拖动几个矩形框到工作区,拼成大概的手机样子。或者找个手机壳模板套进去,然后在里面画。再做其他页面的时候,复制刚刚

Aure 教程:微信面对面建群原型设计

微信面对面建群系一个十分实用方便的功能,今天我们就来聊一聊微信面对面建群原型设计的具体操作方法。微信的添加朋友模块里,有一项面对面建群的功能,让身边的朋友可以输入同样的4位数字进入同一个群聊,很实用方便的功能,特别是在一些聚会、活动场景下,大家不用加好友就可以快速建群,以下为微信界面的截图:我们来看看如何实现这样的功能的原型设计。面对面建群有两个步骤:1、输入4位数字界面上

Aure 中继器实践:如何制作一个「记忆翻牌」小游戏?

中继器一直是Axure里的学习难点,如何使用,什么场景下使用的教程,都值得爱学习的人一看究竟。今天以一个趣味的小游戏为例,来学习中继器的数据添加、标记、排序、删除功能。 游戏原理记忆翻牌是考验你的记忆力类型的小游戏,在连续翻出两张牌时后,如果第二张和第一张相同,则说明翻牌成功,否则翻出的牌会继续还原, 这时候就是考验你记忆力的时候了,需要记住上一次翻牌的位置,这样几轮之后,

Aure 教程:原型设计之转盘抽奖

转盘抽奖一般会出现在一些金融类网站中,通过转盘抽奖来激活用户浏览行为,后来又多用于微信的公众号运营中,通过转盘抽奖来宣传活动,从而达到吸粉的目的。这一章就教大家如何使用axure原型工具制作转盘抽奖原型。 第一步:拖拉摆放好相关控件1、转盘:300X300的白底黑框圆形,一条垂直线、一条45度垂直线、一条水平线、一条45度水平线,四线交叉组合居中放于白底黑框圆形上方,将白底

Aure 教程:商品详情页产品图效果展示

文章主要对商品详情页产品图的展示原型进行了简要的说明,希望可以给大家带来些收获。 背景介绍电商平台商品详情页大同小异,有一个模块是肯定少不了的,就是产品图展示区域,下面主要就展示图区的一些小效果做一些说明。准备工作网上找一些图片素材,要分两批,一批大图,一批小图(不想自己找的,文末有素材附件)功能实现1、 首先拖入一个动态面板,命名为d,大小为387×121,将小图按照顺序

aure 原型设计之抽屉列表

抽屉列表实在是太常见了,一般做后台设计的产品经理特别熟悉,因为基本大多数后台的菜单都是以抽屉列表的形式存在着,因为抽屉列表可伸缩,能够存放很多菜单项。还有一个是大家特别熟悉的,那就是QQ的好友列表。既然这么常见的设计元素,不好好钻研钻研怎么行呢?哈哈哈,这章就教大家如何使用axure原型工具设计抽屉列表。第一步:拖拉摆放好第一个抽屉的相关控件1、一个180X360的白底黑框

Aure 教程:如何制作一个不区分大小写的验证码原型?

最近偶然关注到验证码的原型,想起我们实际遇到的验证码基本都是不区分大小写的,那么就让我们一起来做一个关于忽略大小写的验证码原型吧。 第一步,准备相应部件拖下两个矩形,一个文本框,一个对号,一个错号,总共5个部件。如图所示,其中一个矩形输入文字“换一张”,以通过它来实现我们后面更新验证码功能,另一个矩形可命名为“验证码”以便我们识别它。对号填充为绿色,错号为红色(按常规习惯而