- General Learning
|ID||Status||Learning Item||Type||Related Project||Date Completed|
|1||Not Started||Design for Non-Designers||Video|
|2||Not Started||Learn UI Design Fundamentals||Course|
|3||Not Started||Grid Systems in Graphic Design by Josef Muller Brockmann||Book|
Introductory design videos
An introduction to design video series compiled from http://dylanbritz.com/post/web-developer-roadmap-for-2021.
- Beginning Graphic Design: Fundamentals (6m)
- The Principles of Design . . . Defined! (2m)
- Typography Tutorial - 10 rules to help you rule type (4m)
- How To Use Color — Color Basics (7m)
- Layout and space in UI design (7m)
- Perfecting Contrast in UI Design (13m)
Any connecting segment between two or more points.
Weight, color, texture, and style all greatly influence the “tone” expressed by lines.
When paired with text, lines can convey organization, emphasis, or help direct users.
Any 2D object with a recognizable boundary.
Two key classifications of shapes:
- Geometric (Regular)
- Think circles, rectangles, and stars.
- Freeform shapes, such as a bean.
Shapes can help to organize information, convey information themselves through illustrations, and add visual interest.
Forms can exist either in the real world, or be implied through the use of light, shadow, and perspective to give the appearance of depth.
The use of forms can give a sense of realism and place to elements in a composition.
The physical quality of a surface.
Textures can be three dimensional or implied, similar to forms.
They add depth and tactility to images, which can add interest. Too much texture, however, can be overwhelming to viewers.
The equal distribution of visual weight, or how much every element in a design attracts the viewer’s eye.
- Negative space
Developing balance takes intuition and practice.
There are two main types of balance:
Asymmetrical balance follows the Rule of Thirds:
Given a 3x3 grid overlaying the scene, the focal object is placed on one of the lines.
The reasoning for this is that, typically, the human eye will follow a similar path when scanning an image.
Tertiary colors are the half-steps between all primary and secondary colors, and this forms the Color Wheel.
Hue Saturation Value