产品经理必修课——如何做好原型设计

原型设计是产品经理的一门必修课，是需要稳打稳扎的基础工作。那么，如何才能做好原型设计？本文将从三个方面展开分析，与你分享。原型界面：原型界面是APP不同界面展示出来的图文效果，重点是功能和逻辑结构的梳理与呈现。注意事项：尺寸：考虑到小组的组员分别绘制原型图，以及由于疫情在家办公，沟通交流受到限制。应该事先考虑原型图的尺寸，达成统一。包括常用组件尺寸、机模的位置。字

原型设计 2021年08月23日

Aure 图标解决方案，再也不怕没有适合的图标了

突然发现，fontawesome 这个框架很厉害，可以用文字方式定义多种多样的图标（详情可点击：fontawesome官网，http://fontawesome.dashgame.com/ ;）。那么我就想，既然axure里面我找不到合适的图标或符号，或者这些图标颜色不符合我的要求，那么可否使用文字的方式来定义axure里面的图标呢？这样的话，既可以使用fontawesom

Axure教程 2016年08月04日

三步教你做酷炫的“倒计时”原型效果

日常生活中，我们会看到各种各样的倒计时设计: 或是在一段视频的开头；或是隐蔽在屏幕右上角，用于显示广告的时长；或是在软件启动页面，用于增强用户对后面出现内容的期待。不可否认，倒计时是非常有用的。那么，如何用简单的方法做出酷炫的倒计时效果呢？我们一起来学习一下。工具：Mockplus所需时间：3分钟用Mockplus来做交互，最大的特点就是简单快速。下图中这个倒计时效果，只需

交互体验 2017年07月24日

移动用户界面的 5 个设计原则

以下内容由 Mockplus（摹客） 团队翻译整理，仅供学习交流， Mockplus是更快更简单的原型设计工具 。去年移动端用户首次在全球范围内超过桌面端用户。看看来自全球的统计数据，如今超过22％屏幕的分辨率为640x360。这种趋势不容忽视，尽管响应式和移动式开发已有一段时间了，移动界面中的交互与桌面界面中的交互却非常不同。随着React Native和Progress

交互体验 2018年03月05日

2018 年 3 大 UI 设计趋势，你知道吗？

以下内容由 Mockplus 团队翻译整理，仅供学习交流， Mockplus是更快更简单的原型设计工具 。 之前小编已经和大家讨论了2018年软件测试的五大趋势，现在让我们一起来看看移动UI设计在2018年会有些什么变化吧！首先，一些过时的设计方法会逐渐被淘汰，而另一些新的设计趋势则会继续占据主导地位。毫无疑问，我们也将在2018年迎来新的UI设计趋势的划分。所以，

交互体验 2018年02月12日

Axure教程：网易云音乐界面原型设计

在歌曲播放界面，我们实现了唱片的旋转，带时间的进度条，对喜欢的音乐进行标记等基础效果。下面我们先来浏览一下总体的实现效果：发现界面、搜索界面、歌手分类界面以及

原型设计 2023年07月22日

在 Mockplus 中，如何做鼠标悬停时菜单下拉的效果？

了解Mockplus的用户会知道，该原型工具目前并不直接支持鼠标悬停功能。但我经过尝试，发现想用它实现一个鼠标悬停事件并不是什么难事，比如网页设计中很常见的鼠标悬停时菜单下拉的效果，只要换个思路，利用Mockplus的状态交互功能，就能轻松实现。我们来看看详细步骤：第一步：用矩形做一个菜单。打开Mockplus，从界面左侧的组件库中拖出一个矩形，将其复制成多个。其中一个作为

原型设计 2017年06月20日

原型说明咋写-全局提示/toast

开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用。步骤一：约定规范如图，与开发、UI

产品经理 2024年01月01日

Aure 炫技：如何让你的原型图动起来

前不久我进入一家创业型公司，我开始发现，老板不看xxx.Html 原型图的，老板只看视频版本的原型图，而给开发人员的原型图就是xxx.Html的，所以每次做原型的时候我都会做两套。一个简单的视频原型展示：查看视频下面我来介绍一下，如何在Mac上制作视频原型图目录一、使用工具介绍 二、制作原型图步骤&方法 第一步，设计草图第二步，设置事件第三步，视频录制第四步，排序整理文件第

Axure教程 2017年06月26日

如何将原型设计的优势发挥到淋漓尽致？

原型设计在整个产品阶段中的存在，绝非偶然。它能最快最准确的从用户那里获取产品信息的相关反馈。现如今，几乎没有任何一家产品公司能够完全不采用原型设计。特别是伴随原型设计变得越来越容易实现，其意义也越来越明显，逐渐处于不可取代的地位。原型设计的必要性已无可非议，如何充分利用原型设计的优势才是应该深思熟虑的问题。1， 原型设计的简单回顾 以防万一，还是有必要说明一下原型设计的相

原型设计 2017年08月16日