探秘！被客户点赞的「∞」是如何设计出来的？-大易 HR 资料库

探秘！被客户点赞的「∞」是如何设计出来的？

2024.11.06

如果说2023年是人工智能的元年，那么2024年是共赴热AI的一年，企业开始摸索人工智能的应用，寻找各行各业的AI解决方案。在人力资源领域，用友大易基于企业服务大模型YonGPT，推出了覆盖求职咨询、简历筛选、面试等场景的AI招聘解决方案，伴随着产品的持续升级，用友大易设计团队也探索全新的设计语言，让系统摆脱冰冷的外壳，引领HR进入与AI对话的新纪元，感受智能化的魅力。

设计思路——为什么是∞

用友大易AI产品的标志性符号看似是「∞」，但原型实则是AI的变形，早在旧版本的用友大易AI产品logo中，我们就采用「∞」和「AI」的符号来传达「探索AI，无限可能」的意义，新版的AI logo保留了标志性的「∞」的符号，维系用户对品牌的视觉记忆的同时，我们将注入新的具象元素，精心塑造出一套全新的视觉表达方式。

此次设计绝非仅仅追求美观，而是要让用户在使用产品时，能够体会到与 AI 和未来科技相契合的体验。为此，我们从图形、颜色、质感、律动等几个维度进行重新定义与精心打磨。

设计定调——如何打造「智能」氛围感？

1、重塑设计语言

在将“智能”作为核心关键词的基础上，我们进一步拓展了情绪版的关键词，综合考虑前文提到的多元需求，最终将焦点锁定在“智能”、“未来”和“灵动多元”这三个关键词上。我们力求塑造品牌的核心基因，并重新定义“生成式AI”的未来愿景。因此，我们确立了新的视觉设计目标：深化品牌形象，同时打造一个智能化的氛围。

2、基因扩展

我们将【智能、未来、灵动多元】融入AI品牌的核心体验中。通过在「图形」、「色彩」、「质感」、「律动」这四个视觉维度上的创新，我们为系统注入了温度，使得HR与AI的互动变得更加自然和愉悦，营造了一个充满新意的对话氛围。

1）图形

为了增强用户对AI的感知体验，我们在图形设计上巧妙地融合了柔和、亲切的【AI符号】与象征无限可能的莫比乌斯环「∞」形态。以“形”的流动展现品牌的独特韵味，以“质”的精湛传递深邃内涵。不仅编织出品牌独特魅力，更让每一处空间细节跃动着连接一切的愿景。

2）色彩

从GUI过渡到LUI，我们致力于寻找一种独特的品牌色彩。通过收集和分析大量与科技、智能相关的图像，我们最终选择了一种充满活力、类似“多巴胺”的色彩作为设计的灵魂。这种轻盈而炫目的色彩策略，实现了冷暖色调的和谐统一，构建了一种既现代又富有活力的视觉语言。

其与AI的结合，为用户带来一种充满未来的科技感知，能够激发用户情感，为产品注入新的活力。

3）质感

在质感营造上，我们通过细腻的光线流动和渐变效果，打造出一种轻盈纯净的氛围感，加之3D元素的巧妙融合，不仅赋予了设计更丰富的立体感，也提升了整体的质感和视觉吸引力，让整个产品充满科技感和高端品质。

4）律动

在我们的设计中，律动的概念贯穿于每一个交互瞬间：对话加载时的微妙波动、页面加载的流畅过渡、以及交互时hover效果的轻盈跳动，都通过精心设计的动画赋予了界面以生命力。这些动态效果不仅美化了视觉体验，也增强了用户与产品之间的互动性，让每一次使用都变得生动而愉悦。

我们致力于打造一个充满智能感的BOT体验，通过对话内容的动态呈现和脉络轴的实时生成，营造出一种流畅的流式打字效果，让用户感受到即时的互动和进程式的探索体验。此外，我们在场景化引导中巧妙地融入了流体律动效果，不仅增强了视觉的流动性，还使整个交互过程更加生动和直观，让用户在使用过程中更加顺滑且充满趣味。

智能应用——给全套界面设计加点质感

1、全局样式—轻量至简

在界面颜色的使用上，主界面采用了轻盈空灵的蓝紫色调，包括控件、字色，保证界面整体色调的统一又具有延续性。全新的视觉方案能够使用户感受到新颖、现代的气息，带来一种焕然一新的视觉体验。

2、结构布局—舒适清晰

界面解构设计采用了清晰有序的布局，巧妙地在内容与卡片间留白，营造出一种轻松愉悦的的阅读体验，这样的设计不仅使得用户在浏览多个模块时感觉舒适，同时也提升了页面的流畅性和视觉层次感。白色卡片在多彩背景的映衬下，不仅能与整体风格保持一致，更因其鲜明对比而显得简洁突出，为用户带来清晰的视觉焦点。

3、核心界面—轻盈友好

在对话场景的核心界面上，UI界面始终保持克制，背景以简洁为核心，有效降低了背景的复杂度，让前后关系明确。在对话区域回答结果，通过卡片等方式突出层次，营造深度和空间感。

同时对话界面为体现出未来感，在动效的设计上，使用流畅的霓虹色调的边框等，让界面显得更具动态和未来感。

产品

解决方案

{{ detail.title }}