行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

聚焦客户
•

6

阅读时间

认识这位用 ProtoPie 为一款原型设计工具制作原型的人

向 Ahmed Amr 问好吧!他承担了在 6 天内打造一个完整可用的原型应用的任务,并因此成为 ProtoPie Playoff 大赛的获胜者之一。

阿德里亚娜·迪亚兹, 社交媒体经理

在今年 7 月举办的 ProtoPie 首届 Dribbble Playoff 竞赛取得成功之后,Khonok Lee 加冕成为总冠军得主;我们有幸与另外 3 位与 Lee 角逐最终头衔的顶尖选手进行了对谈。 你可以查看我们此前对 Briandito Priambodo 的采访,他重新设计了一款长期存在痛点的应用。 最近,我们又采访了 Ahmed Amr——Koinz.app(美食订餐应用)的一位年轻产品设计师。


Prototyping tool interface


原型工具界面

从 UI 开发者到产品设计师

Ahmed 在设计领域为自己打下了坚实基础。起初,作为一名想为自己创建网页设计和仪表盘的 UI 开发者,他很早就学习了设计,这也让他在非营利组织中以志愿者身份尝试平面设计,同时还兼顾了几份自由职业工作。虽然这些并没有点燃他的热情,但他很快接触到了 UI/UX 和产品设计这两个概念。“这非常有趣,所以我读了更多相关内容、看了视频、开始做个人项目,并决定继续走产品设计这条职业道路。最后,当我高中毕业时,我开始申请产品设计岗位,并拿到了我在 Koinz 的第一份工作。”他说。

那么这位 Koinz 的设计师是如何发现 ProtoPie 的呢?“我第一次使用 ProtoPie 是在 2018 年准备作品集、开始寻找全职工作的时候……我当时用的是 Windows,作为一名初级设计师,我想做出像 Dribbble 上那些设计一样酷炫的交互,于是我开始寻找原型工具,发现了一些大多数设计师都在用的程序,但问题是这些程序只在 MacOS 上运行。”

众所周知,许多成熟的设计工具只对 MacOS 用户开放,这对很多 Windows 用户来说并不公平。话虽如此,Amr 是如何克服这一挑战的呢?“我寻找替代方案,然后发现 Protopie 可以在 Windows 上运行。我试了之后觉得太棒了……它的学习曲线很低。后来即使我换到了 MacOS,我也一直在用它,因为它简单而且更高效。”

ProtoPie 已被证明是设计师与开发者之间的关键沟通工具,能够在展示想法并将其转化为可落地成果时发挥作用。这给 Amr 带来了什么帮助?“我在向开发者交付交互时遇到了问题

我必须在 2 个选项中做选择:

  • 我直接告诉他们交互应该是什么样,并给出时序与缓动函数(在截止日期很紧时会这样做)

  • 我在原型工具中做好交互,再把设计交给开发者(这会花费更多时间)

这就是 ProtoPie 发挥作用的地方:它解决了时间问题,因此我可以在 几分钟内 做出一个可交互原型,并连同所有时序和缓动函数一起交付给开发者。”


Prototyping tool animation timeline


Ahmed Amr 的 Mocky 应用

创建一款原型应用

除了许多其他令人惊叹且富有创意的原型外,我们也很好奇,哪一个设计成为了他最钟爱的项目?“我最喜欢的项目是来自 ProtoPie Dribbble Playoff 的 Mocky app。它是一款 Web 应用工具,允许设计师在模型中为自己的设计添加动画并分享给他人,”他说。

创建 Mocky app 的灵感来自一款名为 Rotato 的应用,它能在精美的模型中展示设计。“但它有局限,因为整个画板中的动画是预设的,无法更改。所以我觉得如果用户能够控制画板中的元素会更好。”就这样,Mocky app 诞生了——“你可以把设计放进模型中,添加文字——形状——图片,并在整个构图中不受限制地将它们一起做动画,”他说。由于 Mocky app 的概念本身就是一个大胆的挑战,真正更大的难题却是与时间赛跑。为了在 Dribbble 截止日期前提交项目,Amr 必须抽时间绘制多个概念草图,然后在短短 6 天内做出一个像素级精确的原型。

让我们暂时离开竞赛环境,看看 ProtoPie 如何与设计师常用的其他设计工具形成互补。Amr 分享道:“ProtoPie 帮助我更快地创建复杂交互和微交互。因此,当我尝试与利益相关者和工程师沟通一个复杂想法或解决方案时,它会成为流程中的核心部分。”这使 Amr 能从整体上审视自己的项目,并聚焦于主要需求:业务/个人影响、投入成本和截止时间。因此,如果时间安排较为宽松,那么无论需求复杂与否,高影响力项目都会优先进入队列。

试试 Mocky app

设计的未来

那么,这位设计师如何预见设计的未来会是什么样?在 Ahmed 看来,设计的重点将从传统界面工具转向可穿戴设备以及 AR/混合现实。“在人工智能的帮助下,设计师不再需要在桌面或移动屏幕上展示复杂界面,因为所有复杂的事情都可以在后端完成,”他解释道。