openharmony 鸿蒙 app-page-structure-design

应用页面结构设计 通用页面结构 应用程序由多个页面组成。我们将常见的页面进行了梳理,总结了以下常用的页面结构。 启动页面 针对内容型应用,应用首页内容的获取需要花费一定的时间,此时可以使用启动页缓解页面加载内容的等待感。启动页可以展示应用的品牌形象或者广告,避免让用户等待过长时间。没有网络加载内容的应用,不需要使用启动页。
阅读全文

openharmony 鸿蒙 app-navigation-structure-design

应用导航结构设计要求 应用中的导航用于引导用户在应用的各个页面进行浏览。好的导航让用户知道身处何处,去往何方,以及来自哪里。 导航的原则 导航需要遵循以下原则:
阅读全文

openharmony 鸿蒙 animation-overview

概述 OpenHarmony生长动效,围绕回归本源设计理念,打造自然、流畅、品质一体的运动,提供明确的反馈和视觉指导,丰富视觉体验,让状态传达栩栩如生。“生长”是自然界中万物必须经历的过程与规律,通过生长,万物不断变化并在其中表现丰富多样的形态。我们将其提炼转化并运用于操作系统的动效设计中。
阅读全文

openharmony 鸿蒙 animation-design-principles

设计原则 在设计动效过程中,要清楚地理解动效在系统中承载的作用,动效能体现页面的流畅过渡、对象的明确提示、元素的层级关系、产品的品牌印象等。动效要始终围绕操作符合用户心理预期,物体运动符合真实世界,元素表现形态凸显产品的品牌与调性。
阅读全文

openharmony 鸿蒙 animation-attributes

动效属性 任何类型的动效都包含三大基本的动效属性:时长、曲线、帧率。这些基本属性形成了动效不可缺少的基本要素。通过组合这些基本的动效属性,可以塑造产品动效的不同风格特点,例如稳重、活泼、轻盈、舒缓等。
阅读全文

openharmony 鸿蒙 adaptive-layout

自适应布局 自适应布局是通过设定元素与外部容器的相对关系实现的。当外部容器大小、位置等发生变化时,元素即可以根据相对关系自动变化以适应外部环境的变化。通常自适应布局能根据vp/px变化进行无级连续的变化。
阅读全文

openharmony 鸿蒙 Readme-CN

OpenHarmony应用UX设计规范 应用UX设计原则 应用架构设计 应用导航结构设计要求 应用页面结构设计 界面布局 概述 布局基础 栅格系统 自适应布局 响应式布局
阅读全文