登录社区云,与社区用户共同成长
邀请您加入社区
手势动效的设计是为了让用户在使用交互手势时,交互对象与用户手势建立流畅的操作反馈感,通过弹性曲线等物理模型,还原真实可行的手势操作体验。点击、滑动、翻动、夹捏、拖拽。理念层:以“引力”为核心,追求自然、流畅、品质一体的操作体验,通过“力的即视感、秩序感、控制感”三个维度落地。原则层:六条设计原则(自然流畅、简洁高效、快速响应、运动一致、隐藏等待、凸显品牌)为所有动效设计提供评判标准。属性层:时长、
本文系统解读HarmonyOS NEXT设计规范中的色彩体系,揭示其以“包容性、连续性、层级感”为核心的设计理念。文章详细剖析了色彩系统的三层Token结构(基础参数、语义参数、控件参数),阐述如何通过透明度映射构建有序的视觉层级,包括文本/图标的四级对比度体系、组件容器分类及交互状态色彩处理。特别强调多窗口场景下背景色的非透明原则,并提供完整的语义Token对照表,帮助开发者理解色彩系统的内在逻
本文介绍了如何使用Flutter实现符合鸿蒙设计规范的阴影和圆角效果。通过BoxDecoration、BoxShadow和BorderRadius等组件,开发者可以在「鸿蒙特性展示台」应用中创建不同层级的阴影(无阴影、小阴影、中阴影、大阴影)和各种圆角尺寸(4px、8px、12px、16px)。核心代码展示了如何构建阴影卡片组件,包括容器设计、标题样式、阴影效果展示以及组件间距设置。文章提供了详细
文章摘要 本文介绍了鸿蒙应用开发中导航栏与顶部栏的设计规范及实现方案。基于HarmonyOS Design的大标题栏规范,作者将导航栏封装为可复用的HmTitleBar组件,包含左侧返回按钮、居中标题和右侧操作区三部分结构。组件支持主副标题、返回按钮、图标/文字操作按钮等配置项,并提供了淡入动画效果。文章详细解析了组件的实现源码、布局结构、Props配置以及在各页面的使用实例,帮助开发者快速实现符
最近在做一些鸿蒙应用时,我想到一个问题。从设计稿到鸿蒙页面代码这个过程中,有多少前期工作可以交给AI完成?以前的协作流程其实很固定,中途需求调整,就要重新修改设计稿、重新同步开发、重新适配。尤其是电商类项目,首页、商品详情页、购物车、个人中心、订单列表,各种列表和卡片组件非常多。很多开发时间其实并不是花在业务逻辑上,反而是。。
现在做鸿蒙项目,最不划算的事情,大概就是把大量时间花在纯 UI 还原上。当设计稿本身开始具备结构、语义和组件意识,设计稿生成 ArkUI 代码这件事,才真正有意义。D2C 功能的价值,就是尽可能地压缩设计和开发之间的“翻译”成本,让设计师的意图更无损地变成工程师的代码。虽然眼下还做不到“一键生成整个应用”,但至少能把大量重复的 UI 结构先铺好,剩下的时间,用来处理状态、交互和业务逻辑,这对实际开