Learn more about Device 6’s Design process https://www.artofthetitle.com/title/device-6/

Graphic Design for Game Designers

CS247g: Introduction to Game Design

I often draw a quick self portrait to help me get the document camera aligned correctly.
https://medium.com/subform/better-grid-systems-in-ui-design-tools-495dc35c5791

Start with Visual Hierarchy

Size

From Visme.co
From Visme.co
https://www.impactbnd.com/blog/15-golden-principles-of-visual-hierarchy-infographic

Typography

From Visme.co
https://www.threerooms.com/what-is-a-display-font/
Device 6

Alignment and Proximity

https://visme.co/blog/visual-hierarchy/
Sadly this site seems to be gone, but it’s still a great example. https://nicolamurphy17.wordpress.com/visual-literacy-2/research/the-swiss-grid-system/
from my favorite https://amzn.to/3bny2ro
Via https://www.toptal.com/designers/ui/gestalt-principles-of-design
https://uxmisfit.com/2019/04/23/ui-design-in-practice-gestalt-principles/

Finally

“Same things should look exactly the same, different things should look very different.” Christina Wodtke

Learn More

Designing business, and the business of design. www.eleganthack.com