- 博客(6)
- 收藏
- 关注
RSS订阅原创 UI设计规范-集合（HarmonyOS）
1.⼀致性的交互定义，遵循统⼀的交互逻辑，提⾼产品的易学易⽤性2.标准化设计，⼀次开发满⾜所有⻋机屏幕适配，简单⾼效。
2025-02-17 16:09:27
1726
2
原创 ui车载规范的图标与热区
控件交互⾏为中最常⽤到的点击/滑动等，交互对象包含icon、图⽚、⽂字按钮等元素，为确保⽤户的可读性和操作的易⽤性，图标按钮及热区需 满⾜规范要求。• 元素通过定义在组件内的四个边距，当控件发生宽度/高度变化时，保证边距固定的• • 前提下对内容进行拉伸。• 当组件内元素横向布局，元素间的距离是固定时，布局可显示元素的数量随着显示宽度的改变而发生改变。• 组件内元素根据当前和组件的横竖比例关系，当组件缩放时一起缩放。• 组件内元素根据当前个数和组件的宽度，均分各个元素之间的间距。
2025-02-02 11:30:00
801
原创 【无标题】
• 控件内的元素类型以及数⽬不做限制，可根据需求对图⽚、图标、⽂字等各类元素进⾏组合，但必须满⾜相应的尺⼨⼤⼩规范；• 任务交互中需要⽤户阅读和处理的⽂字信息，⽂本⻓度最多不超过20字（600字/分钟，确保2秒内阅读完成）。• 控件提供三种⾄少形态：初始、⾼亮、置灰，来表现控件的操作状态：默认、选中、不可⽤等。• ⽂本中的字号使⽤需要体现层级区分，上下层级内容之间的字号差距保持4-6sp。文本段落间隔可选择4px、8px、16px，24px，48px，• 控件尽可能使⽤点击按钮，避免或少⽤滑动控件。
2025-01-31 17:30:00
218
原创 ui车载设计的设计与人因
定义：1920*720/160dpi尺⼨的横屏为基础，预留status bar和dock区，由此可得应⽤区域尺⼨约为1680*630（dp）。考虑不同⻋辆屏幕之间的尺⼨差异；其中Cotent Area为主要的应⽤显示区域，以界⾯结构来看，应⽤区域与⻋机屏幕在宽⾼⽐上基本保持⼀致；由于条⽬栏所占⽤的屏幕⾯积较为狭⼩，应⽤与 整体屏幕的尺⼨差异较⼩，若考虑部分特殊应⽤可能的全屏需求，界⾯变化也较为可控。将⻋内⼈因数据以物理尺⼨进⾏换算，屏幕的横向可⽤区域约30-40 公分，近似于12英⼨横屏宽度（24:9）；
2025-01-28 16:45:00
296
原创 UI车机设计规范概述
1.内容易读性：图⽂信息清晰易读，字号、⾊彩⽅案标准，并满⾜夜间/暗光/炫光场景下的显示效果，保证⽩天和夜间的阅读效率；控制任务内容的信息量，包含图⽚⼤⼩、图标数量和⽂本⻓度，使⽤户能在2秒内完成阅读，获取主要内容；2.控件易⽤性：合适的控件位置布局，避免控件距离太远⽤户难以触及和可能导致的驾驶分⼼。3.界⾯⼀致性：统⼀的图标、语⾔和交互形式，减少驾驶员所需要的学习成本，功能的可⽤状态与不可⽤状态进⾏明确区分，并清晰的呈现给⽤户。1.⼀致性的交互定义，遵循统⼀的交互逻辑，提⾼产品的易学易⽤性。
2025-01-27 20:30:01
334
原创 UI通用设计基础——视觉——风格色彩
色彩设计理念与基础色调 HarmonyOS NEXT 色彩设计注重品牌色展示与系统色彩对比，以实现视觉连续和界面关联，面向所有人群，秉持包容理念。其系统色调受 “鸿蒙宇宙” 世界观启发，宇宙蓝和雪域灰构成基础，宇宙蓝带来纯净宁静，雪域灰用于卡片背景烘托纯净感。 色彩分层构建 构建对比关系：色彩分层的核心是构建不同使用场景下的对比关系，每个颜色都有专属 ID。这有助于处理不同层级间的对比差异，并保证同层级色彩一致。系统组件虽有默认分层参数，但应用自定义组件规格时，需重新梳理背景、文本等色彩的正确映射
2025-01-09 20:52:52
659
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人