Bay的设计奥德赛 10月21日 00:32
Perplexity的设计哲学:AI时代的协作与美学
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文深入探讨了AI创业公司Perplexity的设计理念和实践。文章揭秘了其“通才团队”的协作模式,强调了敏捷迭代、目标导向以及AI作为协作伙伴的角色。在设计能力上,文章指出AI时代的设计师需要融合技术与工程思维,并具备强大的审美品味来引导不确定性。文章还详细阐述了Perplexity如何通过框架设计增强AI回复的真实性,以及其为动态效果而非静态界面设计的交互理念。此外,文章深入剖析了Perplexity的复古未来主义品牌美学,追溯了其灵感来源和色彩选择,并展示了AI驱动的品牌传播策略,包括AI生成邀请卡和动态视觉效果。最终,文章总结了AI时代设计师的核心价值在于拥抱不确定性,并将AI视为创造力的延伸。

💡 **AI驱动的协作模式与人才画像:** Perplexity打破传统管理模式,采用季度目标驱动的敏捷开发,将团队拆解为2-3人的小队,并鼓励成员成为“自驱型贡献者”。AI被定位为首要协作伙伴,用于降低启动成本,使设计师能够快速行动并从用户反馈中学习。团队偏爱能够跨界整合的“通才”,他们不仅需要具备技术能力和工程思维,能用可交互原型表达,还需要有强大的审美品味来高效筛选AI生成的可能性。

✨ **AI原生产品的框架与交互设计:** Perplexity的产品设计聚焦“Answer first, but verify”,通过清晰展示搜索步骤、使用“审核”等词汇以及将来源、思考步骤作为内容骨架,来增强用户对AI回复的信任度。在交互设计上,Perplexity倾向于为动态效果而非静态界面设计,利用动效、颜色甚至听觉等手段,将AI推理的不确定性转化为用户可感知、可信任的体验。例如,语音交互中通过橙色和绿色来指示“倾听”和“说话”状态,几乎不占用认知资源。

🎨 **复古未来主义美学与AI驱动的品牌传播:** Perplexity的品牌调性源于对“好奇心”的深入挖掘,并与设计工作室Smith & Diction合作,选择了墨绿、杏色等复古质感的色盘,摆脱了科技圈常用的蓝色。其海报风格灵感来源于80、90年代经典广告,通过对孤独探索者、广阔场景的描绘,结合噪点和颗粒感,营造出一种既未来感十足又充满人文气息的复古未来主义。AI在品牌传播中扮演关键角色,从生成独一无二的Comet邀请卡,到利用AI生成视频实现动态视觉效果,再到探索声音品牌,Perplexity通过AI实现敏捷高效的品牌叙事,持续强化品牌美学。

🚀 **设计工程化实践与体验打磨:** Perplexity鼓励设计师直接在代码中进行交互开发,以快速验证想法和摸清边界。例如,设计师Gunnar Gray借助AI编程助手,利用Metal Shader创造了语音交互中惊艳的粒子球效果,该效果能实时响应用户触控并根据音量脉动,这种精细的动态质感是普通UI动效难以实现的。这种“边做边学、在真实场景中发现问题”的工作流,极大地提升了设计效率和产品体验的打磨深度。

原创 BayJ 2025-10-20 19:30 广东

作为海外AI创业当红炸子鸡之一,Perplexity的设计在海外社交媒体上备受瞩目,一度掀起AI产品复古设计风格热潮。我对这样一家几乎设计团队全员在推特活跃的公司产生了许多好奇,我想进一步了解在这家拥有十几位设计师团队的创业公司里...

前言作为海外AI创业当红炸子鸡,Perplexity的设计在海外社交媒体上备受瞩目,一度掀起AI产品复古设计风格热潮。我对这样一家几乎设计团队全员在推特活跃的公司产生了许多好奇,想进一步了解在这家拥有十几位设计师团队的创业公司里,设计在其中扮演怎样的角色,他们如何使用AI进行设计表达,风靡全网的复古未来主义的品牌调性是如何诞生的。

带着这些疑问,整理了Perplexity多位设计师作品及团队公开访谈,为你解读AI时代创业公司的协作模式及设计师角色的进化路径,并解析Perplexity产品背后的设计思考及独特美学风格。

这是我的Comet邀请码,复制到浏览器完成注册可以获得一个月的Perplexity Pro会员:https://pplx.ai/yuebay992781

一.幕后揭秘 — 通才团队如何协作组织结构与协作机制|小团队的极速迭代面对AI带来的不确定性和极速变化,Perplexity的小团队如何保持敏捷与高效?答案藏在他们独特的运作节奏与结构之中。

Perplexity 整个团队的工作节奏以季度为单位进行规划,目标明确且必须可量化。如果季度结束时大部分任务完成了70%,这便是一个健康的信号。剩下未完成的30%,则被视为宝贵的缺口,帮助团队精准识别出真正的优先级和资源配置问题。

为了支撑这种目标导向的敏捷开发,Perplexity将团队拆解为2-3人组成的小队,只有在攻克高难度挑战时才会扩充至4人。每个小队都有一位直接负责人,全权主导项目汇报,最大限度地降低沟通成本,确保了组织的扁平化与每个成员的高度自驱。

Perplexity设计团队 25.08

这种独特的运作模式,直接决定了Perplexity的选人标准:他们寻找的是能在有限资源下主动创造的自驱型贡献者,而非传统的管理者。因为在Perplexity的理念中,项目规划、任务跟进、信息分发等许多传统管理职能,AI是更高效的协作伙伴。因此,团队会有意避免招聘那些仅擅长指导他人工作的人,转而青睐那些既能独立思考,又能亲自动手身兼数职的多面手。

Perplexity的入职过程也同样直接高效,新人入职后几乎没有缓冲期,会被立刻扔进团队的实际工作流中。“你就像是跳上了一辆正在行驶的列车,被扔进深水区,不要陷入我要先学会一切的焦虑里,努力跟上,然后自己摸索着解决问题,让它运转起来。这是真正开始工作的最好方式。” 在这种边做边学的文化中,快速贡献并从真实的用户反馈中学习,远比交付一份像素完美的静态设计更重要。

在 Perplexity,人们被鼓励先问 AI,再打扰同事。无论是写一封邀请邮件、梳理上线步骤,还是把一段动效原型跑起来,AI 都是第一位协作伙伴。这不是把人替换掉,而是把启动成本降到最低:更少的等待、更短的犹豫,更多的行动。

人才画像与能力矩阵|通才的硬技能与软素质在这套独特的协作机制下,设计师的工作方法也在发生改变。设计与工程的边界被模糊,团队寻找的不再是单一领域的专家,而是能够跨界整合的通才。

这种转变的根源,在于AI产品的内在特性。传统设计流程习惯于在静态环境中预设路径、精雕细琢;但在AI的世界里,用户的一个简单指令就能触发千变万化的动态结果。设计师的工作,从掌控确定性转向了引导不确定性。这要求设计师的能力矩阵必须进化。

Perplexity设计团队大致分工

一方面,是技术能力与工程思维的深度融合。 设计师需要具备轻量编码的能力,用真实可交互的原型去思考和表达,并以系统性的用例判断,将这些能力整合进产品,从而真正地去塑造AI的输出,而非仅仅被动美化AI的产物。

而另一方面,审美品味也成为了核心竞争力 当AI能快速生成海量可能性时,审美变成了一种高效的决策工具,一种能从万千可能中精准筛选的方向感与决断力,确保最终的产出既富有创造力,又精准地服务于最终的用户体验。

二.效果优先 — 如何设计AI原生产品框架设计|增强AI回复的真实性Perplexity产品的定位是聚焦全网搜索,Answer first,but verify的理念要求Perplexity能更快、更准的来源与检索,也因此界面在来源呈现、引用可信度、结果更新需保持清晰与节制。因此,设计需在产品层面降低用户顾虑。

Perplexity搜索步骤

Perplexity答案页面

交互设计|为动态效果而非静态界面设计AI产品的界面可以极简,但其背后的反馈与交互状态却极其复杂。尤其是AI推理的不确定性,给设计师带来了全新的挑战:必须将不可见的系统过程,转化为用户可感知、可预期、可信任的体验。

这意味着,设计师要综合运用动效、颜色甚至听觉等一切手段,将抽象的速度与清晰度,最终转化为具体的用户感受与行为效率。

设计工程化实践|语音对话动画开发Perplexity语音交互中惊艳的粒子球效果,出自团队非技术背景的设计师Gunnar Gray之手。借助AI编程助手Cursor,几乎是从零开始接触Xcode和SwiftUI的Gunnar,将目光投向了Metal Shader。

—— 这是苹果官方主推的现代高性能图形编程接口,能让程序直接调用GPU的强大算力。Shader常被译为着色器,但它的能力远不止于此。它其实是在GPU上运行的一段程序,不仅能决定每个像素的颜色光影,更能实时计算物体的位置和运动,从而创造出普通UI动效难以实现的、极其流畅且可交互的动态质感。例如iOS 26最新的液态玻璃、直播间内的点赞动画、相机中的滤镜玩法、网页端颜色缓慢流动的动态背景、可以让你自由交互的3D产品模型... 其背后都是通过Shader技术实现的。

区别于在页面中嵌入动画文件的效果,这个语音球可以随着用户的交互行为变化。仔细观察,整个粒子球规律地顺时针旋转,大小不一的粒子本身也遵循着独立的环形轨迹,营造出一种深邃的呼吸感。它能实时响应用户的触控,根据手指点击的位置和范围产生涟漪般的扩散效果;当手指离开后,被推开的粒子又会优雅地回到球体原位。甚至当用户进行语音输入时,整个球体还会根据音量大小呈现出脉动。

Perplexity Voice Mode 

这些细节体验,并非出自静态的设计稿,而是在无数次把玩真实Demo的过程中被发现和打磨出来的。

“我当然可以在After Effects里假装一个类似效果,但那终究只是一个脱离了真实环境的效果。”Gunnar对此解释道,“我们习惯于在Figma里完成所有设计再交接给工程师,但这种工作流在AI时代效率低下,且容易脱节。一旦你尝过直接在代码里搭交互的甜头,就很难再回到静态环境。你验证想法、摸清边界的速度,都会得到质的提升。”

这背后是一种彻底的理念转变——与其在理想化的设计陷阱中反复修改,不如尽快做出一个可玩的Demo,在真实场景中去感受和发现问题。而开启这一切,所需要的只是设计师的好奇心、学习意愿,以及一点来自AI的帮助。

三.美学溯源 — 品牌设计如何助力传播

复古感起源|好奇心驱动创意内核2024年开始,一股强烈的复古未来主义美学风潮席卷了海外社媒,而风暴的中心,正是Perplexity。

这并非偶然的风格选择,而是一场由内而外的、系统性的品牌叙事工程。它回答了三个核心问题:Perplexity的灵魂是什么?它应该看起来像什么?以及,如何让全世界都感受到它?

要回答第一个问题,我们必须先探寻Perplexity的品牌内核。 当用户心中萌生Perplexity(困惑)时,团队的目标就是成为那个激发并满足他们Curiosity(好奇心)的首选。

于是好奇心便成为了指引一切的品牌北极星。团队的下一步挑战,就是将这个抽象概念转化为可感知的创意,他们决定从隐喻和类比起步,去呈现最初的视觉感受。

而这个视觉感受便是其独特的复古未来主义风格。这套风格的形成,主要源自两个关键决策:

首先是与设计工作室 Smith & Diction 的合作。 他们为Perplexity重塑了Logo、字体和品牌色板,并制作了一些产品模型。结果发现,颜色基本上只用于链接上。而团队希望摆脱科技圈泛滥的链接色——蓝色,转而选择了一套更具人文气息和复古质感的色盘,例如墨绿(Inky Blue)、杏色(Apricot)和土陶色(Terra Cotta)。这些色彩奠定了品牌温暖、深邃的基调。

使用链接色蓝色制作的原型

最终的品牌色版

Comet 官网,很好的诠释了绿色和淡黄色组合成的复古感:https://www.perplexity.ai/comet

其次是对经典广告的致敬与重塑。 品牌设计师Phi Hoang透露,团队海报风格的突破源于一个问题:“如果我们倾向于一种并非反乌托邦,但又未来感十足的忧郁风格会怎样?” 他们从80和90年代经典的苹果广告中汲取灵感,那些广告充满了质感和人文气息。Perplexity的海报继承了这种感觉:孤独的探索者、广阔的未知场景、充满噪点和颗粒感的画面,再配上一句点睛文案。

设计师们将世界博览会以及六七十年代和八十年代的审美,将怀旧元素融入到海报的执行和创作中。例如,尝试将一些意向生成独立的复古图片然后尝试拼贴在一起,再使用 midjourney 的 Retexturing 工具,将不同的风格、灯光和情绪重新组合,赋予其现代的诠释。

By Phi Hoang

在Perplexity团队看来,复古未来主义不仅仅是一种风格,更是一种隐喻。它连接了人类过去对未来的美好想象,与当下正在发生的AI技术革命。这种时空交错感,本身就充满了好奇与探索的意味。

PerplexityBlog - Perplexity风格海报最直接的鉴赏地:https://www.perplexity.ai/hub

敏捷叙事|AI驱动的品牌传播在AI协同的工作模式下,Perplexity设计团队得以将品牌理念,注入到用户与产品接触的每一个关键时刻,甚至将传统意义上枯燥的功能环节,变成充满惊喜的创意体验。其中Comet浏览器的发布,便是一次有力的AI实践。

Comet发布初期采用了邀请制,为了让入场券本身变得与众不同,设计师先用Midjourney生成基础素材,然后在Photoshop中二次合成,再利用Civitai/Fal.AI等工具进行LoRA模型训练和规模化生成。最终,每一位收到Comet邀请的用户,都得到了一张风格统一但画面独一无二的生成卡片。

而当用户拿着这张独特的入场券第一次打开Comet时,另一重惊喜在等待着他们。设计师希望用户的首次启动,不是一次乏味的功能设置,而是一个充满仪式感的开箱时刻。最初的设想是使用3D软件来制作一个旋转的星球动画,但面对时间和资源的限制,设计师用AI生成了旋转星球视频作为替代,通过精心设计的动态视觉与定制的音乐,用户的初次启动被赋予了独特的探索感与复古调性,完美融入了与产品的第一次亲密接触中。

除了在产品关键体验上倾注心力,Perplexity的品牌传播更体现在日常之中。

在AI产品圈,新功能发布前的视觉预热已成为标准动作,高频、高质量的品牌视频,不仅是为了功能的宣发,更能持续强化品牌美学,保持与用户的长期沟通。设计团队娴熟地运用Cavalry、Midjourney、Krea.ai等AI工具,与传统3D和动效能力相结合,引入专业的声音设计,构建多感官的品牌记忆。

Perplexity和邮件日历文档等产品的合作宣传

动效设计师Cam Sackett的入职作品,是我个人非常偏爱的一个案例。它诗意地描绘了一段好奇心之旅:一颗光点在未知的黑暗中穿梭,最终在贤者掌心凝聚成一本书。而贤者随即将这本书抛向天际,变成了Perplexity的品牌Logo,仿佛在向世界分享着智慧,极具叙事张力。

By Cam Sackett

视觉之外,品牌的声音是什么?Perplexity同样开始深入探索。这段视频揭示了Perplexity在声音品牌上的早期探索。随着Logo的展开、旋转,伴随着特别设计的、充满科技感或叙事感的合成音效。这些简短的音节,是Perplexity的品牌体验从纯粹的视觉,向更沉浸、更多感官维度延伸的信号。

By Cam Sackett

结语在深度了解Perplexity的过程中,我看到了一个由好奇心驱动的敏捷团队,一套全新的AI原生产品设计流程,以及一种对卓越体验的不懈追求。

它邀请我们重新思考:当AI能接管大部分执行工作时,设计师的核心价值究竟是什么?

放弃对静态完美的执念,拥抱过程中的不确定性,将AI视为延伸我们创造力与好奇心的最佳伙伴。这不是一场有终点的比赛,而是设计师在AI时代开启的下一场无限游戏。

P.S:就在本文完稿之际,Perplexity宣布收购AI设计初创公司Visual Electric,这可能预示着Perplexity未来将把AI视觉生成与画布式创作体验,深度融入其核心的多模态搜索与回答流程中,进一步深入AI原生产品体验的探索。

最后,我整理了下Perplexity团队顶尖设计师的账号,感兴趣的朋友可以关注~

设计负责人:https://x.com/gunnargray、https://x.com/henrymodis

设计工程师:https://x.com/pklada

产品/体验设计:https://x.com/eschadiol、https://x.com/chanpory、https://x.com/alexbaldwin、https://x.com/_LaPier

品牌/视觉:https://x.com/apostraphi、https://x.com/RypeArts

动效/声音/宣传片:https://x.com/camronsackett、https://x.com/robbdiazz

声音设计师:https://x.com/neversitdull

合作创意大使,也是Midjourney生图的高手:https://x.com/ciguleva、https://x.com/Macbaconai、https://x.com/gizakdag

参考资料
    设计负责人 Gunna Gray 访谈:https://www.youtube.com/watch?v=K71v8otC11s

    品牌设计师 Phi Hoang 访谈:https://www.youtube.com/watch?v=MHcJpGYawqk

    Comet设计师 Escha Vera 访谈:https://www.youtube.com/watch?v=MHcJpGYawqk

    Gunna Gray个人网站:https://www.gunnargray.com

    How Perplexity builds product:https://www.lennysnewsletter.com/p/how-perplexity-builds-product

    Branding perplexity.ai:https://medium.com/smith-diction/branding-perplexity-ai-70eb2cb2ef48

    Perplexity: The AI brand everyone can’t stop talking about:https://offmenu.substack.com/p/perplexity-the-ai-brand-everyone

    Smith Diction艺术总监的网站(Smith & Diction的作品非常具备欣赏价值):https://day-and.co/

我还写过AI创业公司AI时代的工作模式|Cursor设计主管专访,专业边界与学习路径的重新定义小白AI Coding用 Agent Vibe Coding靠谱吗?7天制作2个网站,Flowith、Manus的实践、踩坑与思考

AI开发实践,小白如何用5k行代码打造个人项目?(完整经验复盘 + Cursor 提效攻略)

AI视频趋势AI视频进展速读|Runway超强生图能力、Veo免费体验、3个剪辑新产品、优秀短片及提示词技巧

AI视频进展速读|5个老牌产品更新,2个新产品动向,8个创意转绘、广告、动漫案例精选

AI视频进展速读|Pika高速更新,动漫风格神仙打架,Wan 2.1成为最强开源模型

AI视频爆发式更新|近半年值得关注的13个闭源产品动向

AI视频生成(下)| 20个产品推荐及实践教学

AI视频生成 (中)| 20个产品推荐及实践教学

AI生图GPT-4o旅行贴纸创作全攻略|城市系列、动漫系列、提示词技巧分享

商业创业看完Open AI创始人的斯坦福创业课,我学到了什么?

产品趋势产品趋势02期(上)|挑战Chrome的最强浏览器?Arc究竟牛在哪里?

产品趋势02期(下)|盘点Arc中的设计细节、槽点和后续规划

阅读原文

跳转微信打开

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Perplexity AI设计 产品设计 用户体验 品牌设计 协作模式 AI原生产品 复古未来主义 设计哲学 AI Perplexity Design Product Design User Experience Brand Design Collaboration AI-Native Products Retro-Futurism Design Philosophy
相关文章