Week 5
— GAD174 —
— GAD174 —
There is a lot to unpack about colour theory, but as long as you understand the basics of it, you won't make too many mistakes.
We are really good with green for biological reasons in term of evolution (our ancestors and trees), and also for cultural reasons.
It's a good idea to make allowances for those with colour blindness.
Primary colours consist of red, blue and yellow, whereas secondary colours consist of orange, purple and green. A full colour wheel can be formed starting with just the primary colours.
It's easier for people to interpret foreground colours and read words with darker background colours as compared to brighter background colours.
Typography is the art of letters and text.
You should only really stick to three fonts maximum, that being:
Title text;
Subtitle or smaller text; and
Normal text.
It's a good idea to make allowances for those with dyslexia and vision impairment. It's also a good idea to avoid eye-strain.
One technique already demonstrated with helping with dyslexia is to avoid big paragraphs in long text. Make smaller paragraphs if needed.
Simpler fonts can also help with this and also eye-strain.
The Gestalt Principles is about how shapes are perceived with each other. Some examples include similarity, symmetry, closure, past experience, continuity, good figure and simplicity.
Nielsen's 10 Heuristics is a good thing to use for the mid-project reflection for brief 2.
Nielsen's 10 Heuristics for User Interface design include things such as, but not limited to, consistency and standards, user control and freedom, visibility of system status and aesthetic and minimalistic design.
They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.
General rules of UI:
3 fonts maximum;
Strong colour palette;
Only show what’s needed at the time;
Use the Gestalt/Neilson principles when possible;
The style should reflect the game’s aesthetics; and
Test, test, test!
Image: Colour wheels and schemes.
Image: Different fonts with varying legibility.
Image: Some examples of Gestalt Principles.
Image: Nielsen's 10 Heuristics for User Interface design.
Reminder for brief 2: access to pre-unwrapped 3D models have been given out due to a hiccup in Maya that was nation-wide that caused all students to lose access to Maya.
Always follow the provided templates for the projects as it makes it easier for marking.
Mid-project reflections for brief 2 due week 5.
Sites like Poly Haven are allowed for use in brief 2, just as long as the maps are separate and you have to do the layering yourself.
Any kind of programming is not necessary for the project and should only be done if everything else has been ticked off. This does not include using the Unity Event System.
Adobe Colour is good for creating colour palettes and finding colour palettes in images.
Useful links found for brief 2 mid-project reflection:
Picture 1: Creating a menu layout with title text, subtitle text and buttons.
[Header] García, J. (2017). Bright Path [Image]. Unsplash. https://images.unsplash.com/photo-1500408698778-2afa347782f3