harmony 鸿蒙Resources

2025-06-12
浏览 (4)

Resources

This topic provides the following information for UX designers and developers:

OpenHarmony System Resource Layer Design V1.0.xlsm, where you can get the scenarios, IDs, and more of layered parameters
OpenHarmony Weather Application UX Design Deliverable V1.0.zip, where you can get a sample of standard design deliverables
OpenHarmony_Icons.zip, where you can get OpenHarmony icons
OpenHarmony Application Icon Templates.zip, where you can get OpenHarmony application icon design templates

OpenHarmony System Resource Layer Design lists the IDs of available system resources in OpenHarmony and their values on different types of devices. It consists of six sheets, as described below.

Sheet	Description
Application Color Parameters	Color-related system resources that can be used during application development.
Application Rounded Corner Parameters	System resources related to rounded corners that can be used during application development.
Application Font Parameters	Font-related system resources that can be used during application development.
Application Spacing Parameters	Spacing-related system resources that can be used during application development.
Service Widget Parameters	System resources that can be used during service widget development.
Quick Reference for Opacity Values	A quick reference for converting opacity between percentage and hexadecimal representations.

NOTE - You are advised to use application-related system parameters during application development and widget-related system parameters during widget development.

A system parameter has different values on different device types. Currently, only system parameter values on the default device are provided. Values for others device types will be provided later.

Colors can be expressed in the form of RGB or ARGB. The color represented by RGB is completely opaque, and the opacity of the color represented by ARGB is determined by A (alpha channel). For example, #7FFF0000 indicates red with 50% opacity, and #FFFF0000 and #FF0000 indicate red with 100% opacity.