Mockplus

随着国内软件行业整体水平的不断提升，原型设计作为产品设计中不可或缺的一部分，越来越多的得到了人们的重视。 Mockplus 作为新兴的一款原型设计工具，凭借着更快更简单的原型设计方式和理念，目前已经在国内外积累了大量的用户。最近不管是前段时间的两周年庆活动，还是在中国用户体验设计大赛上的露面，都获得了相当高的关注，并且得到了用户们的大力支持。 在 Mockplus 的成长过程中，优质的用户起到了至关重要的作用，熊先生在Mockplus的群组中采访到了其中的两位，他们从UI和产品两个不同角度解释分析了关于设计与工具的见解和问题，同时也分享了自己的看法和观点。 关于两位设计师用户： 老王：某知名公司UI/UX设计师。 迷雾：产品经理。 首先我们来看一下对于老王的采访。 采访对象：老王 关于设计： 作为一名优秀的UI设计师，老王觉得只是做好界面的设计是远远不够的；老王的看法与职业规划以及行业的发展联系的更加紧密：“在未来，单单只是负责做界面的UI会越来越少，”他也同样认为，未来UI的设计趋势将会越来越紧密的与其他设计相关联起来，对于UI设计师的要求也将会越来越高，“UI可能需要担任UE,UX的职责，即便是在大公司，UI针对项目也应该有独立的思考，不管是UI还是PM，都会需要复合型人才更多一点。” 而针对与设计本身“易用、简单、美”是老王在设计中最关注的三个要素。21世纪是信息时代

Mockplus Mockplus 是最好的原型设计工具之一。 http://www.mockplus.cn 简洁高效，是它的主要产品特点。 关注设计，而非工具，是它带给设计人员的理念。 Mockplus的主要价值是：在正式制作真实软件产品前，通过原型给大家一个产品的模型展示，而这个模型你可以通过非常简单快速的方式得到。 所以，Mockplus的适用人群是比较广的，只要你有产品（范围很广，可以是某网站，某功能，某个策划案，某个广告模型，某个创意等）模型的展示需要。 产品经理 Product Managers 原型设计应该是产品经理应该掌握的某项硬技能。Mockplus是原型设计最好的工具之一，同时不需要任何学习，就可以上手。产品经理可以利用设计的原型图阐述需求，指导技术、测试、设计等进行工作，提高效能。 项目经理 Project Managers 同样，项目经理使用Mockplus，快捷而简便的创建网站构架页面示意图、操作流程图、以及交互设计图，并可自动生成用于演示的幻灯片（甚至独立的Exe幻灯片文件），以提供演示与开发。 用户体验设计师 UE Designers 用户体验很多涉及到人机交互，而Mockplus可以模拟交互。用户体验设计师可以通过Mockplus原型图，征集同事和用户的意见。同时通过Mockup+修改交互也很方便。 平面设计师 Graphic Designers

在国内，设计规范也许还是个不太常用的概念，但是如果你正好有参与互联网公司的产品设计，你应该早就已经体会到设计规范的重要性了。 UI设计师 总是要花费大量的时间和精力向开发描述一大堆设计细节，但是产品最后呈现的样子仍旧和原本的预期大相径庭。而对于一些甚至没有专门设立交互设计师和UI设计师的互联网公司或团队，产品经理更是会被五花八门的设计搞的焦头烂额…… 以上的问题，就是因为团队中缺乏一致的设计规范，缺乏对设计规范的更新和维护，更缺乏将不断迭代的设计规范应用于设计过程和开发过程的快速手段。 那么，在确保快速交付产品的同时，如何才能保证一致的用户体验？ 一，高效管理设计资源 合理归类可以说是管理设计资源的第一步。你需要先明确你需要管理的内容有哪些，这些内容的分类又该怎样呈现。摹客设计系统，你可以建立多个库、分类和子分类来进行管理，每个库里包含2大类资源分类，第一类是文件类资源，其包含Logo、图片、图标、组件、字体；第二类是编辑类资源，包括颜色、度量、标准字、阴影。满足了设计师的多种设计类型需求。 二，设计规范服务于快速设计 规范本身不应该是一个独立的系统，它应该是和工具相对接的。做出来的规范如何投入使用，如何才能服务于设计，服务于产品，完成产品体验的不断优化，这才是关键点。 在摹客设计系统中，对接的设计工具是 Mockplus和Sketch 。Mockplus是更快更简单的原型设计工具

去年10月份，我发布了一篇短文《你所不知道的原型图工具Mockplus》，快大半年过去了，为什么又要写这款软件呢，我觉得有必要推荐给大家， 和大家一起分享，它 确实是一款简单高效的原型图制作工具，经过近半年的使用，我总结了一 以 下几点： 1 简单。就是说容易上手，不同于其他原型图工具，你不需要花很长的时间来学习这款软件。只要你有点原型制作基础，马上就可以使用。就是算是一点都不懂的，也不是问题。我遇到几个非常菜鸟的朋友，在群内说什么也不懂，群管理员耐心的引导，不一会儿，菜鸟就不 是 菜鸟了，并且还指导刚进群的菜鸟们，呵呵，简单吧。 2 高效。指的是高效率，我本人就不说什么了，进群的原型爱好者以前都是使用别的原型图设计 （ 别的原型图我就不指出来了，不能说别的原型图不好 ） ，很多人都说别的原型图使用起来比较繁琐，如遇到有加急的任务，时间上就根本来不及，只好找Mockplus来代替，“用了都说好”，其实不夸张，如果有不相信的可以试试Mockplus。 3 适用的人群。 Mockplus，一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用 ， 使用人群为程序员、UI设计人员、产品经理、项目经理等。 4 功能方面。 Mockplus的审阅协作、无缝真机预览、模版管理、组件交互动画、素描风格等功能为独有创新，为开发者提供提高优良体验。 还有：扫描二维码，手机预览更方便

最近看到网上很多的文章在推荐一些与UI/UX设计相关的书籍和网站，熊先生想了想，决定写一篇推荐原型设计工具的文章，和大家一起分享一下。这一次我收集了10款工具，根据特点的不同，主要分为以下三类：简单快速、灵活轻快、功能全面。 第一类特点：简单快速。 代表工具： Chainco 、InVision、Flinto Lite。 操作难度：低。 就像Chainco的标语一样，这一类工具是UI设计师的交互演示利器。三款工具都是在网页端进行设计，虽然风格略有不同，但实质上是大同小异。交互的设置上多以创建热区为基础，点击热区跳转页面为主要功能，几乎不需要任何学习成本，也没有什么操作难度。国内用户可能对Chainco更熟悉一点，但Chainco还没有国外的版本，而且由于具有协作功能等原因，InVision显现出更加优秀的一面，也赢得了更多国外用户的青睐。 使用这一类的工具有一点明显的好处，就是可以把UI设计师做好的图片直接导入当做界面，比如InVision和Flinto Lite，它们可以直接导入PS或AI的设计文件。然而，它们是，也只能是UI设计师的交互演示利器，因为这三款工具并不支持设置组件以及组件交互。 Chainco： InVision： 第二类特点：灵活轻快。 代表工具： Mockplus 、Proto.io 6、UXPin、Flinto for Mac。 操作难度：适中。

作为一名UX设计师，我们需要掌握一些必备的技能：从用户研究到原型设计，到产品沟通，到产品成形。特别是作为UX新人，可能不知如何下手。这篇文章将介绍一些实用、易学的工具。希望对你的UX职业生涯有点帮助。 用户调研 问卷调查 问卷调查是我们收集数据的一个重要手段。通过问卷调查，我们可以了解到我们的用户群体是谁、收集被访问者的意见、感受、需求等。 工具推荐： SurveyMonkey SurveyMonkey是一款很不错的问卷调查工具。有免费版本可以使用，但是会有一定的限制。每份问卷可以免费创建10个问题。总体来说，这款工具还是简单，它预设好了一些常规问题，你可以直接使用。如果只是基础的调查，这款工具还是值得推荐。 可用性测试 可用性测试是以用户为中心的一种技术。可用性测试是我们了解用户实际体验的一种常用手段。 工具推荐： UserTesting UserTesting 是一款在线的可用性测试工具。可用通过视频的形式获得实际用户对你产品的体验。此服务适用范围比较广，包括：登录页、邮件、广告、原型、网站、App。你可以让有经验的内部团队来设计这个测试，也可以让项目经理协助完成。 原型设计 原型设计是UX设计师工作中重要的一环。原型设计让交互设计师与PM、网站开发工程师、客户之间的沟通变简单了。它大大减少了我们的沟通和开发成本。 工具推荐： Mockplus

每每看到别人的好作品，作为设计小白的你，是不是两眼放光、垂涎三尺？[仰慕的意思*(～￣▽￣)～）] 仰慕归仰慕，想必你一定也和我一样，对他们的作品不仅仅是想欣赏而已，更多的是想学习一下他们是如何成功的。他们从哪里找素材呢？从哪里获取灵感呢？看看他们的书签内容吧。 原型设计 1. Justinmind 高保真原型设计工具，比较拿手的是移动端应用的原型设计。Justinmind良好的手势交互支持让其成为诸多原型设计工具中一颗耀眼的星星。 2. Mockplus Mockplus也是原型设计软件中的一颗冉冉红星，2.2版本以来，其功能及使用性方面得到更好的完善和支持。支持HTML导出之后，Mockplus可以说是所有原型设计工具中预览方式最全面的一家。发展趋势不容小觑。 3. Axure 既然提到Justinmind和Mockplus，怎么能少了Axure呢？作为原型设计行业的老大哥，Axure的霸主之位仍是不可动摇。 平面设计 1. Behance 常混设计圈的你，对Behance一定不会陌生。平面设计类非常优秀的网站，集合了全世界优秀设计师的作品，不比不知道，一比吓一跳。 2. Dribble UI设计师的必看网站，有很多大咖级设计师活跃其中，是个非常精致的学习和作品展示网站。 网页设计 1. Awwwards 汇集了很多优秀的网页设计案例，包含范围比较全面，值得常看常思考。 2.

一、3种原型设计工具的对比分析 　 　A.墨刀 1.特别适合新手使用，本次原型设计我们就是采用这个工具，完全没有参考教程，它的设置和功能都很清楚，使用者一眼就能明白； 2.画面感很强，三个工具中，色彩最丰富的就是墨刀，它和我们平常手机，电脑网页界面上的组件相似度最高，设计出来的效果也是很棒的； 3.是三个软件中唯一不用破解就能使用的，自己想要设计简单的小程序和网页原型都很方便，本次团队项目就是免费试用的； 4.用户体验感很好，使用简单，界面简洁，很多现成的模板和组件，可以自定义合成系统有的,和Photoshop一样可以有自己工作的偏好设置。 　　B.Mockplus 1.打开Mockplus的界面体验感其实一般，色彩不如墨刀，但是它和墨刀的功能差不多，感觉是灰色调墨刀的翻版，操作上也比较简单，有些操作需要看教程； 2.用户体验其实也是不错的，客服端打开就有教程弹出来，可以自行查看； 3.它比墨刀好的地方，个人觉得在于图标库更加丰富，虽然初色调是灰色，但是用户可以自行更改，比如时间选择器（墨刀就没有）。 　　C.Axure RP 1.没有墨刀和Mockplus轻便，在拖动方面选区很麻烦； 2.专业性强，前两种工具更在于轻便和简洁，用户能快速设计原型，但是Axure RP更加细致，才点进去是空白工作区域，它的绘制工具更多的是使用者自行设置，非常细化，有点考验使用者的审美功底

一、Axure RP、墨刀 和 Mockplus3种原型设计工具的对比分析。 Axure — 交互线框软件及原型工具 自诞生以来，Axure立马从众多软件中脱颖而出，并且一直引领着整个原型设计软件行业。 axure作为老牌的原型图工具，功能最齐全，交互最多样，基本任何想要的效果都可以实现，尤其在制作PC端原型图上有优势。 Axure缺点同样也相当明显，Axure的动态面板、中继器等功能都是强大的，但是不容易搞懂。Axure的素材大部分PM 都会在Axure原型库、素材库去寻找相应的第三方素材库，进行载入。 墨刀—最简洁易用的原型设计工具和线框图工具。 可以说是专为移动端产品原型设计而生。 它的免费版本自带的部件、交互、功能，基本上能满足移动端产品原型的设计要求，并且墨刀的控件都是基于APP，以及系统平台IOS和安卓，因此在创建项目时可以首先选择相应的设备布局，减少了不少工作环节。 墨刀也有其缺点，最大的就是不自由，主要体现在：一是仅限移动端产品原型，交互效果、空间组合、操作面板的选择上也都不如Axure 灵活，而且不适用于PC端；二是由于效果切换是采用连线的方式，容易给使用者造成错乱的感觉，影响设计时的体验。另外，如果要使用更强大的共享创建功能，如团队协作、单机版下载，则还需要付费购买。 Mockplus - 简洁高效的原型设计工具 Mockplus作为十分优秀的国产软件

在产品开发过程中，最常用的展现构思的方式一般来说是纸笔原型，最简单也最迅速，寥寥一画，一个大致的线框图就呈现出来了。但是如果想要把线框图表现得更完美，你还是有很多工作要做哒~YouTube上一位大牛在他的视频里展示了一套完整网络邮件服务的纸质原型线框图。由两个人合作完成按钮点击和网页跳转的展示，看起来逻辑思路都很清晰完整，但是对于当下的快节奏工作环境，制作和展示这样一套完整的原型还是颇为耗费时间。有网友问展示这套设计排练了多久，也有人担心纸片片的顺序被打乱，或者文件容易缺失的问题。 相较于这种传统的操作方式，更高级一点的就是借助于各种线框、原型设计工具。也看到网上有很多关于这类工具的 介绍 或者总结，爆炸式的陈列出大把大把的工具，但是，你真的会用吗？授人以鱼不如授人以渔。所以，这里总结了一些常见原型工具的使用教程，希望对你有用。 线框图工具 - Balsamiq 这款工具据说是首创了手绘风格。界面和操作都比较简单，只需拖出控件，调整属性就可以快速的绘制低保真的线框图，手绘风格也很讨巧。网站上很贴心的在首页展示了一个3分钟的短视频，让用户即看即学。更多更详细的使用教程YouTube上也不少，比如这个2013年11月份制作的 Balsamiq Tutorial ，达到了65K+的观看量。 交互式原型设计工具 - Mockplus Mockplus是一款非常简单易学的交互式原型工具