引导设计从Tab到插图到文案，阿里云百炼首页的3重交互设计心机

细节描述

龙爪槐守望者: 很多用户在初次接触AI产品时都会遇到「冷启动」难题——明明功能很强大，却不知道从哪里开始。阿里云百炼官网首页采用了一种创新的功能引导设计。页面顶部设置了四个横向Tab标签代表AI的核心能力。 当用户点击不同Tab时，页面会发生三个联动变化：首先，中央的提示词输入框内会自动显示一段灰色的示例文案，这段文案不是泛泛的占位符，而是针对该功能精心编写的完整提示词模板。展示了如何结构化地提出需求。 其次，在文案右侧会滑出一个与功能相关的小插图，比如「联网搜索」对应一个放大镜图标，「代码生成」对应代码编辑器界面，这些插图采用了紫色渐变风格，与整体UI保持一致，动画效果是从右侧淡入浮现，既能吸引注意力又不会过于突兀。