UI Map Base Specification ​

Photo Format: ​

Tga、PNG、Jpg、Jpeg

Image size: ​

To ensure optimal project performance:

• All UI resource sizes are guaranteed to be divided by 4.
• Try to use as many cells as you can to shrink to the minimum size stretch area and reserve 8PX.

Nine-cell resource size equal to or less than 256x256

• Non-nine-gable resource sizes need to meet the following specifications:

  • The in-game Icon icon is less than or equal to 256x256.

  • icon of that common button type are less than or equal to 512x512,

  • Conventional Button Body (without Projection): Small (220x72), Medium (280x92), Large (312x100)

  • Window no more than 1920x1080

  • Conventional window body (without projection): Small (800x400), Medium (1200x700), Large (1600x892)

  • Labels no more than 256x256

  • Box size not exceeding 512x512

  • Baseboard no more than 1920x1080

  • Slide up to 1920x1080

  • Images such as vertical and background drawings are less than or equal to 2048x2048

  • If and only if the background image has duplicate patterns, the background image needs to be split into four consecutive maps: 256x256

Depending on the actual material accuracy, it is recommended to keep it as small as possible rather than outputting it all to the upper size limit.

Resource Naming Convention: ​

UI_Project Name: Resource Name (Be careful not to use particularly simple words such as buttons, weapons, coins, etc.)

Tangential Position Specification: ​

• Usually, icons need to be centered up and down, leaving a safe margin.

Nine-Grid Resources: ​

• Nine-Grid Resource Judgment:

In general, images with distinct borders and padding areas (without patterns or textures), such as buttons, dialog boxes, panels, etc., can be made into Nine-Grid resources. This saves memory space while maintaining image clarity and beauty.

Keep at least 8PX stretchable areas