📕 Read the Art Manual here

Welcome here! This guide has been designed to help external studios with very short production time achieving efficient UI thanks to simple Do and Don't. You'll definitely not regret it when you'll be used to these basics tips!

CANVASES

• Use as many Canvases as different screens to improve your performances (Win, Lose, In-game, etc.). It'll prevent refreshing the whole UI when modifying an object at runtime.
• For all your canvases choose Scale with Screen Size as UI Scale Mode and use Full HD portrait resolution (1080x1920 pixels)
• Create a prefab for each of them to make collaborative work easier and iterate faster!

SPRITES COLORS

• Use white sprites to be able to change the color inside Unity!

9-SLICED SPRITES

Use 9-Sliced sprites to resize your image without any deformation. (Create rounded squares from a simple circle!)

• Unfold to see how to do it!

✅ With 9-slice

❌ Without 9-slice

Don't scale your sprites!

• Change Pixels Per Unit Multiplier to modify corner's size!
• Go to the Inspector and modify Pixel Per Unit Multiplier value 👍

Button thickness

• Use Shadow Component to add thickness to your buttons (Note: You can add multiple shadow components 💡)

TextMeshPro

• Use TextMeshPro instead of basic Text to avoid bad quality or blurry results 🔍

Create font Material Preset

• Duplicate your TMP font's material with CMD+D or CTRL+D from your Project, then rename it to create a new Material Preset in the TMP Font Asset droplist.
• Try to use only one font if possible as 1 font = 1 texture.

<aside> 💡 NEVER duplicate the TMP font file itself as it will result in duplicated textures!

</aside>