原型设计作为当前软件和互联网行业中传达信息的最有效方式之一,是所有产品经理、交互设计师和UX设计师都必须掌握的技能。 掌握原型设计对于UI设计师、开发工程师,甚至运营和营销人员来说,也是提高竞争力的加分项。 此外,学习原型设计易于学习且快速学习,使其成为具有相当高投入产出比的职业发展项目。 通常,原型设计与“快速原型制作”的概率直接相关。 “快速”意味着简单、易用、高效,如果你没有真正掌握原型设计的本质,你很可能会遇到设计效率打折、输出质量差等问题。 那么,您究竟如何理解快速原型制作,又是如何做到的呢? 结合多年的原型设计经验,笔者将重点介绍一下这里的答案。
快速原型设计**是术语“快速原型设计”,指的是在产品或项目开发的早期阶段创建一个简单的模型,可用于验证和测试设计概念、功能和接口。 广义的快速原型制作适用于多种领域。 在软件行业中,快速原型设计是指软件应用程序的原型设计。 其实,如果你理解了这个概念,你就会发现,快速原型制作和我们今天经常谈论的并没有太大的区别。 因为原型设计本身就是关于快速和高效的。 但即便如此,并不是每个能画原型的人都能真正做到快速原型制作。 很多老牌样机没有高的项目输出效率和质量,真的很难称之为“快速样机”。 在作者看来,快速原型设计至少应满足以下标准:1)快速输出:原型项目必须在短时间内完成,这是快速原型制作的基本要求。 但这里的“快”是一个相对的概念,主要是相对于整个产品开发周期而言的。 在实际工作中,怎么能算是“快”,还是要结合项目的复杂程度和团队的工作节奏来综合评价。 2)易于维护:原型项目通常是在产品迭代之前制作的,原型项目的迭代频率可能相当高。 因此,样机项目不仅可以关注第一个版本的输出速度,还可以增加项目后续迭代和维护的难度。 特别是对于体积大、维护时间长、参与人数多的项目,需要系统、全面地规划项目结构和设计规范。 3)确保它可用:作为一种沟通手段,原型项目必须确保全面、准确和有效地传达信息。 无论产生什么类型的项目,都必须满足个人和团队的需求,并确保项目本身足以有所作为。
如果想要实现快速原型制作,笔者认为应该分为两步:一是选择合适的原型工具; 二是掌握样机设计的方法和技巧。 首先,让我们完成工具选择。 1. 原型工具选择标准如果我们想在国内外众多设计工具中找出最能满足快速成型需求的一款,那么我们应该注意该工具的以下几个方面: 1).界面设计能力:在界面设计方面,样机工具首先要注意预设组件和材料的丰富性,这将直接影响界面绘制的输出效率和质量。 另一方面,编辑操作的易用性也很重要,例如操作方便、快捷键等。 2)交互设计能力:交互性是原型设计中非常重要的一部分。 好的交互能力要既强大又易用,能够支撑复杂丰富的交互效果和组件制作的需求; 它也可以易于使用和高效操作。 3)文档功能:仅基于项目界面和交互很难完全表达产品创意,尤其是对于复杂的产品。 通常我们需要在原型项目中添加必要的描述、流程图等,因此原型工具也需要支持相关功能。 4)团队合作的能力:在当前协作工具产品的趋势下,如果设计工具不支持便捷的多人编辑、团队评审、设计交付等能力,那绝对是扣分。 5)效率和易用性:如今,设计工具之间的同质性程度较大,但不同工具之间在易用性的重要性上仍然存在差异。 一些工具提供了强大的功能,但它们的学习成本高昂且难以使用,这可能会影响原型制作的效率。 因此,在前面的要求的基础上,选择一种简单易用的工具是相当关键的。
2. 推荐 5 种原型工具基于以上信息,这里总结了 5 款最推荐的原型工具供大家参考。 (1) 复制rpGimke RP是国内原型工具中的代表性产品,自2019年底推出以来,获得了不少用户口碑。 除了广受好评的功能外,它还是世界上最早的协作原型制作工具之一,使其成为一款兼具实力和潜力的产品。 一、基本情况产品名称:G-Ke RP 企业:成都G-Ke科技*** 国家:中国 使用环境:Windows、macOS 语言:中文、英文 工具类型:**设计工具 官方网站:
二、主要特点丰富的组件和材料:预置组件库、扩展组件库、图标库、免费项目模板非常丰富,预设组件自带交互效果。 即使您没有设计基础,也可以快速构建带有组件的项目界面。 完善的互动功能:该工具在交互功能方面也完整易用,支持页面交互、命令交互、状态交互和画板交互。 它的交互能力是国内设计工具中最接近axure的,比axure更容易使用。 流畅的团队协作功能:支持强大的多人实时编辑能力,支持多个成员同时编辑同一项目的同一页面。 此外,它与CC(设计协作平台)有着非常深入的连接,可以完成基于样机项目的团队评审、交付和开发。 顾客服务:虽然与产品没有直接关系,但 Gram 团队在客户支持领域做得很好。 用户的问题和需求可以在用户组中相当快地得到响应和回答。 我还看到客服在晚上 12 点为用户回答问题。 免费版,199元起。 4. 综合评估与许多原型工具相比,Gram RP 最重要的特点是它在产品功能和易用性之间找到了良好的平衡,不会让人觉得笨拙或功能不足。 使用流畅高效,新手和老手都推荐。 功能: 易用性: 国内用户适应性: 综合得分:5. 用户评价“Gimke RP是国内一款非常认真的原型制作工具,可以大大提高绘图效率,解决很多问题,可以解决当前用户在产品和开发工作上的一大痛点,可以说是整个项目推广的非常好的产品。 ”(ii) 轴心Axure是国内知名的原型工具,其交互功能相当强大,一度被认为是原型工具中的标杆产品。 但由于产品功能复杂,上手难度高,也受到了不少用户的批评。 一、基本情况产品名称:Axure 企业:Axure Software Solution 国家/地区:美国使用环境:Windows、macOS 语言:英文(需为中文) 工具类型:桌面设计工具 官方网站:
二、主要特点强大的交互能力:Axure的交互功能非常强大,在行业内几乎没有竞争对手,除了基本的交互设置外,还有条件判断、中继器、变量、函数等功能。 使用 Axure,您几乎可以创建任何交互。 丰富ugc材料:这个AXURE预设的组件并不多,但世界各地的用户都为它们制作了大量的各种组件和项目素材,并在互联网上分享或出售,以满足用户对素材复用的需求。 方便的导出功能:Axure支持项目便捷的导出功能,包括页面内容、笔记、交互效果,可以导出预览,项目也可以导出为多种不同的文件格式。 免费试用 30 天,正版非常昂贵,付费版起价为每月 25 美元。 4. 综合评估Axure 是一款经验丰富的原型设计工具,一直备受瞩目。 还不够,尽管功能强大,但易用性并没有得到研发团队的足够重视,新手的学习成本相对较高,近年来产品迭代速度大幅放缓。 因此,对于有复杂项目制作需求的大佬来说,更值得推荐。 功能: 易用性: 国内用户适应性: 综合得分:5. 用户评价“Axure RP 是一款出色的原型制作工具,可帮助我快速创建精美且交互式的原型。 在进行一些复杂的项目和交互时,它是不可替代的。 如果在下一个版本中,它的易用性和协作功能可以得到改进,那就太好了。 ”(3) UXPIN的Uxpin也是一个历史悠久的原型设计工具,但它在中国的受欢迎程度相对较低。 与其他原型工具相比,它侧重于设计与开发之间的关联和对接。 一、基本情况产品名称:Uxpin企业:d eSmart 国家:波兰 使用环境:Windows、macOS 语言:英文 工具类型:**设计工具 官方网站:
二、主要特点完善的界面设计能力:无论是界面设计还是交互设计,UXPIN都能提供良好的支持,这是本产品赖以生存的基础。 该团队希望将产品构建成一个既可以 UI 又可以进行原型设计的工具。 合并功能:Axure支持项目便捷的导出功能,包括页面内容、笔记、交互效果,可以导出预览,项目也可以导出为多种不同的文件格式。 团队协作功能:功能UxPIN团队将其产品的目标群体设定为设计和开发,因此其许多功能在设计时都考虑到了交付,这可以更好地帮助团队进行生产和研究工作。 提供免费版本,付费版本起价为每月 29 美元。 4. 综合评估UXPIN是一款具有良好创新理念的产品,但其在设计和开发领域的创新功能需要用户有一定的知识,这使得上手难度大大增加。 还值得注意的是,它的服务器设置在国外,在中国不提供正式服务,因此国内用户使用起来会很慢。 功能: 易用性: 国内用户适应性: 综合得分:5. 用户评价“UxPIN 帮助我快速验证产品创意并与我们的团队进行有效沟通。 合并功能是这个设计工具的必备功能,但它并不适合所有人,所以如果你的团队有更高水平的产品和开发界面,那么你真的可以试一试。 ”(4) 贾斯汀明德JustinMind是来自西班牙的原型工具,其产品更侧重于移动应用项目的设计,其许多功能和操作方式更倾向于有移动项目设计需求的用户。 一、基本情况产品名称:JustinMind 公司:JustinMind 国家:西班牙 环境:Windows、macOS 语言:英文工具类型:桌面设计工具 官方网站:
二、主要特点灵活的原型设计:JustinMind 提供了丰富的预设元素,用户可以通过简单的拖放方法进行自定义。 此外,JustinMind 支持自定义 UI 元素,以便用户可以完全自由地设计他们的界面。 支持响应式设计:JustinMind 支持创建响应式原型,以设计多种设备和屏幕尺寸。 用户可以为不同的设备指定特定的设计,以确保他们获得最佳的用户体验。 数据驱动设计:它支持导入数据源和定义交互逻辑,实现动态内容和用户交互,可以更真实地模拟用户与应用之间的数据交互过程。 每月 9 美元。 4. 综合评估JustinMind是一款全方位合格的设计工具,经历了几次重大迭代,其最新版本也被设计为既是设计又是团队协作。 但是,由于其服务器在国外的影响,国内用户使用起来还是会有一些不便。 功能: 易用性: 国内用户适应性: 综合得分:5. 用户评价“JustinMind的原型设计覆盖范围非常广泛,非常注重标准化、易用性、协作和自动化测试。 JustinMind不仅适合专业的UI设计师和开发人员,也适合没有编码技能的初学者。 ”(5) 原生在众多的原型制作工具中,Protopie也是一款具有自身特色的产品。 相较于各方面均衡发展的工具,更注重交互设计能力的不断探索。 一、基本情况产品名称:Protopie 企业:Studio XID 国家/地区:韩国 使用环境:Windows、macOS 语言:中文、英文 工具类型:桌面设计工具 官方网站:
二、主要特点丰富的互动事件和效果:Protopie的交互能力在交互触发方法(事件)和效果上投入了大量精力,并提供了语音触发器、陀螺仪等其他工具不支持的触发方法。 硬件产品适配:大多数设计工具都用于软件产品的设计和开发,但ProtoPie为手表、汽车、烤箱等硬件产品的交互设计提供支持,使其在硬件制造商的研发团队中占有一席之地。 便捷的演示功能:一旦创建了交互效果,ProtoPie就可以轻松地在各种设备上进行演示,不仅是手机、平板电脑,还有汽车、手表,甚至其他硬件产品。 提供免费版本,付费版本起价为每月 67 美元。 4. 综合评估Protopie 与其说是原型设计工具,不如说是交互设计工具,因为它的交互设计能力非常出色。 但这也导致其其他设计能力相对较弱,其高定价也决定了其目标群体是少数对软硬件交互设计需求较高的企业。 对于普通的设计从业者和企业来说,并不是产品的首选。 功能: 易用性: 国内用户适应性: 综合得分:5. 用户评价“Protopie太棒了。 随着Protopie Connect的出现,我们的设计师现在可以结合我们的硬件来测试他们的想法,甚至可以在几分钟内将他们的概念带入真正的汽车中。 这种逼真的体验使我们能够在全球范围内有效地进行测试、讨论和迭代。 “现在我们已经选择了我们的工具,让我们来谈谈有助于我们开始原型项目的方法和技术。 这里重点放在“快”上,旨在帮助您提高设计效率,基本的原型制作方法就不多说了。 一、做好前期工作原型设计是一种表达信息的方式。 在正式开始样机设计之前,还需要做大量的工作,并制定出系统完整的产品理解和概念。 通常,我们需要通过需求分析、市场分析、竞品分析、用户调研等方式收集和消化大量的资料,在此基础上完成产品或功能定位,进而形成产品设计方案。 如果我们不对需要解决的业务问题或用户需求进行全面深入的了解,那么原型设计就好比空头写作,效率和质量都无法保证。
2. 确定项目类型有不同类型的原型项目。 根据界面保真度(原型界面接近真实产品的程度),可分为低、中、高保真原型。 不同的项目也有不同的组件,有的只呈现产品界面,有的交互设置丰富,有的还附有流程图、思维导图等。 保真度越高或构建块越复杂,生成项目所需的工作就越多。 但是,原型项目没有固定的生产规范,也不是说界面越漂亮,交互越丰富越好。 如果要为客户做产品演示,那么高保真原型是必要的,但如果是产品的早期思考和内部沟通,那么即使是手绘线框也会非常有用。 因此,样机设计应根据项目需求、团队规格、开发节奏来确定项目类型,不能盲目追求项目的保真度或丰富性,在无意义的输出上花费太多的时间和精力。
3、梳理项目结构就像写作时的大纲一样,原型项目需要先结构化。 您可以将其视为软件产品的各种接口以及它们之间的关系。 产品越复杂,接口就越多,它们之间可能存在层次结构关系。 系统梳理产品的框架,可以帮助我们准确划分原型项目的结构,更合理地分配界面内容,也方便后续的交互来表达页面流关系。 此外,规划界面框架的正确完成,也允许我们合并重复度高的页面,分割明显不同的页面。 否则,原型页面的内容太多而无法编辑和维护,或者页面过于重复和冗余,风险很高。
四、设计规范对于任何一种设计工作,如果有一定的制度和规模,如果想保证保质保量,设计规范是必要的一步。 具体来说,一方面,设计规范是指在设计工作中制定风格、布局等标准和要求,以提高团队设计工作的一致性,从而便于质量管理。 另一方面,也要制作团队级的设计资源库,提供常用的颜色、样式、组件等资源供团队成员复用,减少不必要的重复性工作。 这对提高团队的工作效率,保证快速输出有非常明显的效果。
如果您已经在积极寻找有关“快速原型制作”的信息,这对初学者和老手来说都是一个很大的鼓励。 因为只有充分发挥高效快捷的原型制作技能,才能真正掌握原型制作。 为了实现快速原型制作,除了掌握一定的方法和技巧外,还需要为自己选择合适的原型工具。 如果你觉得目前的样机设计还有需要改进的地方,不妨根据作者整理的内容进行调整和优化。 希望对您有所帮助!