行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

ProtoPie 新闻

8

阅读时间

打造 ProtoPie 的全新品牌

我们如何踏上一段变革之旅,重新定义我们是谁以及我们渴望成为什么。

帕特里夏·弗朗西斯科维奇, 客户成功经理

我与 ProtoPie 的品牌设计师 Rina Park 共同撰写了这篇文章。我们想一起向你讲述我们的故事——一段关于我们如何重新定义“我们是谁”以及“我们希望成为什么”的充满变化与乐趣的旅程。

如果你还没听说过我们, ProtoPie 是一款高级原型设计工具,不仅能让用户在无需任何编码技能的情况下创建高度逼真的原型,还能在任何设备上轻松分享和测试。

自 2016 年我们做出第一个“Pie”以来,我们的产品和团队都实现了指数级增长。期间虽有起伏,但我们作为一个团队努力克服挑战,不断打磨工具性能,为用户提供尽可能最佳的产品体验。

而这一切都得到了回报!如今,ProtoPie 正在帮助全球各地的设计团队——从 Google 到 Microsoft——简化他们日常的原型工作流程,同时取得出色成果。我们最近发布了期待已久的 4.0 版本,收到了老用户和新用户的热烈反馈。

当我们开始推进 ProtoPie 4.0 时,我们意识到自己遇到了一个问题:我们的品牌形象已经不再匹配我们的目标与精神。

于是,我们开启了一段为期 6 个月、深入探索品牌核心身份与价值观的高强度旅程。

为什么 ProtoPie 对用户很重要?

ProtoPie 于 2016 年发布,回应了一个简单需求:在无需编码技能的前提下,快速创建高度逼真的原型。


ProtoPie logo before and after


前后对比

易用性、速度、高保真。

这些过去是(现在仍然是)用户在同类工具中选择我们的关键因素。对大多数用户而言,ProtoPie 不仅仅是一个好用的工具,更是真正节省时间和成本的利器。它是一个可靠的问题解决者,让他们能够快速制作原型而不牺牲质量。

我们希望打造一种品牌形象,以更有结构、更有力量的方式体现这些独特特质。

我们的品牌识别缺了什么?

让复杂交互原型设计像派一样简单。 这一直是我们的品牌信条和标语。

这也是我们品牌名称的由来,即“prototyping”和“as easy as pie”的缩合。

顺理成章地,我们从第一天起采用的 logo 就是一块派。准确地说,是从上方俯视的格纹派皮。


ProtoPie pie size limitations


尺寸限制

它当然显得亲切而温暖。但它也有明显局限,我们必须与之割舍。

首先,它细节过多。缩小后,交叉纹理几乎会糊在一起,导致难以识别。

其次,它并不完全符合我们核心产品属性。它的外观让人更容易联想到精致烘焙店,而不是强大且易用的软件,这不止一次误导了新用户。

寻找我们的路线图

我们已经识别出问题。下一步,我们需要一个行动计划。

在仔细评估所有选项后,我们决定将重塑品牌的方向聚焦为两条:

  • 演进** **- 一种简化过程,即从多个角度审视设计,让 logo 变得更简洁。

  • 创新 - 一种重塑品牌联想的过程,目的是改变用户对产品的感知。


rebranding approaches


2 种品牌重塑方法

重塑我们的 logo:哪些变了,哪些没变。

并非全是坏事。我们的 logo 虽有局限,但也有一些值得保留的优势。

首先是“派”的符号。不管我们如何看待它,派的设计在每个人心中都与 ProtoPie 强关联。它是一个强大且极具情感的符号,会唤起温暖、舒适的童年记忆。我们不能直接丢掉它。

因此,我们决定将品牌重塑重点放在:在保留原有派形设计的同时,为 ProtoPie 的核心产品特性——一款 强大、快速且易用 的原型设计软件——建立新的、有意义的联想。力量与温度,这两个维度在 ProtoPie 中并存。


sketching ProtoPie new logo


新 logo 草图

焕新的派形 logo。

通过组合下方这 3 个单元,我们为这块甜甜的派完成了彻底改造。


building concept of ProtoPie logo


组合这 3 个单元

不再是扁平而繁复的图案。取而代之的是,我们设计了一个几何化的三层派切片。由于原型设计既是视觉工作,也是逻辑工作,我们希望新 logo 反映这种二元性:既富有想象力,也结构清晰。

一个平衡良好的 logo 需要清晰、组织有序的网格系统。我们使用了 1:1 的方形网格,并按 1.618 黄金比例进行垂直划分。在其中,我们堆叠了三个 50° 倾角且半径恒定的三角形。


ProtoPie with a bolder look


更大胆的外观。

最终,我们有了一个契合 ProtoPie 独特特性与精神的 logo。现在,是时候放大视野,定义一套一致的品牌规范了。

构建品牌系统

我们知道,品牌建设不只是做一个好看的 logo。它关乎为用户创造有意义的体验,并体现你的核心价值与愿景。若说 logo 是一句优美的话,那么品牌就是由此展开的丰富对话,连接并激励所有参与者。

我们需要确保品牌在每个触点都能增强用户体验,并且无论出现在哪里都具有可识别性。


iphone home screen

字体、色彩和构图,是访客在探索产品或再次购买旅程中最先接触到的视觉触点。我们之前的品牌字体偏轻偏细,色彩对比也柔和:浅灰底上的白色线性文字。我们将其替换为 ticker 字体,并把背景色主题从浅色改为深色。字体更大胆的对比和字重,强化了 ProtoPie 作为可靠、强大工具的感知——这正是旧版字体未能传达的。

我们还需要一致的色彩系统。ProtoPie 的色板曾经相当混乱:Studio、Cloud 和 Player 虽同属一个产品系统,却使用了不同色阶。我们迫切需要清晰的规范。

珊瑚粉依然是我们的主品牌色。我们只是让它更鲜活、更饱和。对于网站和 UI 中较小的细节,我们还需要一些辅助色。我们选择了鲜明的靛蓝色,并搭配少量粉色、橙色和紫色用于最小元素。这样一组鲜活、充满能量的配色——正是快速、动态原型工具的理想色板。


ProtoPie brand system


全新的 ProtoPie 品牌

全新的 ProtoPie 品牌自信、大胆且充满活力。它面向那些时刻准备迎接新挑战、持续成长、并保持积极思考的人。这正是我们希望注入新品牌的精神。总体而言,我们对结果感到满意,也珍视这段旅程带给我们的启发。

今天,我们可以带着信心与乐观展望 ProtoPie 的未来。旅程至今虽紧张而充实,但我们相信,最好的还在后面。