★ TouchArcade needs your help. Click here to support us on Patreon.

UI design

05-13-2010, 09:26 PM
#1
Joined: Oct 2009
Posts: 249
UI design

Hi,

I want to learn how to make nice UI for games, kinda hate the way my game menus looks now.

Do you know any good tutorials for Photoshop or any other paint program?

I'm not an artist, but I believe UI can be made by non artistic person if you know tools well enough?

Start your engines gentlemen, Vector Rally is out!

---
Twitter: http://twitter.com/VectorRally
05-14-2010, 02:04 AM
#2
Joined: Sep 2009
Posts: 610
Pro Motion is really good for pixel artwork.

05-14-2010, 12:41 PM
#4
Joined: Aug 2009
Location: Argentina
Posts: 264
Quote:
Originally Posted by eJayStudios View Post
I'm not an artist, but I believe UI can be made by non artistic person if you know tools well enough?
I think you can design a good GUI if you're not an artist and if you were using standardised components (like in most non-game apps) you should have no problem making it.

But GUIs for games are much more complex as the UI is usually all custom-made. Good graphics (for the interface as well as for the game) are not about the tools you use.

Having said that, if you can't afford an artist to make the GUI and you're going the DIY route I'd give you the following advice:
  1. Keep your GUI graphics as simple as possible (maybe solid colors and an outline, not much more)
  2. If you're using Photoshop, go easy on the layer effects. If you're going to use them, just pick one, alter the default parameters, and use the same everywhere
  3. Try to use as few colors as possible, make them mean something (e.g. green = good/ok/go red = bad/cancel/stop)
  4. Try to use as little text as possible, but if you include text look for a good font and avoid standard ones (Arial, etc.) Use as few fonts as possible throughout your GUI.

Of course, those are not rules, just some advice, and I'm assuming you have enough of an artistic sense to take advantage of it...

You may find some of the tutorials on this site interesting: http://www.guistuff.com/tutorials.shtml

Mariano Ruggiero // Follow me on Twitter (@ArtCoder) // Check out our games:
NEW! Elemental Rage - metroidvania-style adventure platformer
Silent Swords // Silent Swords ZERO // Crunchy Planets
05-15-2010, 01:31 AM
#5
I use Xara Xtreme 5 for my apps and considering I'm not really an artist it's very easy to use and get reasonable results. The price is good too, less than $100 i think.
05-15-2010, 05:50 AM
#6
Joined: Apr 2010
Location: Europe, Latvia, Riga
Posts: 35
Quote:
Originally Posted by ArtCoder View Post
But GUIs for games are much more complex as the UI is usually all custom-made. Good graphics (for the interface as well as for the game) are not about the tools you use.
Right to the point ArtCoder. Can't agree more with you.
For games it's all about style. Have you seen Tip-Top: Last March game?
The game itself (engine/code) aren't that hard but the visual style just rocks it.

a3team - founder
web: www.a3team.com
games in AppStore: Arco Pong, Avoid Maze, Sam the Fish
05-17-2010, 06:31 PM
#7
Joined: Oct 2009
Posts: 249
Thank you guys, lots of good info and advices!

I understand that good artist can do much better job in game UI design than coder, but then again, menus in my game was made by an artist.

He did a good job on tracks, really like his style etc, but menus looks kinda crap.

I don't need to do anything super fancy, just to look a bit sexier.

If I fail, do you guys know a good artist who can make nice UI without breaking a bank?

Start your engines gentlemen, Vector Rally is out!

---
Twitter: http://twitter.com/VectorRally
05-17-2010, 08:22 PM
#8
Joined: Sep 2009
Location: Vancouver, Canada
Posts: 977
Send a message via MSN to MindJuice Send a message via Skype™ to MindJuice
You can get some reasonably good work from some providers on Elance.com.

Just make sure that they agree to do unlimited revisions until you are happy.

Many list this as one of their selling points as an Elance provider.

Some providers are 10x the price of others, so try to make sure you have a large number of proposals before accepting any of them. That way you can compare prices to see who is asking too much.