- 综合排序
- 最热优先
- 最新优先
- 来自专栏小狼的世界
使用OmniGraffle制作原型图
原型图设计是一个艺术创作的过程，所以我们应当使用能够提高工作效率、激发创作灵感的工具，让工具为创作服务，而不是为创作去学习如何使用工具。 下面就介绍一下使用OmniGraffle制作移动应用原型图的设计。 启动 OmniGraffle 后，可以选择模板，这里选择空白模板。 ? 我们不必担心原型不够漂亮，毕竟这是一个初步的模型，更多的是关注功能的布局。 从最关键的着陆页开始。 这是因为着陆页页面会包含整个网站的多个基本元素，包括头部导航、底部信息等。 保持原型简洁。我们不必急于马上开始原型的设计，我们需要静下来想一想，页面到底需要什么元素，应当如何布局。原型不必像最终网站一样，如果你朝着这个方向工作，那么会吃力不讨好。 原型是用来帮助我们规划页面、网站的布局和层级设置，协助我们考虑布局在可用性方面存在的问题。 原型中的字体，可以一直使用Helvetica和宋体，并且不要使用太多不同的尺寸。
2.8K30发布于 2018-07-24 四张图带你搞定原型和原型链
这张图很清晰说明了prototype和constructor之间的关系，每个函数(add、Object、Array、nothing)都有一个属性prototype，它指向函数的原型，而函数的原型中也有一个属性 默认情况下，隐式原型指向创建该对象的函数的原型。这句话特别重要，它将隐式原型跟原型联系起来了，那什么意思呢？ 原型链 这张图搞清楚后，自然明白何为原型链，我们一起过一遍 我们先看白色线条，白色线条表示原型，在原型部分我们已经说了，所有的函数都有一个属性prototype，那么Object函数的原型指向Object __proto__ === null，返回true 现在知道什么是原型链了吧，自定义对象的隐式原型指向自定义函数的原型，自定义函数的原型的隐式原型又指向Object原型，Object原型又指向null， 这种链式的关系就是原型链 自测题一道：大家可以试着做一下，然后可以根据最后一张图进行检查 function Fayi() {} Fayi.prototype.camel = function() {}
88310编辑于 2022-08-11- 来自专栏Loki
小白如何快速绘制原型图
说到绘制产品原型图的工具，大家一定首先先到的是大名鼎鼎的“Axure RP”，或者在线协同的“墨刀”。 4. 主绘版 主绘版就是抒发我们灵感的主要地方。这里没有任何限制，我们只需要将需要的控件通过拖拽的方式在主绘板上组合，即可得到我们想要的原型图。小白也将常用的控件列表出来，仅供大家参考。 ? 绘制出我的第一个草图 当我们在绘制一个产品的原型图时，我们首先应当在脑海中梳理出产品的大致业务功能和数据流转，并将他们抽象成具体的功能模块。 所以大多数，我们都是利用头脑风暴和思维导图的方式，将产品的原型框架做一个整体的设计。比如小白以K8S的管理为例，我们就需要在自己产品里面先找到共性和特性。 4. 之后我们就需要在展示页面上设计产品的主要功能了，这里才是真正体现我们产品业务流程和数据的地方。
2K20发布于 2021-05-13 - 来自专栏小丞前端库
三张图轻松KO⚡ JS 原型和原型链
三张图轻松KO⚡ JS 原型和原型链 ? ? 大家好，我是小丞同学，这一篇是 JS 高程精读系列的第 n 篇文章，主要解释 JS 中的原型和原型链 ? 非常感谢你的阅读，不对的地方欢迎指正 ? 可以看到，它们两个指向的是同一个对象，那么通过上面的一步步推理，我们可以得到这样一张图 ? 那到底什么是原型呢？ 原型 原型又分为显式原型和隐式原型 __proto__ 隐式原型 在对象上有一个属性叫做 __proto__，这个属性是对象所特有的，也叫做隐式原型，当我们尝试在一个对象上查找属性或者方法时，如果说找不到这个属性或者方法 修改了构造函数的原型对象，constructor指向谁 functionName.prototype = {} 原型对象、实例对象、构造函数之间的关系 一张图搞定，前面的内容懂了，自己推一下 ? 原型链 原型链其实也很简单：对象 => 对象的原型 => 原型的原型 => 原型的原型的原型 => null，这就是原型链 那这是什么意思呢，在我们前面在讲查找原则的时候，其实也有提到，当一个要查找对象上的属性或者方法时
70530发布于 2021-08-19 - 来自专栏微光点亮星辰
图图谈设计模式_原型设计模式_java
时间过的真快，今天将是创建型结构中的最后一个设计模式了---原型设计模式。 官方概述： 用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象 小编简单的说就是我们就是把对象复制一份不去new啦。 那为什么呢，原因很简单，效率高。 finally结构 try{ //3.创建字节数组的输出流 baos = new ByteArrayOutputStream(); //4. (robot2.getBirthday() == clone.getBirthday()); // 内容比较 System.out.println("修改时间后原型 如果你没看过，往前面自己找一下吧，看准图图，看准huey。 下次见哦！
66311发布于 2020-04-10 - 来自专栏小丞前端库
三张图轻松KO⚡ JS 原型和原型链
三张图轻松KO⚡ JS 原型和原型链 大家好，我是小丞同学，这一篇是 JS 高程精读系列的第 n 篇文章，主要解释 JS 中的原型和原型链 非常感谢你的阅读，不对的地方欢迎指正 愿你生活明朗 __proto__) 你会发现它们两个尽然长的是一样的，我们可以比对一下，看看它们是不是完全相等的 可以看到，它们两个指向的是同一个对象，那么通过上面的一步步推理，我们可以得到这样一张图 那到底什么是原型呢 原型 原型又分为显式原型和隐式原型 __proto__ 隐式原型 在对象上有一个属性叫做 __proto__，这个属性是对象所特有的，也叫做隐式原型，当我们尝试在一个对象上查找属性或者方法时，如果说找不到这个属性或者方法 修改了构造函数的原型对象，constructor指向谁 functionName.prototype = {} 原型对象、实例对象、构造函数之间的关系 一张图搞定，前面的内容懂了，自己推一下 原型链 原型链其实也很简单：对象 => 对象的原型 => 原型的原型 => 原型的原型的原型 => null，这就是原型链 那这是什么意思呢，在我们前面在讲查找原则的时候，其实也有提到，当一个要查找对象上的属性或者方法时
77720编辑于 2022-11-16 - 来自专栏产品设计
AI生成原型图和UI设计：Prompt实战教程与技巧总结
场景一：AI生成产品原型图在项目最早期，我们通常情况下只有一个模糊的需求。这时候再去狂扣细节是没有意义的，重点应该是快速拉出来一个视觉上看得见的产品图来对齐需求。 我平时会用国内主流的AI生成原型图工具。它的特点是把文字需求或者参考图片发过去，就能结合市场调研和设计趋势，生成基础原型框架，而且一口气可以生成多个页面。 所以我总结了AI生成原型图的Prompt技巧：对于这类重逻辑、轻视觉的工具，你的提示词可以宽泛，但必须有界限。 、B端数据风、iOS规范）这样AI生成的原型图会更加贴合你的需求，耗时也不会太久。 聊聊写Prompt的技巧写多几次Prompt之后会慢慢发现，面对不同类型的AI设计工具，你扮演的角色是不一样的。当你要生成产品原型图的时候，更多是靠AI搭建出来一个结构框架。
1.9K10编辑于 2026-03-09 - 来自专栏PM吃瓜(公众号)
原型图+交互设计+UI图，到底啥关系
产品经理 - 需求、功能、数据 其实一直以来都纳闷，产品经理要做原型图，然后UI设计师要画UI 图，这两个之间貌似有许多重复的地方，而且还是大多时候还是并行进行，实在不知道二者之间的关系是什么，通过查阅资料 他做完线稿图，这一步非常重要！完成这一步三个人都可以开工了，UI设计师可以拿这个去做界面设计，我和交互设计师可以分头做原型了。 他继续把线稿图用axure做完全部交互细节设计，期间与我反复沟通确认，最后生成交互设计原型。 高保真泥煤的不就是UI设计效果图了么，都到这一步了保真泥煤啊直接切图搞开发不好吗？ 原型设计可以清楚明了讲需求，所以产品经理要用！ PM整理思维脑图，头脑风暴之后，优化思维脑图，然后出草图，你可以用Axure或者visio甚至腾讯出的UI disigner或者最近比较流行的FluidUI（APP设计工具）来画草图，也可以称之为低保真原型图
3.8K21发布于 2019-08-12 - 来自专栏码力全开
动图学 JavaScript 之：原型继承
这就是 原型继承 的全部内容：构造函数创造的每个实例都能够访问构造函数的原型。 ? 原型继承的好处 那么为什么这很酷？有时候我们拥有每个实例共享的属性。 原型的终点 现在，你可以想象，原型链不会永远持续下去。最终会有一个原型等于 null 的对象：它就是 Object.prototype。 如果我们试图访问在本地或者原型链上都不存在的属性，最终会返回 undefined。 ? Object.create 尽管上面已经解释了构造函数和类，其实还有一个为对象添加原型的方式是使用 Object.create 方法。 通过这个方法，我们创建了一个新对象，并且指明了这个对象的原型是什么。 只需要将一个已经存在的对象传入 Object.create 方法中。创建出来的对象就是以我们传入的对象作为原型。看例子： ?
80820发布于 2020-02-18 - 来自专栏前端导学
两张图看懂原型链
本图截选自本人的前端教程第五课 JS原型链与继承
47260发布于 2019-05-28 AI生成原型图真能用于开发项目？关键优势与局限剖析
一、AI生成原型图工具的定位与功能AI生成原型图，通常作为原型设计工具中的辅助功能推出。 目前市面上的AI原型图工具在生成方式和产出内容上各有差异，以功能相对完整的“墨刀AI”为例，其主要AI能力包括：自然语言生成原型图通过上传图片生成原型图支持AI编辑与导出编辑AI自动生成产品说明文档生成与原型对应的代码片段从以上功能来看 二、AI生成原型图在实际应用中的需求AI原型图工具是否能够真正应用于真实项目，需要从以下几个关键点进行评估：1. AI原型图是否易修改有些AI工具生成的原型图需要通过再次输入指令进行调整，或者无法理解上下文，导致修改成本高耗费大量时间，不如手动编辑修改的快。 AI生成原型图的劣势仍需与人工结合：AI生成的原型图往往不会一次就满意，这就需要产品经理来不断提示修改，或者导出到原型编辑区进行手动调整，才能达到最终理想状态；提示词依赖度高：很多时候生成原型图的质量都依赖于你给
86110编辑于 2025-07-15- 来自专栏藏经阁
【GoF 23】篇4：原型模式
什么是原型模式？ 原型模式简单来说就是将原对象拷贝一份，然后在副本上进行相应的操作，但是原对象不会产生任何变化，可以提高效率。 在JavaScript中Object对象就是所有对象的顶级原型，所有对象都有一个原型即Object，原型是JavaScript实现继承的基础。原型链就是对象逐层继承的一个链式。 原型链就是描述一些列原型对象的继承关系的链式结构。 原型的实现是基于拷贝的，但是注意是深拷贝，至于为什么我想不必我多言。 原型链的理解很简单，这里就不作代码演示。
23420编辑于 2023-03-12 - 来自专栏技术客栈
Java设计模式（4）原型模式
本文是这个系列的第四篇章，我们将讲解一下原型模式的实现方式、应用场景以及它的用途。 原型模式 原型模式是一种创建型设计模式，其主要目的是通过复制现有对象来创建新对象，而不是通过实例化类来创建。 需要避免直接使用new关键字创建对象： 原型模式允许在运行时动态地创建对象，而无需依赖具体的类，适用于需要减少直接使用new关键字的情况。 类的实例化过程比克隆更为方便： 如果一个类的实例化过程比克隆更为方便，且类的初始化操作相对较轻，可以考虑使用原型模式。 需要避免构造函数的约束： 如果类的构造函数有一些约束条件，而克隆是一种更灵活的创建方式，可以选择使用原型模式。 通过实现Cloneable接口，并重写Object类中的clone()方法，可以实现原型模式。
26710编辑于 2024-04-18 - 来自专栏爱敲代码的猫
java设计模式(4)-原型设计模式
这篇推文学习创建型模式最后一种-原型模式，该模式的思想是将一个对象作为原型，对其进行复制、克隆，产生一个和原对象类似的新对象，以便使用 首先需要了解对象深、浅复制的概念： 浅拷贝：将一个对象复制后，基本数据类型的变量都会重新创建 Animal：具体原型类。实现克隆的具体操作。 Manager(这边用测试类代替)：管理者类。让一个原型克隆自身，从而获得一个新的对象。 原型模式提供了简化的创建结构。 缺点 在实现深克隆的时候可能需要比较复杂的代码。 如果系统要保存对象的状态，而对象的状态变化很小，或者对象本身占内存不大的时候，也可以使用原型模式配合备忘录模式来应用。 相反，如果对象的状态变化很大，或者对象占用的内存很大，那么采用状态模式会比原型模式更好。
68350发布于 2019-10-17 - 来自专栏无原型不设计
3个细节，轻松区分效果图和原型图
领导叫你画个图，结果拿过来一看：天哪！你画了个什么？今天我们就来讲一下，效果图和原型图，这对常常扰乱大家工作的完美CP。 从概念上来说，效果图和原型图还是相差比较远的，通过一下几个细节，我们就可以区分出效果图和原型图： 一、通过颜色分辨 原型图的颜色以黑白为主，当然，灰度原型也是原型图家族中的名门贵族。 为什么原型图的颜色会是如此的单调？ 一般情况下，效果图色彩更加丰富些。如果一款产品的效果图的色彩运用和原型图相差无几，除非是有意而为之，不然这位设计师也绝对是low的可以了。 二、通过图标分辨 现在的原型图设计过程中，很多时候都会涉及到图标的设计和使用。而从严格意义上来讲，原型图内是不需要出现图标的，图标位置方块代替。
2.1K50发布于 2018-03-16 - 来自专栏产品设计
分享AI生成原型图之——企业安全监管可视化大屏
最近在测试几款AI生成原型图工具时，有一个案例让我印象深刻——AI生成一套企业安全监管可视化大屏的原型图。 其实产品经理可以在前期借助AI生成原型图工具，来生成一部分原型图，拿来与客户沟通。这里我选择了国内主流AI原型工具——墨刀AI进行测试。 三、AI生成原型图的优势与缺点本次案例中分享的AI生成可视化大屏原型比较出色，但是在使用过程中我也发现了一些小缺点，期待工具的迭代优化，同时也有对产品经理的忠告：1. AI生成原型图优势分析虽然在前面的案例中已经体现出了AI的价值，不过还是有值得再次强调的两点。 AI生成原型图缺点分析但话说回来，AI生成原型图也有一定的缺点，尤其在以下几个方面比较明显：生成效果有波动：有时候即使输入相同指令，输出结果也可能差异较大，这是目前大多数AI生成式工具的共性问题，所以在使用时需要留有一点容错空间
1.5K20编辑于 2025-08-14 - 来自专栏产品设计
原型设计新玩法：HTML代码生成可编辑原型图（含实操）
从今年AI工具的爆发式增长来看，原型设计领域也出现了越来越多的新玩法。前几天给大家介绍和分析了AI生成原型图的优势与局限，并探讨了它是否真的能应用于实际开发项目中。 几秒钟后，就能自动生成一份完整可以编辑的产品原型图，页面结构与HTML代码对应。 Step 3：自由编辑调整原型图生成后的原型图支持自由修改，无论是组件、图标、文案、图片还是页面布局，都可以像普通原型一样编辑、添加交互逻辑，可以根据产品的具体需求进行优化。 墨刀在提供高效原型设计体验的同时，也不断拓展AI相关能力，目前支持：AI生成高保真可编辑原型图；从HTML结构直接生成可编辑原型页面；原型页面支持后续编辑与交互设置。 以下是几点小的建议：善用AI提升效率：面对AI在原型设计领域的广泛应用，一些PM可能会觉得这些能力华而不实。但其实，只要合理使用，AI不仅能提高工作效率，也能激发更多思路。
3.3K20编辑于 2025-07-24 - 来自专栏流媒体技术
一图弄清JavaScript的继承与原型
对象会凭空多出一个prototype属性 这就是一切困扰的起源 凡是function类型的对象，constructor都指向Function，包括Function自己 凡是function类型的对象，原型
25530编辑于 2022-07-28 - 来自专栏Python爬虫实战
数字华容道01：原型图设计
Axure RP8：它是一款专业的原型设计软件，华容道的所有原型使用它进行设计。 Sublime Text 3：本文的所有代码使用它进行编写、调试。 我希望这款游戏所具有的功能有： 可以选择游戏的难度，难度分为 3X3 、4X4、5X5、6X6。 游戏有背景音乐，并且可以手动关闭。 在游戏过程中可以重新开始。 游戏记录时间和步数。 2、原型设计 根据上面的构思，使用 PowerPoint 进行素材设计、Axure 进行原型设计。
1.8K10发布于 2018-12-05 - 来自专栏无原型不设计
从0到1教你画原型图
一、什么是原型图 原型图普遍应用在互联网软件设计领域，在这个领域，一个想法从诞生到实现需要经历以下几个流程： 原型图的使用普遍是在需求环节，用于想法的呈现和传达。 在产品领域，需求的呈现有两种形式： a.制作PRD文档（产品说明书） b.绘制原型图 从本质上讲，原型图是沟通工具。 最常见的原型图是线框形式的，以至于如今也有很多人把原型图称为线框图，其实说的是同一个东西。 （线框图） （高保真原型图） 除开原型图和线框图，还有很多人分不清原型图和UI设计稿有什么区别？ UI设计稿是指产品的美术设计，即最终呈现在用户面前的页面，跟原型图是两个东西。 以上就是对原型图的介绍，怎么样从0到1画好原型图，你学会了吗？
2.1K30编辑于 2022-03-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号