电商（天猫商城）APP 原型资源分享
最近做了一套天猫商城APP原型和组件库，在这里分享给大家，希望能在大家创作电商类原型时提供参考。（下载地址见文末）原型展示： 组件库展示： 使用组件库快速搭建原型页面： 如上图所示，点击引用后，组件库即可成为自己的引用资源（库内的资源也会实时更新），大家可在项目中使用，快速搭建自己的页面： 资源地址： 原型预览：http://www.xiaopiu.com/h5/byId
原型设计
2017年02月28日
纯干货！轻量化软件设计五大法则
在移动互联网去中心化发展的大背景下，近年不少轻量化产品大热，界面设计的轻量化可谓是一个主流趋势。轻量化不光意味着风格简约，更为重要的是轻量化使得界面中的信息传达更加准确直观，层次感与结构性更加分明。一方面突出重点，便于引导用户找到所需内容；另一方面简洁清新的界面也更为友善，对于提升用户体验有极大帮助。闲话休提，接下来小编就给大家介绍轻量化设计的九大干货！一、极简配色2016
原型设计
2017年02月21日
聊一聊我对产品原型的心得体会
做产品原型，我想是每个产品经理最普通也最重要的工作之一。为了做好产品原型，很多人会专门学习多个原型工具，努力让自己的产品原型变得更加的精细，我就曾经花了几百块买了一个产品原型制作教程。不过在工作了了几年后，会对产品原型有了新的体会，我觉得产品原型最为核心的不是呈现精细的页面和炫酷的交互，更为重要的是能否借助产品原型与他人互通，达成共识。今天我就来跟大家聊一聊我对产品原型的心
原型设计
2017年02月20日
好的原型设计长这样！
除大公司外，大多数公司都没有交互设计师的角色。作为产品经理，交互你必须自己来。以我的经验，好的产品经理交互设计能力都不会差。参加过不少评审会，产品经理一打开原型，真是开了眼界，花花绿绿，像是打满了补丁的破布：随意的排版；随手从别的网站拿来的截图；大小不一、颜色各异的字体和按钮。还没开口，专业度在小伙伴眼里就打了折扣。再者，国外的那种快速开发的搞法，你确定在你的公司能复制？各
原型设计
2017年02月18日
作为交互设计师，都应该尝试的低保真原型测试
即便你是一名如此经验丰富、作品惊艳、才思敏捷、手法高超、声名显赫、有强大号召力……的设计师，如果你还未亲手尝试过低保真原型测试，我依旧会推荐此方法。 什么是低保真原型测试低保真：线框图低保真原型：可交互的线框图低保真原型测试：用可交互的线框图做的用户测试说详细一点点，就是交互设计师在线框图阶段就可以完成的用户测试。如果你觉得这么早做用户测试代价太大，那么我可以告诉你，对于轻
原型设计
2017年01月22日
PM 可以从谷歌 Sprint 学到的设计工作法
Design Sprint Method（谷歌冲刺计划） 是由谷歌创投的 Jake Knapp 发明的一种产品设计工作法，是指由一支不超过 7 人的团队，在 5 天之内，通过 5 个步骤，能够快速解决产品难题的产品设计方法。其基础概念来自于敏捷开发、设计思考和个性游戏法，先后被 100 多家创业公司实践，打造了诸如 Slack、 Nest、Blue Bottle Coffe
原型设计
2017年01月16日
16 种原型设计工具及其使用场景
每个人都在问：“哪个原型设计工具是最好的？！”这是个错误的问题。正确的问法应该是：“哪个原型设计工具对我现阶段的目标是最好的？”在开始设计原型时首先明确这四个问题：原型设计是设计思维过程中的一个密切部分，它让我们有机会去证明我们的疯狂想法。当原型完成时，我们测试并验证我们的设想。当有新信息出现时，我们还会调整我们的设计。但是我们如何知道我们该使用哪种工具呢？原型应该设计到哪
原型设计
2017年01月11日
做高保真原型，有必要吗？
写下这个题目，是因为之前在一个产品群里，有人问“怎么做高保真原型”。众说纷纭啊我记得我刚工作那会儿，根本就没有什么原型之说，那个时候我们叫“线框图”、“草图”。而我是使用Visio+画图做静态页面图的。后来，听说有做原型的软件工具可以使用，于是找来利用春节假期自己研究了一下，做出了下半年产品主要功能模块的原型。春节假期结束后，我拿着原型召集了散落在中国各个城市的销售、实施，
原型设计
2017年01月10日
为了少改稿，我列出了 5 种原型的使用阶段和优缺点分析
@Akane_Lee：很多项目在开发过程中，会制作原型测试与验证构想。但项目开发会经过许多阶段，也有很多种制原型的方式。该如何配合项目开发进度，制作适合的 原型呢？这篇文章列出了每一个设计阶段对应的原型设计，能解决不少设计师的困惑。原型用途开发者对于产品一定有各式各样的想法，并尽力让用户觉得产品「好用」。但开发者该如何确定目前产品设计走向能让用户觉得好用？可透过「使用者测试
原型设计
2017年01月05日
2017 年最热门的 16 个原型设计工具，哪个更适合你？
经常有人会问：“哪个原型设计工具是最好的？” 我得说，这种问法是错误的。正确的问法应该是：“哪个原型工具对我目前的项目是最好的？”还有：每个产品设计师都应该熟练多个原型设计工具。只懂一个还不够！4个问题原型设计毫无疑问是设计思维进程中的密不可分的一部分。因为有这个设计进程的必要部分，我们得以有机会来证明走马行空的想法是否可行。当原型完成，我们去试验它。我们验证和挑战我们的假
原型设计
2017年01月03日
UI 设计师辅助工具 & 插件神器
朋友们~大家好！我是Usir正文一直以来在各个群里大家经常都会在讨论一些辅助工具&插件今天就给大家分享下我一直在用的一些辅助工具&插件Photoshop插件下面的这些插件在Cutterman官网都能下载，下载地址：http://www.cutterman.cn（声明：这可不是做广告哦）ps.部分是需要购买的~废话不多说了1.cutterman【切图工具】注：确定您PS的版本
原型设计
2016年12月09日
用 Origami Studio 制作 Tumblr 拖拽效果原型
最近一直在尝试用Origami Studio来制作可交互原型，用下来发现这个工具的确非常强大，可以很完美地实现绝大多数高保真原型的制作。可能会有人说用AE完全可以做出这些炫酷的效果，干嘛还这么折腾。在这里强调一下，AE做出来的只是动画，而原型工具的产出是一个可交互的原型。而一个可交互的原型在产品设计开发流程中是非常重要的。在我看来主要有三点：1.团队内部可以在产品开发之前预
原型设计
2016年12月06日
为了沟通到位，我为设计师们专门准备了一份原型文档
直接交付设计的文档只有一份带有简要说明的原型文档，这样设计就只能根据自己的思路猜测文档中的部分功能与逻辑。也不知道谁规定的，许多刚入行的产品er 都感觉需求交接时，最痛苦的事情就是和开发沟通。其实，在产品经理的日常工作中，只要需求有合适的理由，流程比较完备，逻辑基本能够自洽，与开发交接需求并不是一件很难的事情。然而，即使你提出的需求满足上述所有条件，有时候也很难和设计达成方
原型设计
2016年11月24日
一些好用的 UX/UI 设计工具和资源
你今天使用的设计工具也许不再适合以后的网页和APP设计项目了。新的工具不断的推出市场，目标只有一个，让你的工作更快、更容易而且工作成效更好。以下就是各种工具的介绍入口，当您点击标题就会看到各种很好的工具和资源，有专注于快速原型设计、强大的团队协作功能、和设计可用性测试或成品测试等。这些觉得值得你研究，enjoy！（温馨提示：点击标题查看资源）Proto.ioProto.io
原型设计
2016年11月22日
简单直接：用什么工具？做什么原型？给谁看？
在目标明确的情况下，我们到底该怎么办。我们在日常的软件设计中经常会涉及到原型的设计。设计一个原型，无非就是三个目的：第一个目的是拿着给自己看的，为了方便之后的下一步设计；第二个目的是给开发看，说服开发，完善软件；第三个目的是拿着给客户看，让客户满意，推动合作。但是，在工作中经常有些小白同学拿着应当给开发看的原型去给客户看，导致客户不满意，谈判过程异常艰难；也有一部分人拿着应
原型设计
2016年11月18日
5 款常见原型工具，产品特色知多少？
好的原型工具软件可以大大提高工作效率，但是每款工具各有优劣。工欲善其事必先利其器。天天和产品打交道，无可避免的要做一些页面原型，当然也离不开各种工具。好的原型工具软件可以大大提高工作效率，但是每款工具各有优劣。之前写过一篇基于不同平台的原型工具介绍，分别是基于网页、基于桌面端、和原型手机预览APP. 为了更好的帮助大家做出正确的判断，少走弯路，今天我分别为大家介绍一下几款常
原型设计
2016年11月13日
如何从 0 到 1 打造一个业务系统？
小伙伴们有没有这样的经历？领导让你负责从0开始做一个业务系统，你木有相关项目经验、也没有竞品可以借鉴，不知道从何下手？抑或是自己写的PRD，在评审阶段总是暴漏出各种问题，这里没考虑清楚，那里也没考虑清楚？项目历经千辛万苦上线了，业务方/需求方各种吐槽，不满足需求？恭喜你，你将在本文找到上述问题的解决之道。本文以一个web新闻站点为例，演示如何打造完美的业务逻辑。本文重在方法
原型设计
2016年11月08日
便捷而不失专业 - Tster 原型设计工具 #iOS
Tster 是一款 iOS 原型设计构建工具，虽说此类工具早已屡见不鲜，当然它必然有自己的特色独在，其拥有高效的内置控件、简便快捷的制作交互，而且目前 Plus 用户可以使用 iOS UI Kit 同时可以直接将原型轻松导出至 Sketch 中（http://www.tsterapp.com/sketch）。Tster UI 界面设计非常清爽，底部三个按钮，新建原型集名称和
原型设计
2016年11月01日
如何基于功能快速画原型?
实现声明，我没有任何说别人慢的意思，是基于自己的工作体验写的。写的不好的地方，请多多指点在前面两篇文章，我自己整理了下注册&登录需要注意的事项和规则，功能也进行了部分的规划，接下来，正式开始被认定为产品人必会的技能：画原型。平台：windows 10（mac没用过，软件使用是一样）软件：Axure 8.0.0.3303（使用墨刀什么的都可以）优质设计网站：dribbble
原型设计
2016年10月17日
产品之从需求到原型的过程
从需求到原型的过程一个产品从需求到成品要经历一个漫长的过程，从需求到原型这一段我觉得是最重要的，因为这是从虚到实的过程。1、确定产品核心需求 作为产品经理应该都知道自己产品的核心需求是什么吧。如果你不知道，就去问你的老板吧，不过你很可能被K。2、围绕核心需求梳理产品要点 一般用纸和笔或者脑图简单梳理一下就好。只是定个产品设计的大方向（功能点），不需要画的多好，自己能看懂就好
原型设计
2016年10月10日
