1. Static AOD Styles (EMUI 10.X)

2. Dynamic AOD Styles （EMUI 11.0）

3. AOD Development Process

4. Demo 1: Static Digital Background Clock Design & Development

4.1 Design Preparing (AOD Specification)

4.2 Step 1: Create AOD

1. Click and open Huawei Theme Studio.

2. Click New Project.

3. Enter the Chinese and English names, set Version to EMUI10.1, and Project Type to AOD.

4.3 Step 2: Select AOD style

1.Select Digital style (ensure that is selected). 

2.Turn on the Clock background switch. Select Position 1.

4.4 Step 3: Replace the designed background image

1. Import the designed background image for replacement.

4.5 Step 4: Adjust the color of the text

1. Adjust the color of the text to be consistent with the AOD design.

4.6 Step 5: Import the cropped images of the designed numbers

Import the cropped images of the designed numbers. Both single clock and dial clock need to be imported.

4.7 Step 6: Take a screenshot to generate a preview image

On the single clock and dual clock screens, capture screenshots to generate preview image.

4.8 Step 7: Change the Design Concept

 Import the image of the design concept.

4.9 Step 8: Export the AOD file

1.Click Export and enter related information. 

2.Save the prepared AOD file.

Note:

1. AOD Name (English), Chinese, Developer Name, and Designer Name (The four items cannot be modified after go-live.)

2. The designer name is bound to the developer alliance account of the designer.

3. Version number: AOD version number. Enter 10.0.0 for the first version. Change it to 10.0.X for subsequent updates.

5. Demo 2: Static Analog BClock Design & Development

5.1 Design Preparing (AOD Specification)

5.2 Step 1: Create an AOD

1. Click and open Huawei Theme Studio.

2. Click New Project.

3. Enter the Chinese and English names, set Version to EMUI10.1, and Project Type to AOD.

5.3 Step 2: Select AOD style

1.Select the Analog clock style (ensure that is selected).

5.4 Step 3: Import the cropped images of analog clock

Import the designed picture for replacement. Both the single clock and dual clock need to be replaced.

5.5 Step 4: Adjust the color of the text

After the data is imported in dual-clock mode, adjust the text color to be consistent with the image color.

5.6 Step 5: Take a screenshot to generate a preview image

On the single clock and dual clock screens, capture screenshots to generate preview image.

5.7 Step 6: Change the Design Concept

Import the image of the design concept.

5.8 Step 7: Export the AOD file

1.Click Export and enter related information. 

2.Save the prepared AOD file.

Note:

1. AOD Name (English), Chinese, Developer Name, and Designer Name (The four items cannot be modified after go-live.)

2. The designer name is bound to the developer alliance account of the designer.

3. Version number: AOD version number. Enter 10.0.0 for the first version. Change it to 10.0.X for subsequent updates.

6. Demo 3: Dynamic Image AOD Design & Development

6.1 Design Preparing (AOD Specification)

7. AOD Design Limitation

The ratio of non-black pixels of the background image, digital clock, font, and icon to the total pixels on the screen is less than 15%.

Design background images based on the following rules. Using one of the following layouts will make it easier to get your images approved.

8. AOD preview image

The directory contains the following files:

cover_aod.jpg: used for preview display in the AOD zone in the theme market.

preview_aod_0.jpg and preview_aod_1.jpg: used to display the AOD details page in the theme market.

Note:

preview_aod_0.jpg must be the actual preview image of the screen-off effect.

preview_aod_1.jpg is the design concept diagram of the screen-off effect.

8.1 Tips: What’s of resources can be converted into AOD?

9. AOD Common Rejection Reasons