UI: Difference between revisions
(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