用户体验设计
  1. 首页
  2. IT互联网
  3. 用户体验设计

列表

HarmonyOS 6 实战：用 AnimatorResult 实现 3D 模型帧驱动旋转与惯性滑动

HarmonyOS 6 实战：用 AnimatorResult 实现 3D 模型帧驱动旋转与惯性滑动

文章目录 前言 一、AnimatorResult 帧驱动机制 1.1 为什么不用定时器 1.2 创建无限循环的帧驱动 Animator 二、惯性衰减算法 2.1 指数衰减原理 2.2 角度限制 三、触摸速度采样 3.1 基于时间差的速度计算 3.2 触摸事件使用 windowX 而非 x 四、完整的帧驱动旋转状态管理 4.1 状态变量设计 4
用户体验设计 2026年04月19日
Vue 3 生态工具实战：UI 组件库与表单验证完全指南

Vue 3 生态工具实战：UI 组件库与表单验证完全指南

        Vue 3 的生态系统如今已枝繁叶茂，成熟的 UI 组件库能让我们快速搭建出专业级界面，而完善的表单验证方案则是数据准确性的坚实保障。本文将从安装配置、基础使用到进阶技巧，深度拆解 Element Plus、Ant Design Vue 两大主流 UI 库，以及 VeeValidate、Element Plus 原生表单验证的
用户体验设计 2026年04月16日
HarmonyOS6 半年磨一剑 - RcInput 组件清空、密码切换与图标交互机制

HarmonyOS6 半年磨一剑 - RcInput 组件清空、密码切换与图标交互机制

文章目录 前言 一、清空按钮机制 1.1 清空按钮的显隐逻辑 1.2 清空操作的完整处理链 1.3 两种 clearTrigger 对比演示 二、密码显隐切换机制 2.1 切换按钮的可见性判断 2.2 切换状态与 InputType 的联动 2.3 密码输入完整演示 三、后缀图标的优先级仲裁 3.1 为什么需要优先级仲裁 3.2 优先级设计的合理性 3.3
用户体验设计 2026年04月16日
CSS 滚动驱动动画：让滚动成为交互的一部分

CSS 滚动驱动动画：让滚动成为交互的一部分

CSS 滚动驱动动画：让滚动成为交互的一部分 CSS 是流动的韵律，JS 是叙事的节奏。而滚动驱动动画，是让用户的每一次滚动都成为视觉体验的一部分。 一、滚动驱动动画的魅力滚动驱动动画（Scroll-Driven Animations）是 CSS 的新特性，它允许动画的进度由滚动位置控制，而不是
用户体验设计 2026年04月16日
Rust WebAssembly与Three.js结合的3D数据可视化实战：高性能粒子系统

Rust WebAssembly与Three.js结合的3D数据可视化实战：高性能粒子系统

Rust WebAssembly与Three.js结合的3D数据可视化实战：高性能粒子系统 一、引言💡3D数据可视化是现代Web应用的高级场景之一，广泛应用于数据分析、科学计算、游戏开发、虚拟仿真等领域。传统的JavaScript+WebGL/Three.js方案在处理大量数据（如百万级粒子）时，性能往
用户体验设计 2026年04月16日
16. 微交互设计模式解析：让界面更有生命力

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

16. 微交互设计模式解析：让界面更有生命力引言微交互是用户与界面之间的小互动，它们虽然微小，却能给用户带来巨大的愉悦感。作为一名把代码当散文写的 UI 匠人，我始终认为：好的微交互不是简单的动画效果，而是与用户的情感对话。就像一首好的音乐，不仅要有优美的旋律，更要有细腻的细节。微交互&
用户体验设计 2026年04月16日
前端拖拽交互实现：别再只会用原生拖拽了

前端拖拽交互实现：别再只会用原生拖拽了

前端拖拽交互实现：别再只会用原生拖拽了毒舌时刻 这代码写得跟网红滤镜似的——仅供参考。 各位前端同行，咱们今天聊聊前端拖拽交互。别告诉我你还在用原生的HTML5拖拽API，那感觉就像在用诺基亚手机——能打电话，但体验太差。为什么你需要拖拽交互最近看到一个项目，拖拽功能全靠原生API实现，卡顿、不流畅，
用户体验设计 2026年04月16日
从7天到30秒：AI可交互原型，正在终结B端设计的无效内耗

从7天到30秒：AI可交互原型，正在终结B端设计的无效内耗

开篇：B端设计困局，藏在68%的项目内耗里《2025年中国数字产品设计行业发展报告》显示了一组扎心的行业数据：68.7%的B端产品研发项目中，原型设计与需求对齐环节占总项目周期的35%以上；72.3%的UI/UX设计师，每周有超过20小时消耗在重复的组件搭建、页面复刻、交互配置等机械性工作中；更有5
用户体验设计 2026年04月14日
UI 微交互设计模式：让界面呼吸的艺术

UI 微交互设计模式：让界面呼吸的艺术

UI 微交互设计模式：让界面呼吸的艺术前言好的界面不是静态的画板，而是有生命的有机体。微交互就像是界面的呼吸，是用户与产品之间最细腻的情感连接。今天，我想和大家分享一些我在实践中总结的微交互设计模式，希望能给你的设计带来一些灵感。什么是微交互？微交互是用户与界面之间的微小互动，通常发生在单一任务的完成
用户体验设计 2026年04月14日