UI: Difference between revisions

From Goob Games
(initial UI page)
 
(wip of notes from intro to design video)
Line 1: Line 1:
Hello this is where Mercedes will do a bunch of UI design work, research, documentation, etc.
Hello this is where Mercedes will do a bunch of UI design work, research, documentation, etc.
= Learning =
== Intro to Design ==
Watch the video [https://youtu.be/0YrPpraXkBY?si=Co4P-0aswHUEgmnj here]
=== Notes ===
* Generate a handful (around five) key design words to keep in mind when designing a <u>specific</u> element
** Creates a design language to adopt to an IP
** <u>Examples</u>:
*** <u>Streamlined</u>: lines that pick up acceleration/speed
*** <u>Retro</u>: using lines/curves that are no longer used today
*** <u>Whimsical</u>: playful/toylike
*** <u>Cool</u>: prompts immediate "that's cool" reaction
*** <u>Animalistic</u>: life-like features, mean or cute features
*** <u>Utility</u>: for a specific tool or function
*** <u>Sturdy</u>: can handle some damage and continue functioning as normal
*** <u>Beautifully ugly</u>: bizarre but holistically good-looking
*** <u>Powerful</u>: strong, very capable of extreme function
*** <u>Professional</u>: would require training to learn how to use
* Preparing a design board
** Construct a board of design <u>influences</u> where the reference images encompass one or more of the design words in your selected design language
** References do not all have to be in direct reference to the object you are designing
*** Meant to invoke more of an aesthetic feel and provide elements of inspiration
* Sketches

Revision as of 00:53, 4 November 2023

Hello this is where Mercedes will do a bunch of UI design work, research, documentation, etc.

Learning

Intro to Design

Watch the video here

Notes

  • Generate a handful (around five) key design words to keep in mind when designing a specific element
    • Creates a design language to adopt to an IP
    • Examples:
      • Streamlined: lines that pick up acceleration/speed
      • Retro: using lines/curves that are no longer used today
      • Whimsical: playful/toylike
      • Cool: prompts immediate "that's cool" reaction
      • Animalistic: life-like features, mean or cute features
      • Utility: for a specific tool or function
      • Sturdy: can handle some damage and continue functioning as normal
      • Beautifully ugly: bizarre but holistically good-looking
      • Powerful: strong, very capable of extreme function
      • Professional: would require training to learn how to use
  • Preparing a design board
    • Construct a board of design influences where the reference images encompass one or more of the design words in your selected design language
    • References do not all have to be in direct reference to the object you are designing
      • Meant to invoke more of an aesthetic feel and provide elements of inspiration
  • Sketches