行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

ProtoPie 新闻

11

阅读时间

ProtoPie 品牌的未来

让我们揭晓我们品牌发展的方向。

ProtoPie,

他们说,变化是永恒不变的。自 2021 年末以来,我们一直在全力推进 ProtoPie 品牌的下一篇章。今天,我们非常高兴地发布这些更新,并展示我们在这个激动人心的新时期中品牌发展的方向。让我们一起深入了解这些焕然一新的变化,它们将让你的 ProtoPie 体验更上一层楼。

概览

  • ProtoPie 品牌更新

  • 设计原则

  • 团队协作

  • ProtoPie 品牌元素

  • 品牌识别

  • 品牌颜色

  • 3D 插画

  • 渐变

  • 品牌时间线

  • 接下来是什么?

让我们深入看看 ProtoPie 品牌正在发生的有趣更新!

作为设计师,你可能很了解保持品牌一致性的挑战。对于视觉设计师来说,在保留品牌核心特征和视觉元素的同时推动品牌演进并非易事。2021 年末我加入 ProtoPie 时,我们品牌中有两点立刻吸引了我的注意:柔和渐变和 3D 插画。

柔和渐变很不错;它原本旨在传达一种呵护与关怀的感觉,让人联想到童年快乐探索与玩耍的氛围。然而,随着我们深入了解受众,我们发现这种设计并没有像我们期望的那样与他们产生最佳共鸣。

此外,应用柔和渐变还带来了一个独特挑战。渐变与文本之间的对比度常常不足,无法提供最佳可读性,这在我们日常制作素材时尤为明显。这个问题导致视觉影响力不足,渐变反而压过了文字。显然,我们迫切需要一个解决方案。


ProtoPie brand colors


Branding 6.0 全新升级(2021 年 9 月 28 日):可读性下降对我们的设计造成了显著影响,因此我们需要一个解决方案。

因此,我们最大的挑战是:如何在保持熟悉的 ProtoPie 视觉与体验的同时推进品牌演进。由于我们的品牌识别已经建立,我们仍希望保留延续感。整个过程更像是在探索并打磨 ProtoPie 的品牌识别。

设计原则:清晰与易懂

在这些品牌更新中,我们的设计原则始终坚定不变——清晰与易懂。ProtoPie 的每一种视觉表达都必须传递清晰的信息,不给观者留下疑问。

在品牌旅程的每一步,我们都优先坚持这一核心原则,确保设计不仅吸引人,也能有效沟通。无论是颜色选择、3D 元素的融入,还是渐变的使用。

随着我们持续演进和优化品牌,清晰与易懂将始终位于我们设计理念的核心。我们相信,清晰沟通是与用户建立更深连接的关键,我们也致力于确保品牌的每个层面都体现这一承诺。


ProtoPie Branding

团队协作

品牌设计 🤝 产品设计

市面上很少有资源解释在科技公司中 Branding/Visual Design 如何与 Product Design 协同工作。根据我的经验,每家公司都有自己独特的协作管理方式。分享这些实践洞察在行业内并不常见,因为大多数团队倾向于对内部运作保持谨慎。

此外,协作本身也可能充满挑战。产品设计团队通常遵循设计系统,而该系统有时可能无法提供足够的灵活性。

那么,我们如何找到正确的平衡?

在 ProtoPie,我们的设计团队按具体产品领域进行组织。我们有明确分工,例如产品设计师和网站设计师,而我的职责是市场设计,并负责品牌与视觉设计相关工作。让这些团队保持一致具有挑战,但其核心在于高效的开放沟通和持续的反馈闭环。

我们采用了无缝的信息交流方式,经常通过直接同步在团队间征求意见与洞察。这个方法对我们非常有效。我们不拘泥于固定节奏,因为那有时会给设计师带来不必要压力,导致“为了分享而分享”。我们更重视交流的质量与相关性:在需要时直接提出关键问题,并在更新确有价值时再进行同步。

这种方式营造了一个以有意义互动为先的环境,确保每次交流都能创造价值,并促进我们设计工作的整体协同。


ProtoPie Brand

ProtoPie 品牌元素:颜色、3D 插画与渐变

品牌识别

在 ProtoPie,我们的设计基因根基深厚,这也得益于我们的 CEO Tony 本身就是一位设计师。

这种共同的创意精神深刻影响了我们的沟通方式,并被注入到品牌之中。我们没有采用传统企业化语气,而是希望传达像轻松聚会般的温暖与随性。

这种方式也体现在我们的品牌设计中。我们从烘焙与烹饪世界中汲取灵感,不仅来自我们的名字,也来自我们的口号“Easy as Pie”。

这种影响体现在波浪形状、纹理,以及派、叉子等趣味插画中,这些元素构成了我们的品牌特征——它们分别隐喻了我们打造直观数字体验的方法。正如烘焙师将食材组合成美味派一样,我们提供产品来“烘焙”出卓越的交互体验。


ProtoPie branding elements

ProtoPie 品牌颜色

颜色对齐相对直接。简单来说——珊瑚色(我们的 Logo 色)、紫色和青绿色代表我们的产品,再辅以设计系统中不可或缺的中性色。

我们也扩展了色板,引入了更深的色阶,尤其是在紫色范围内,以提升对比度和可读性。这些更深的色调如今发挥着关键作用,特别是在 ProtoPie Connect 或汽车与跨设备体验等行业沟通场景中。

不过,它们的灵活性同样突出:我们可将这些新色调与 ProtoPie 标志性色彩——紫色、珊瑚色和青绿色——无缝融合。这种融合让我们能够打造独具 ProtoPie 风格的视觉元素。

3D 插画

我们非常清楚 3D 视觉当下的流行趋势,许多品牌都将其纳入沟通策略。对我们而言,拥抱 3D 是合乎逻辑的选择,因为它与我们产品的本质高度契合。从 IoT 到汽车,如今许多设计师都在借助 ProtoPie 连接实体产品与数字世界。

此外,相比 2D 视觉,融入 3D 元素能更有效地呈现触控、语音等交互。因此,3D 插画帮助我们更清晰地展示 ProtoPie 如何把抽象想法转化为可落地的真实体验。同时它也非常灵活,在某些难以获得清晰摄影素材的情况下,我们可以用它替代摄影。

渐变

渐变的使用使我们能够通过不同的配色组合传达多样的情绪与氛围。

这种方法帮助我们为品牌增加视觉纵深与层次感,营造真实感,并让视觉更具吸引力。渐变是一种强大的工具,可丰富我们的设计,让我们传递更广泛的情感光谱,并提升整体品牌体验。

ProtoPie 品牌时间线

请查看这张展示我们自 6.0 版本以来品牌演进的可视化时间线。在最右侧一栏,你可以看到我们最新的更新,这些更新已开始应用于我们的产品、ProtoPie 官网以及社交媒体渠道。

品牌设计是一个需要持续关注与改进的长期过程。不过,我们相信这一方向带来了更高灵活性,也更契合我们“清晰”的设计原则。通过这些改进,我们投入了时间,真正去理解我们的品牌。

将这项工作内部化的一大优势在于,我们对产品以及自身工作流程有深刻理解。因此,我们没有选择激进且突兀的品牌重塑,而是选择让品牌逐步、自然地演进至今天的状态。这确保了随着产品发展,我们的品牌也能同步进化。


ProtoPie branding next episode

接下来是什么?

我们提升并优化 ProtoPie 品牌的旅程仍在继续。我们致力于保持在设计创新前沿,并确保品牌始终真实体现我们对清晰、创意与以用户为中心的承诺。

在持续改进的过程中,我们很高兴公布一些即将到来的进展:

品牌资源:敬请关注我们不断扩展的设计资源库,其中包括更新版《品牌指南》文档,以及覆盖各触点的焕新素材。

升级的动态视觉系统:我们认识到动态是 ProtoPie 的核心,因此正在积极打造一个更具活力的动态视觉系统,为品牌注入更多生命力。

进化的 3D 插画:我们的投入也延伸到 3D 插画的增强与扩展。我们致力于利用这些视觉更好地传达内容并吸引受众。

主动反馈:我们希望听到你的声音!我们非常期待收集你对品牌的感受,以及我们还能如何改进。欢迎随时向我们分享你的见解与建议。你的反馈对塑造 ProtoPie 的未来至关重要。

感谢你成为我们设计旅程的一部分。我们将与您一起,继续携手 ProtoPie 塑造设计的未来。你的反馈与支持推动着我们不断追求卓越。

[下载 ProtoPie] {加入社区}