行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

聚焦客户
•

7

阅读时间

四个不容错过的高保真原型

4位UX设计师如何打造出赢得比赛的高保真原型

弗雷多·谭, 增长负责人

由于我们始终在寻找与用户紧密互动并鼓励各种形式创造力的方法,我们决定在我们的祖国韩国发起一场原型设计竞赛(“Cloud Competition”)。同时,我们也庆祝上线了 Cloud 功能,使用户能够轻松上传、分享并部署他们的原型。因此,这就是 Cloud Competition 这个名字的由来 ;)

这对设计师来说是一个向同行展示原型并相互学习的绝佳方式。与此同时,这也是我们观察韩国设计师社群将如何体验ProtoPie的理想机会。此外,我们也借此试水,看看是否能够在国际范围内以更大规模举办类似活动。

下面,4 位才华横溢的设计师详细介绍了他们如何打造获奖的高保真原型,以及 ProtoPie 如何为他们的工作流程增值。

Fluo Soup


I Hate Vegetables prototype by Fluo Soup


作者:Fluo Soup

你在这个原型背后的思路是什么?

Fluo Soup:说实话,我想做一个真正体现趣味性的原型,而不是专注于 UI。我用了自己之前画过的角色 DunDun。这个原型的主题是表达情绪。此外,我一直很热衷于学习设计相关的新事物。因此,我总会尝试新东西,以获得更好的解决方案。

这个原型的灵感来自张俊赫的 “Panda” 原型,以及 ProtoPie 产品设计师 Claire Shin 的 “Payment” 原型。他们使用 Chain 和 Range 这类触发器的方式给了我很大帮助。然后我决定,当给 DunDun 喂各种食物时,这个角色应该表达什么样的反应。

ProtoPie 在创建这个原型时如何帮助了你?

Fluo Soup:我是一个只懂基础代码的设计师。要做出像根据特定位置区分响应这样的微交互,会花我很多时间。而且当我需要组合多个相似交互时,也会非常耗时。有了 ProtoPie,我只需要输入所需的正确数值,就能得到合适的高保真交互输出。这对我帮助很大。

你最喜欢 ProtoPie 的哪个功能?

Fluo Soup:Chain 和 Range。根据你的应用方式不同,它们的可能性几乎是无限的。

我为工作制作的原型不再只是带有不同图片的静态设计。用 Protopie,我可以自己构建并测试这些高保真交互。制作一个可交互原型只需要很少时间,非常方便。

Jae-seong Jeong


Books UI prototype by Jae-seong Jung


作者:Jae-seong Jeong

你在这个原型背后的思路是什么?

Jae-seong Jeong:如果用一个词来形容 “Books” 原型,那就是“简洁”。在创建这个原型时,我专注于这类应用的核心,也就是搜索、购买和阅读书籍。我列出了所需功能并进行了优先级排序。在原型设计中,最重要的是交互。

我希望这些交互能够体现应用的理念和品牌元素,并尽可能自然。比如在滚动浏览内容时,我想用 Z Depth 表达“无限”的深度,因为可以说知识是无限的。

ProtoPie 在创建这个原型时如何帮助了你?

Jae-seong Jeong:在做原型时,我通常觉得很难构建涉及滚动的高级交互。现在,我可以用 Chain 功能轻而易举地完成这个原型。

你最喜欢 ProtoPie 的哪个功能?

Jae-seong Jeong:我最喜欢 Cloud 功能。这是我使用 ProtoPie 的主要原因之一,因为你可以轻松分享原型、部署它们并即时获得反馈。

Hangyo Seo


Volume prototype by Hangyo Seo


作者:Hangyo Seo

你在这个原型背后的思路是什么?

Hongyo Seo:我想做一个有趣的原型。在这个原型中,当设备音量达到某个水平、听力受损风险显著增加时,用户会看到警告。我的意图是用幽默的方式表达这个想法。

ProtoPie 在创建这个原型时如何帮助了你?

Hongyo Seo:这是帮助你入门原型设计的最佳工具。我真的在短短一天内学到了很多!

你最喜欢 ProtoPie 的哪个功能?

Hongyo Seo:用 ProtoPie 和容器来制作滚动和分页交互真的很棒,超级简单!

Jiyoung Yoon


List transition prototype by Jiyoung Yoon


作者:Jiyoung Yoon

你在这个原型背后的思路是什么?

Jiyoung Yoon:它原本应该是在“封面视图”和“列表视图”之间的渐进式流动,但我的意图是在交互层面做出区分。由于这两个视图之间需要无缝切换,我在思考动态布局及其相关运动如何直观地解释屏幕上的内容。

ProtoPie 在创建这个原型时如何帮助了你?

Jiyoung Yoon:当你只是看着静态设计并想象交互时,常常会有一种模糊的感觉,比如“如果我这么做,会发生这个;那如果我改成别的操作会怎样?”。使用 ProtoPie 做原型是构建脑海中交互并观察其实际效果的绝佳方式。ProtoPie 非常直观,界面也易于理解,让你能轻松把交互想法变成现实。

你最喜欢 ProtoPie 的哪个功能?

Jiyoung Yoon:我真正喜欢 ProtoPie、而其他原型工具没有的,是直观的交互面板与时间轴的结合。对于每个 Response,我都可以调整时间设置。过去我也试过好几款原型工具,但都不像 ProtoPie。另外我喜欢的是交互的可定制性,比如时间微调。ProtoPie 让人无需编写任何代码,就能轻松且直观地完成高保真原型设计。举例来说,你可以按自己喜欢的方式轻松调整图层与交互之间的时间差。我认为其他 ProtoPie 用户也应该像我一样,充分利用时间轴面板!