What's your process for making GUI?

A place to discuss things that aren't specific to any one creator or game.
Forum rules
Ren'Py specific questions should be posted in the Ren'Py Questions and Annoucements forum, not here.
Post Reply
Message
Author
User avatar
vinetabris
Newbie
Posts: 2
Joined: Thu Jun 23, 2016 9:38 pm
Tumblr: demondick
Contact:

What's your process for making GUI?

#1 Post by vinetabris »

i'm an artist but i'm pretty new to making VNs, and right now one of the things i'm really struggling with is making a cohesive and nice looking GUI. it's not something i've really practiced a lot, and tutorials are pretty limited.
anyway, what's your process when you make the GUI for your VN? how do you choose the color scheme? how do you know which shapes or buttons or menus are right? do you make a checklist of the components you need for your vn beforehand or do you make them as you go/when you need them?

User avatar
chocoberrie
Veteran
Posts: 254
Joined: Wed Jun 19, 2013 10:34 pm
Projects: Marshmallow Days
Contact:

Re: What's your process for making GUI?

#2 Post by chocoberrie »

I'm starting out working on my first project, and I bookmarked this GUI checklist that I came across here on the forums! :)

Also check out these posts: One | Two | Three (Auro-Cyanide's comments are particularly helpful!) | Four | Five

And: Cyanide Tea’s Design Basics for GUIs: Part 1 | Part 2 | Part 3 | Part 4

Hope this helps! :)

User avatar
Tyrantauranox
Regular
Posts: 153
Joined: Sat Jun 21, 2014 12:31 am
Contact:

Re: What's your process for making GUI?

#3 Post by Tyrantauranox »

I tend to keep it in placeholder mode until the very late stages of the project. This reduces the chance that I'll make significant changes to the UI after a bunch of art has already been made for it. As far as the visual design goes, I lean towards simple & clean.

User avatar
Otoke_Neko
Regular
Posts: 29
Joined: Mon May 09, 2016 8:08 pm
Completed: Touching Grass with Ain, STLP, Steamed Fish
Tumblr: OTOJANG!, Otoke Neko
Deviantart: OtomeNekos
itch: otojang
Discord: otokeneko
Contact:

Re: What's your process for making GUI?

#4 Post by Otoke_Neko »

I imagine it in my head and ask myself how it matches with the theme of the story and then draw it. If I don't like it, I adjust the design a bit.(Not a good way for some people, but good enough for me.)
I love doing sprites! :lol: And VN scenes!

My Carrd: https://otokeneko.carrd.co/

User avatar
potouto
Veteran
Posts: 309
Joined: Sun Aug 03, 2014 5:21 am
Projects: (งツ)ว
Organization: MOONBBIT☆
Contact:

Re: What's your process for making GUI?

#5 Post by potouto »

I just copy pasta the bullet points chocoberrie made from the advice I gave her previously in our conversation. With a few more details because of the lack of context. Hope you find these helpful!!

Theme - What you're designing fitting within a theme, like the theme of the story? A misleading GUI can create false impression and cause the experience to be off for the player.
Colours - It helps to have a palette, but be open to different values and shades of colour. Think about hues, saturation, lighting, contrast. Those things.
Font - Please love me and don't use any of these yes thanks. Remember to know which font combination works! Look at this guide for directions <3
Shapes and Decorative Elements - adds a lot of appeal, make it fit within the general look/feel of the GUI, lighter game tends to go for softer edges, while darker themes tend to have sharp ends. Modern game retains a lot of straight edges feel to make it clean while fantasy games have a lot more.
Space and Readability - don't clutter the screen or distract the player from the menu functions. Usability is important, it's pretty, yes nice but if the player can't use it fast then that's a big flaw.
Balance and Negative space - first impressions are very important! Too much is bad and too little is also bad, try to find something in between, don't overwhelm your player but don't make them feel lacking.
Study - Do research and look at great design! Looking at a lot of designs will help you figure out what looks good vs. what doesn't. Don't be afraid of being critical to your own work.

That's all I have in mind C: Good luck with designing !!
status: zzz

yeah well | commission | website

Post Reply

Who is online

Users browsing this forum: No registered users