Game Development Stack Exchange is a question and answer site for professional and independent game developers. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm currently wishing to draw up my UI for a 2d game, however I'm not so sure what the normal strategy is for creating the images for a UI. Are there any programmes which are specifically accurate for UI Design or is something like Photoshop perfectly fine?

share|improve this question
You can make Photoshop Accurate if you turn on rulers and use guides. – AttackingHobo Apr 16 '11 at 22:30
What is it You want? You want to know how to make buttons, or how buttons should look so they are user-friendly? – user712092 Jul 30 '11 at 4:07
a) it should be some gradient in GIMP or Photoshop on rounded rectangle. UI can be done with arbitrary images, only that they sometimes have transparency. b) This, Apple GUI guidelines, Gnome guidelines, Microsoft GUI guidelines ... should be a good start. – user712092 Jul 30 '11 at 4:13
-1 This question isn't clear as it stands. Accurate how? Is this about graphical design or UX? @Titus please add details about what your mean so you can get a precise, to-the-point answer. – Laurent Couvidou Nov 28 '12 at 20:37

You can use any graphics tool you are comfortable with. I'm not sure what you mean by "Accurate for UI Design". Besides, are you talking about animations or single images?

I'll assume you are talking about animations. I'm not an artist. But the simple rule is if you made the first image in an animation sequence 50x50 pixels, then the remaining images of the sequence should also be 50x50 pixels. Should and not a must. but it will make the programming issues easier.

Accuracy comes from you.

share|improve this answer

Something like photoshop would be perfectly fine for creating UI images.

As for accuracy, I'm wondering what you mean. If it means "I want my GUI to fit over my game screen", then simply take a screenshot of your game, and use that as the bottom layer in photoshop. If accuracy means "I want the GUI to look like the default (Windows/Mac/Linux/iDevice) GUI", then you can either use native OS calls, a GUI library, get art from the internet, or draw the assets yourself.

share|improve this answer

My favorite tool is a whiteboard. If I ever want to make a design "permanent," I just take a picture of it.

share|improve this answer

To make it clear. Use can use Photoshop or any other image-manipulation or image-editor for 'mock-ups'. This helps you decide the color of each element of your GUI and the look-n-feel of it.

To actually design your UI, you will need a custom application, i.e. not Photoshop, to create your GUI and save the 'layout' (and associated images or sprites) to a file, which can be loaded by the game you're targeting the UI for.

share|improve this answer

You might want to use something like this to create and implement UI using HTML5, CSS3 and JavaScript.

share|improve this answer
It's preferred if you disclose your association with the products you're suggesting. – Byte56 Nov 28 '12 at 17:34

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.