Process for developing UI resources

Required Tools:

• Figma or Adobe XD

• Excel or Google Spreadsheet

• Krita or Mypaint

• Gimp

Required Resources:

• Client Requirements Documentation

• Figma Project (Mockups)

• UI Style Guide

Tips:

• Remember considerate the UX for each stage.

• Posible options:

  • If the client includes the UI Pack with all the resources.

  • If the client includes the UI Pack with a part of the resources.

  • If the client does not include an UI Pack.

• Review the UI Pack files and check the structure.

Base Steps:

1. Take the Requirements (Get Referents)

   • Questions Client

   • Questions Resources

2. Make the Approach

3. Make the Commercial Proposal

Concrete Steps:

4. Make the Resources.

• Buttons
• Panels
• Sources
• Icons
• Pop ups
• Fonts
• Video Game Icon
• Progress Bars
• Toggles
• Others

5. Generate Color Palette Proposal.

6. Creating final mockups.

7. Final Delivery

1. • Fonts (".ttf" or ".otf")

   • Backgrounds (".png" + ".psd")

   • Panels (".png" + ".psd")

   • Mockups (".png" + ".psd")

   • Atlas (".png" + ".psd")(optional Aspect Ratios: 1:1, 1:2, 1:4, 1:8, ... 1:(N-1)*2)

   • Figma Project (ownership)