1. 首页
  2. 产品
  3. 原型设计

从零开始画产品原型：信息架构篇

画产品原型的时候，不要迷恋工具的使用，也不要着急着动手画图，要先梳理好信息架构，一个好的架构会让你在后面的工作中持续的尝到甜头。产品原型是指用线框图的方式呈现的产品方案，通过产品原型可以很清楚的看到一个产品的信息架构，页面布局、功能模块，内容信息，交互逻辑等元素，是产品落地过程中最重要的一个输出物，画产品原型也是一个产品经理必备的硬技能，当拿到一个产品需求以后，除了模仿和抄
原型设计 2018年01月15日

Axure入门案例系列——Axure制作气泡闪动图

闪动的气泡在产品中是很常见的功能，用以动态的提示。本文作者用Axure进行案例演示，分析如何用Axure制作气泡闪动图，希望对你有帮助。在一些常见的大屏可视化中，均会以闪动的气泡作为一些提示符，进行动态的提示。一、准备Axure 9（或Axure 8、10）软件已安装。掌握基本的软件使用。二、本教程知识点交互动效延时填充的渐变样式连续动态的交互实现三、详细教程1.
原型设计 2021年11月15日

干货！不得不知的 UI 界面中“行为召唤按钮”设计秘诀

数字产品的有效交互系统由具有其任务和功能的小元素组成。为了建立丰富的交互系统，关注所有小元素的设计细节至关重要。按钮是用户界面的核心交互组件，它在质量用户体验以及网站和应用程序的转换率方面发挥着重要作用。UI按钮根据其功能的不同，可以分为不同的类型。本篇文章致力于讲解“行为号召（CTA）按钮”，涵盖了他们的本质，在直觉导航中的角色以及它在业务目标中的重要性。让我们一起来看看
原型设计 2018年03月01日

实体联系模型｜如何用 ER 图绘制业务实体 (更新了一下配图)

当你设计一个新的功能模块，服务端童鞋一定会追问你具体有哪几种实体以及之间的关系，如果你没想清楚或者描述含糊，那么就有必要学习一下ER图。你是否碰到过类似的问题？设计优惠券模块，有几个概念容易混淆。比如运营新建的一批优惠券，然后用户领了其中一张优惠券，而这一张有可能可以多次使用(比如uber)。请问这3种分别是什么，之间的关系，以及如何区分这3者……设计商品模块，spu、sk
原型设计 2017年05月15日

Axure 教程：动态图表——排名图

这个原型制作完成之后，使用很简单，只需要填写中继器表格既可以了。喜欢、想要该原型的伙伴或者有很多问题的小朋友都可以在评论给我留言哦。效果演示1. 自动轮播效
原型设计 2023年07月22日

11 步教你成为一名初级的 iOS 开发——零基础

最近发行iPhone8和11月份要出售的iPhone X又掀起了一波iPhone购买热潮，为什么苹果这么深受大众的喜爱呢？当然要归功于强大的iOS系统，不同于Android，iOS并不需要很高的硬件配置就可以发挥很高的效能。这也使得许多开发者们跃跃欲试的想要成为一名iOS的开发者，据美国的一项调查显示，iOS开发薪资高达$80,399 /年，如果你也想成为一名ios开发，那
原型设计 2017年10月10日

工作4年，经历2家公司，我写下这些感悟

人在职场上工作到一点阶段后个人技能的提升就会陷入到一个瓶颈阶段，我现在也深有感触了。最近突然想写篇文章回顾一下自己的职业生涯，从毕业到现在做了四年多的产品经理，一直没换过职业。虽然到现在依然是个小产品，没有一款知名的产品能提高下个人知名度，也没有BAT的背景能让自己吹嘘。但我这样的职业经历也代表了很多人，还是有很多人的职业发展路径跟我比较相似的。所以我想我自己的职业经历和个
原型设计 2017年12月15日

专业干货！VR新工具之便捷实用的POV纸质原型

@C7210 ：在VR领域，传统草图形式已经难以提供前期探索阶段所需的灵活性与便捷性。而POV纸质原型的宗旨在于以尽可能灵活快捷的方式实现VR环境设计目标， 一方面可以展现场景的全貌，同时又允许我们透过用户的视角去观察虚拟环境及其中的互动元素，本文便是相关的实战经验汇总。和很多人一样，我（英文原文作者）在实际体验过VR之后，便开始为其中所蕴含的各种可能性及巨大的潜力而着迷。
原型设计 2016年07月18日

WeUI（微信）原型资源分享

WeUI 原型资源分享，组件库和原型均可下载使用。WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。目前官方为开发者和设计师提供了Sketch和PSD基础样式库源文件，但对于产品童鞋来说，带交互的原型组件库才是王道！^_^o~为方便大家进行公众号、小程序等微信相关的产品原型创作，我们在这里分享给
原型设计 2017年03月16日

5 个范例告诉你什么是自适应网页设计

移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？自适应网页设计的出现很好的解决了这个问题。这篇文章将带你了解一些关于自适应网页设计的基础知识和设计范例。一、理论基础：什么是自适应网页设计？2011年，网页设计师Aaron Gustafson在他的书《自适应网页设计》里率先提出了自适应网页设计的
原型设计 2017年05月18日

Axure实战规范分享：后台web网站

后台web网站是互联网人工作中经常会用到的，本文作者分享如何用Axure做后台web网站，一起来看一下吧。以下规范数值仅为参考，具体请根据自身产品灵活运用。一、框架尺寸设计目前 PC 端用户屏幕分辨率主要为：1920*1080、1600*900、1440*900、1366*768、1280*720等。那么我们的原型设计稿应该参考哪个尺寸设计呢？这需要我们根据具体情
原型设计 2022年01月24日

别急着上高保真！教你在设计实战中用纸和笔做原型设计

编者按：随着软件越来越多，很多设计师都能迅速做出精美的高保真原型，所以今天@-朱宇軒 这篇好文特意给喜欢一开始上手就用高保真的同学提个醒，用纸和笔也许能整个设计过程更爽。至于用纸笔的好处以及什么时候该用高保真原型，让这篇好文为你揭秘！先用纸和笔来画草图能让整个设计过程变得更爽我爹是一个插画师，所以我记得小时候，家里到处都摆着老爹干活的家当。用大头笔在画纸上画画时发出的沙沙声
原型设计 2016年06月16日

Axure实现动态进度条效果

界面原型想要用动态进度条，原本想在网上找一个现成的用，没想到都是坑，索性自己做了一个，分享给大家（附详细步骤）。一、不带动文字的进度条①创建矩形，命名“bg
原型设计 2023年08月02日
加载更多