About | Rules and Guide
Construction1990’s Internet Montage? No!
Please excuse the site weirdness. Mike is fixing and making things.
Ludum Dare 31 — Coming December 5th-8th 2014!

  • ??? Begins: in 7 days, 12 hours, 51 minutes, 14 seconds
  • October Ends: in 8 days, 13 hours, 3 minutes, 14 seconds
  • Ludum Dare 31 begins: in 43 days, 13 hours, 51 minutes, 14 seconds
  • (FYI: Clock might be off) | Ludum Dare 31: Real World Gatherings (Now Open!)

    [ October Challenge 2014 | Resources | Submit/Edit | View All ]


    Gui graphic design?

    Posted by
    July 8th, 2013 1:09 pm

    Just a question: how to make gui s look nice and consistent? Is there any particularly tutorial that is good? I am particularly thinking about html(5) buttons and such.

    Also, I’m searching for how to give a game a nice and consistent look and feel. On mobile and desktop alike. Any tips or tutorials?

    2 Responses to “Gui graphic design?”

    1. jovoc says:

      I don’t know of anything technology specific, but what I’d recommend is to make yourself a “style guide”, which can be as simple as a few mockups of screenshots with every widget that your game will need. Consistant design is more about making decisions and sticking to them, which is harder than it seems. Keep in mind “what is the user trying to accomplish” here, and minimize that friction, use appearance to provide hints and not just fancy eye candy. Try to reduce or eliminate text, even “in-your-face” instructions are often unread.

      It’s hard (perhaps impossible) to make something that works well for both mobile and desktop simultaneously. Essential desktop features (like tooltips) are unavailable on mobile, and vice versa mobile patterns (like multi-touch) are unavailable on desktop. Pick one target and focus on that.

    Leave a Reply

    You must be logged in to post a comment.


    All posts, images, and comments are owned by their creators.

    [cache: storing page]