大模型应用开发平台
Large Model-Powered AI Application Solution
H E L L O
YAO YAO }
ABOUT ME
UI设计师（项目驻场）
平台与数字化设计团队，负责教学工具平台与交互式课件平台的UI、UX设计，聚焦教师教学场景核心需求，平衡视觉审美与操作易用性，输出适配教学场景的简洁高效设计方案；同时还参与大模型界面设计，跟随互联网节奏建立从0-1的产品
UI设计师
负责公司前台网站、后台项目管理的界面设计，协助内部人员建立旅游项目开发和记录;制作旅游页面电子报宣传海报，PR剪辑旅游宣传视频，旅游文案的宣传优化
视觉设计师
负责航班管家旗下伙力精选平台，主导精选小程序内H5活动视觉设计、BANNER设计、详情页设计，公众号图片编辑设计，负责自营产品的平面包装设计，插画设计等
Large Model-Powered AI Application Solution
Interactive Video Editor for Smart Education
Smart Teaching Tool Platform
Spark AI Assistant
Brand Visual & Packaging Design
Marketing H5 Campaign Design
Graphic Poster Design
Illustration & Packaging Design
企业级 AI 应用开发与管理的一站式解决方案
支持多种主流大模型接入与统一管理，灵活配置模型参数与调用策略。
可视化应用开发流程，支持 Prompt 编辑、插件扩展与工作流管理。
完善的企业级权限体系与数据安全方案，保障业务数据与用户隐私。
本产品是以零代码可视化搭建为核心，提供模型管理、企业知识库、工作流编排、私有化部署能力。支持用户权限管控、数据安全隔离与 API 对接集成，帮助企业快速构建客服机器人、业务审批助手、数据分析机器人等专属 AI 应用，沉淀企业知识资产，缩短开发周期，降低技术成本，赋能全员自主搭建 AI 应用，全面提升企业数智化运营效率。
整套视觉系统采用沉稳的蓝色调设计，旨在助力学习者保持专注、缓解认知疲劳，同时彰显专业调性；为整个大模型应用系统构建起可延展、统一连贯的视觉语言体系。
LOGO 采用 Large Model 首字母缩写"LM"作为核心元素，将字母形态融入立体六边形结构，平衡空间感与平面感。L 与 M 的线条拆解重组为几何块面，既保留字母辨识度，又以立体结构传递大模型的多维算力与知识广度。
LM字母融合
六边形结构
几何重组
品牌标识
最小尺寸（印刷）
≥ 10mm
最小尺寸（屏幕）
≥ 24px
本次Web端界面布局以1440*900为基础设计尺寸，同步适配1280、1920两大主流屏幕尺寸，整体采用全自动伸缩式响应式设计，依托流体栅格与弹性布局逻辑，实现界面跟随分辨率、窗口大小自动同步伸缩，全程无断点、无错位，既能保障核心视觉与功能布局的统一性，又能覆盖不同桌面显示器的使用场景，兼顾美观度与操作实用性。
1280px（左右间距到达最小值 24px）
1440px（左右间距随着屏幕拉宽变大）
1920px（宽度拉到 1920时，卡片数量一行由3个变成4个）
为避免多对多关系的复杂性，明确智能体（Agent）与工作流（Workflow）为一对多关系。工作流不复用，每次迭代均通过复制智能体（形成新版本）来实现，保证独立性。
业务提出方：学习机研发团队
学习机等业务，在业务需求开发过程中需要接入AI能力，需要来回调试 Prompt
改了个 Prompt 不知道有没有变好，只能靠主观感受
没有统一标准衡量"这个 AI 够不够好"
一个效果差或成本高的模型版本，可能直接就上线了
本产品内置大模型评测集管理模块，提供列表化的评测数据集统一管控能力，支持用户自定义创建评测集并完成名称、描述、分类标签等元数据配置；兼容 JSONL、XLSX、CSV 多格式评测数据文件上传，内置格式合规、字段完整、数据规范的前置校验机制，为大模型性能评测提供标准化、高可靠的数据集底座支撑。
页面采用符合 B 端用户浏览习惯的「全局数据看板 - 筛选控制区 - 详情列表」三段式层级结构，从上到下完成从全局概览到细节管理的信息传递。
界面完全围绕大模型评测的专属业务特性做场景化适配，精准解决业务痛点。通过色彩差异化的标签设计，快速区分单评 / 双评 / 仲裁三种评估模式、主观 / 客观两种指标类型，让用户一眼识别评估器的适用场景；
页面交互设计充分平衡了日常高频操作的易用性与业务长期发展的扩展性。
操作区将「配置」「详情」两个高频操作前置展示，将低频拓展操作收纳在更多菜单内，既保证了日常操作的便捷性，也预留了功能拓展的空间。
创建评估器模块围绕大模型全流程评测需求，提供单评、双评、仲裁三种差异化评估模式，适配从快速迭代到高标准验收的不同业务场景。用户可按需选择评估模型，自定义指标定义、权重分配与评分细则，同时支持主观、客观两类指标体系，覆盖大模型多维度的评测需求。
三种评估模式 针对不同使用需求
评测任务是大模型效果评测的核心执行模块，完整承接前期创建的评测集、评测器的配置成果，实现从规则配置到效果验证的全流程闭环。
模块提供在线评测、离线评测两种任务模式，适配不同业务场景：在线评测支持模型效果的实时验证，满足快速迭代调优的需求；离线评测可承接大批量测试数据的批量处理，适配大规模全量评测的场景。
用户完成任务基础配置后即可一键启动执行，同时支持单模型效果校验、双模型同批次 PK 对比两种模式，平台将基于预设的评测规则自动完成评分统计，输出直观的模型效果对比结果，帮助用户精准筛选适配业务需求的最优模型。
Interactive Video Editor
针对 PC 端精细化制作场景，规范两端的操作节点与核心动作。
Pad 端轻量化实时批注场景，依托手写交互能力，完成轻量化实时讲解内容产出。
本产品是老师用于授课视频课件的全链路制作流程。
本产品是老师用于授课视频课件的全链路制作流程，分别针对 PC 端精细化制作场景、Pad 端轻量化实时批注场景，规范两端的操作节点与核心动作，老师通过领取课件制作任务后，依托手写交互能力，完成轻量化实时讲解内容产出。
当前视频录制管理器路径繁杂且与人库任务割点流程割，目前整体需求流程通过打订，百度网盘进行数据流转分发，线下录制后通过私人百度网盘回收。
三大核心功能：课件制作、课件录制、编辑预览，满足用户需求，产出完整链路。
用户领取试题任务后，开始编辑用于讲解的课件（PPT）
制作好课件后开始录制，可以在ppt上编写文字、授课
合成课件和录制内容，增加分段、编辑音频、笔迹内容等
核心界面逻辑为：用户领取试题后，系统默认加载背景、试题内容及水印图层，用户可在此基础上新增文本、形状、表格等编辑元素。整体以平板端为设计基准，再同步适配延展至 Web 端；设计过程中需严格遵循触屏交互规范，确保可点击区域最小尺寸不低于 44px。页面编辑完成后，核心操作路径为引导用户完成试题录制，因此将录制按钮置于页面右上角，并采用高亮样式突出显示。
本产品内置大模型评测集管理模块，提供列表化的评测数据集统一管控能力，支持用户自定义创建评测集并完成名称、描述、分类标签等元数据配置；兼容 JSONL、XLSX、CSV 多格式评测数据文件上传，内置格式合规、字段完整、数据规范的前置校验机制，为大模型性能评测提供标准化、高可靠的数据集底座支撑。
采用垂直悬浮式布局，符合用户左手操作的使用习惯；功能分区清晰，适配教学场景的连续操作需求。
采用顶部通栏布局，不遮挡核心录制内容；状态信息清晰醒目，控制按钮布局合理，避免误触。
界面整洁分明，无冗余元素干扰；画布区域与工具栏、状态栏明确分区，既保障内容展示的完整性，又不影响操作便捷性。
为适配不同剪辑场景，优化了合集剪辑模式：当轨道收起时，视频素材合集可自动整合为单一条状剪辑区。这种设计简化了多片段操作流程，无需在多层轨道间切换，实现"一键收拢、快速剪辑"的高效体验，兼顾精细编辑与批量处理的双重需求，适配新手及熟练用户的不同使用习惯。
本界面主打视频快速剪辑，核心操作聚焦三大高频需求：视频分段切片、音频参数调整、笔迹标注添加。至于动画轨道与 PPT 轨道，属于非核心编辑模块，日常使用中保持默认状态即可，无需额外调整，大幅降低无效操作干扰。
针对新用户的操作门槛，界面右上角设置了新手帮助入口（图标为问号样式），点击后即可开启引导模式。该功能支持分场景精准提示——切换至不同编辑界面时，会自动匹配对应场景的便签式提示框，随界面流转同步更新，让新手在每一步操作中都能获得清晰指引，快速上手核心剪辑流程。
本课件编辑界面以平板端为核心设计基准，同步完成手机端的适配延展，严格遵循触屏交互规范，确保可点击区域尺寸合规、操作流畅。界面默认加载试题、背景与水印图层，支持用户灵活新增文本、形状等编辑元素，清晰引导用户完成试题编辑的核心操作路径。
统一平板端与手机端的视觉风格、交互逻辑，避免界面割裂，让用户形成一致的产品认知。
在手机端小屏场景下，合理优化版式布局，确保试题、编辑元素等核心内容清晰可读，不影响使用。
严格遵循触屏交互规范，保证可点击区域尺寸合规，降低用户操作门槛，提升全端使用流畅度。
优先实现核心编辑与录制功能，从 0 到 1 搭建基础体验，后续逐步迭代优化，保障产品快速上线。
界面将插入、字体、属性、排版四大核心功能模块固定于页面底部，贴合移动端触屏交互习惯，大幅降低用户操作门槛，提升编辑效率。
整体设计与 PC 端保持统一的视觉规范与交互逻辑，既保障了用户跨端使用的体验一致性，也满足了用户随时随地编辑课件的轻量化创作需求。
界面默认加载试题、背景与水印图层，支持用户灵活新增文本、形状等编辑元素，清晰引导用户完成试题编辑的核心操作路径。
本套交互说明完整拆解了核心功能模块的操作逻辑、触发规则与界面适配方案。针对插入功能弹窗、功能面板滚动、多页课件切换等核心场景做了精细化的交互定义，明确了各类操作的反馈与边界规则，为开发还原提供了清晰可落地的执行标准。
点击后弹出，再次点击关闭
固定高度，功能超过滑动
PPT页面过多时，底部滑动
参考其他平台插入文字（字体）时，字体较多，所以文字板块是整个不同类型字体的。考虑到本身这个产品是内部使用，根据需求目前只有2种字体，为了这2个字体单独一个板块的话，有些浪费功能版面，所以把字体字号，字重，颜色，都归类在一起，方便快捷选择。
根据产品定制，目前是2个字体后续根据内容增加可以重新排版
颜色点击后可跳转（3）选择更多种类
文本颜色定制化，后期可增加
核心设计问题：平板端需解决不同底色下的边框可视性问题
方案 1：品牌蓝色边框/纯深色边框
方案 2：智能适配边框色
浅底深框 / 深底浅框
最终落地方案：
黑白双色线框 + 透明度优化
重构不合理操作规则，贴合教师课件加工日常流程，提升核心任务处理效率
简化工具适配难度，减少用户自行摸索成本，通过直观设计提升工具易用性与满意度
针对性解决反馈问题，从底层设计层面完善工具缺陷，打造稳定、高效的课件加工环境
通过对不同学科老师开展针对性用户调研，录制其课件加工操作全过程，系统梳理核心使用习惯与操作逻辑，精准定位实际使用中的核心痛点。在此基础上，将痛点转化为适配教学场景的合理交互方案，同时精简冗余功能与操作流程，提升工具实用性与易用性。
| 学科 | 满意度 | 核心诉求 | 使用年限 | 问题量 | 工作量 | 整体评价 |
|---|---|---|---|---|---|---|
初中化学
洪老师、王老师
|
⭐⭐⭐⭐ | 视频预 打点名称 | 新版首次使用 旧版使用过 |
8个 | 一天10-20个 | 正面，主要是优化细节 |
初中物理
刘老师、于老师
|
⭐⭐⭐ | 1. 恢复旧版切片功能 2. 限时答题时长可调 3.多版本打点同步 4.支持上下标 |
新版使用不到一个月 | 20个 | 20+个 | 矛盾，新功能好但核心功能退化 |
初中英语
刘老师
|
⭐⭐⭐ | 1.简化发布验证流程 2.主观评测文本化反馈 |
使用约一年以上 | 16个 | 一周3-4个 | 中立，耗时是最大痛点 |
小学英语
孙老师
|
⭐⭐⭐ | 1.热区操作简化 2.拖拽题纵向排列 | 已做几册书(约1年+) | 16个 | 一天4个 | 无奈，大量线下工作补偿线上缺失 |
我全都要
专业 Professionalism
便捷 Convenience
明亮 Bright
科技感 Sense of technology
放松 Relaxation
可借鉴交互：自由拖拽各模块，操作自由度高
传统剪辑软件多采用暗色编辑界面，兼具友好性与专业感。结合网站端属性及旧版亮色模式基础，现支持明暗模式自主切换，适配不同使用习惯。
结合老师工作流程，简化切片/打点步骤、弱化非核心功能，通过数据筛选核心选项并设为默认，提升视频加工效率、加快工作进度。
强行打断用户操作，填写内容过多，导致误操作较高
修改交互形式，弱化打断，和用户沟通后，系统默认名称
内部讨论提高新建内容效率，进一步减少用户选项
根据后台数据，课中作答为55.43%、单选题为67.23%，选择二者作为默认选项
参考用户访谈结论，老师对面板命名无实际需求，强制输入名称徒增操作成本、拖累效率；结合后台数据，课中作答占比 55.43%、单选题占比 67.23%，将二者设为打点类型与题型默认项，精简流程有效提升视频加工整体效率。
本 AI 客服助手界面以轻量化、高易用性为核心设计目标，围绕企业人力、财务、行政等高频办公场景搭建智能问答体系。界面采用清晰的分类导航与对话式交互，搭配可视化的思考过程展示，降低用户使用门槛，提升问题解决效率。整体视觉风格简约现代，通过柔和的色彩与层级化信息布局，打造高效、友好的企业内部智能服务体验。
本界面为 AI 客服助手的问答结果详情页，界面配套快捷复制、满意度反馈等轻量化操作入口，兼顾信息实用性与操作便捷性。同时搭建完整的用户反馈闭环，搭配即时的操作反馈提示，助力产品持续优化回答精度，打造高效可靠的企业智能办公服务体验。
Little Freddie (小皮)是来自英国的有机婴童食品品牌。旗下小程序主要提供会员服务：宝宝喂养注意事项/辅食食单、专家课堂、积分商城、各类运营活动等
高标准核桃油
自然原材，科学配比
一问一答场景
解决新手爸妈的喂养困惑
阶段性成长提醒
贴合月龄，及时触达
专业内容输出
权威背书，增强信任
一键联系小皮
企业微信直连，沉淀私域
本设计语言围绕新生宝妈的使用场景展开，以真实、有机、自然、品质、友好为核心视觉关键词，通过柔和自然的色彩、舒适易读的字号与温暖亲和的视觉质感，传递安心、温柔且专业的产品体验。整体摒弃过度装饰，采用贴近生活的自然色系与清晰层级，兼顾新手妈妈的视觉舒适与使用效率。
这是一个权威医疗背书 + 阶梯式内容交付的精品课程页面：以温和的绿色视觉建立专业且亲切的氛围，
核心通过 "专家首屏背书 + 试听引流 + 积分兑换转化" 的逻辑，高效传递育儿知识并引导用户完成付费解锁。
本积分商城以清新浅绿为视觉主调，契合母婴品牌健康亲和的调性，围绕「积分资产 - 权益兑换 - 线下闭环 - 明细溯源」搭建全流程体验。
界面以积分总额为视觉核心，分层展示礼品兑换、门店选择、积分明细三大核心模块：通过状态标签清晰区分可兑换 / 已兑换 / 无库存商品，降低用户决策成本；设置门店三级选择器，打通线上积分与线下门店服务的链路；以时间轴呈现积分收支明细，保障用户知情权。整体布局简洁、操作路径短，适配移动端碎片化使用场景，兼顾用户体验与品牌转化需求。
本 H5 为登康贝比 × 小皮联名打造的「喂养挑战赛」母婴知识答题活动，以清新手绘风与萌趣 IP 形象，贴合宝妈群体审美。通过限时答题、知识点科普的互动形式，传递科学喂养理念，同时植入品牌产品卖点，强化用户对品牌的专业认知。活动设置积分奖励与门店兑换机制，有效提升用户参与度与到店转化，实现品牌曝光与用户增长的双重目标。
答对不同题目后有不同的界面，分别是：大满贯、顶呱呱、节节高。答完即可去积分商城兑换礼品
本次 520 活动页面以「挚爱 520，有你相伴每一天」为核心主题，围绕 22-50 岁中高端用户群体，打造年轻化、有品质感的视觉风格，打破日常设计的同质化。
通过浪漫的春日野餐场景与柔粉主色调，强化情感连接，同时清晰呈现优惠与商品信息，有效提升用户转化，最终实现销售额的大幅增长。
建立情感连接
活动目标
提升转化
年轻化 品质感
设计目标
打破日常风格化
中高端用户
用户群体
22-50岁人群
2021年 5/19-22
销售额：¥9,933.85
2023年 5/19-22
销售额：¥33,878.3
聚合页
每块商品集合的小banner，
点击后跳转的页面
因为人工智能的飞速发展延续到各行各业，尤其在图片这方面，所以这次 520的活动页面开始尝试新的方案。利用MIDJOURNEY提供关键词，
达到我们需要的内容，再辅助放入各类自营商品合成得出
海报风格，粉红色，在阳光明媚的夏天，户外，一男一女举杯，一对夫妇 喝红酒，3D，巧克力礼物，红酒，一篮樱桃，互动，小花和植物，干净的蓝天，自然的绿色，手绘风格，广角，特写，8k，高清
根据主KV的敲定，沿用粉色插画的感觉，再去延展聚合页海报。但是因为很多商需要包装和固定样式，MIDJOURNEY生成的风格内容，并不能直接使用，所以最后决定只用生成一张场景、背景，然后去后期合成
户外海报设计。甲方需要海报张贴在室外，方便游客打卡拍照，所以在设计的时候，以浅色为主，沿用线上设计主题风格与颜色（绿、黑），烘托酒吧活动氛围。最后运用镭射纸增加画面跳跃感
面向年轻人用户群体的酒吧H5活动页面，
宣传充值、抽奖、点歌等活动的发布
朋友圈/公众号发布H5活动
查看具体活动
扫描二维码/线下参与活动
冰球鸡汤作为伙力精选主打明星产品，采用创新锁鲜工艺打造，还原现炖般醇厚口感，食用便捷，直接入锅煮开即可享用。
本次视觉设计以插画形式呈现，核心围绕产品双重形态展开：将炖煮后鲜美浓郁的成品鸡汤，与冷链运输时的冰球形态合二为一，直观展现从锁鲜储存到美味出锅的完整体验，
突出鸡汤鲜醇本味。锅具造型共设计两款方案，经对比优化后选定矩形把手款式，线条更具力量感，视觉上更显扎实稳固，与产品品质感相契合。
最初设计思路为方案一（图1），重点强调少女采摘新鲜莲藕的插图，但是并没有很好的体现藕的整个气氛，因为采摘藕的季节时，其实是一个凋谢垂败的秋季了。
所以重新设计方案二（图2），用一大片荷叶烘托出整个藕塘画面，感觉到藕的大丰收。
我的个人水彩教程《奇幻梦境》由人民邮电出版社出版，聚焦森系童话与梦幻水彩创作，从基础技法到完整案例循序渐进。
全书收录大量原创奇幻插画，兼顾入门教学与审美欣赏，目前已在京东、当当、天猫等各大图书平台全面上架。
本系列为个人日常绘画练习作品，以水彩为主要表现形式，练习过程中注重色彩层次、光影氛围与画面情绪的表达，不断探索水彩晕染与细节刻画的平衡。
通过大量习作积累，逐步形成个人风格。
