用户体验设计

16. 微交互设计模式解析:让界面更有生命力

16. 微交互设计模式解析:让界面更有生命力引言微交互是用户与界面之间的小互动,它们虽然微小,却能给用户带来巨大的愉悦感。作为一名把代码当散文写的 UI 匠人,我始终认为:好的微交互不是简单的动画效果,而是与用户的情感对话。就像一首好的音乐,不仅要有优美的旋律,更要有细腻的细节。微交互&

十万级数据表渲染生死局:DevUI虚拟滚动引擎解剖实录

目录摘要1. 背景:云原生时代的数据渲染挑战1.1 企业级应用的性能痛点1.2 虚拟滚动的技术选型依据2. 虚拟滚动核心架构设计2.1 三层架构模型2.2 滑动窗口算法数学模型2.3 动态节点池管理3. 核心算法实现解析3.1 可视区计算引擎3.2 GPU加速合成层优化3.3 分时切片渲染策略4. 企业级实战:云控制台性能优化实录4.1 完整实现方案4.2 性能压测数据

Horse3D 游戏引擎研发笔记(一):基于独立的渲染线程绘制彩色三角形

Horse3D 游戏引擎研发笔记(一):基于独立的渲染线程绘制彩色三角形 Bilibili 同步视频 一、为什么要独立渲染线程 二、Qt 6.4 官方的多线程渲染建议 三、项目结构 四、核心实现 4.1 渲染线程 RenderThread 4.2 显示端 IScreen 4.3 CMake 与部署 五、踩坑记录 5.1 界面闪烁 5

状态 StateFlow、ViewModel 与 UI 收集

源码仓库:ComposeDemo(分支 main) 技术目标掌握三件事: 单向数据流:Event → ViewModel → UiState → UI。 StateFlow 与 MutableStateFlow:热流、始终可读的当前快照;与「无限历史」的冷流心智不同。 collectA

vue3 实现echarts 3D 地图

目录一、环境准备1. 安装依赖2. 准备地图数据二、Vue3 组件实现1. 基础组件结构2. 地图数据请求方法三、关键配置说明四、常见问题解决在 Vue3 中实现 ECharts 3D 地图,核心是结合echarts和echarts-gl(ECharts 的 3D 扩展库),通过注册地图数据、配置 3D 视角和样式来实现。以下是详细步骤和代码

打开浏览器,国宝开口说话 - 宝蕴如何用端到端具身交互智能重塑博物馆导览

走进一座博物馆,停在一件青铜器前,你还没来得及扫码、查资料,一位温文尔雅的讲解员已经站在身旁,微笑着开口:"这件博山炉,炉盖象征海上仙山,点燃香料后烟雾从山峦间袅袅升起,宛如仙境。“你好奇追问一句"那汉代贵族一般用什么香料?”,讲解员不假思索地

可视化管理本地 AI 模型 + 无缝接入多模型,OpenWebUI 让 AI 交互像聊微信一样简单!:cpolar 内网穿透实验室第 465 个成功挑战

软件名称:OpenWebUI(曾用名 Ollama WebUI)操作系统支持:Windows 10/11、macOS 10.15+、Linux(Ubuntu 18.04+、CentOS 7+)软件介绍: 这是一款能让本地 AI 模型 “改头换面” 的开源神器,把冷

如何写好 UI 设计提示词:让 Claude Code,codex等 生成漂亮界面的实用指南(全是干货)

如何写好 UI 设计提示词:让 Claude Code 生成漂亮界面的实用指南在使用 Claude Code 配合 UI 设计 skill 时,很多人会遇到这样的困境:明明描述了自己想要的功能,生成的界面却显得简陋、呆板甚至丑陋。问题往往不在于 AI 的能力,而在于提示词的精度和设计语言的可表达性。本文将总结一套系统的方法和常