L8: Imaging and Design for Social Impact Flashcards
It is a process in which we use typography, images, colors, icons, and other illustration to communicate visually.
Graphic Design
The term was first coined in 1992 as he
called himself a “graphic designer”.
William Addison Dwiggins
When was “graphic designer” first used?
1992
What are the basic elements of graphic design?
Line, shape, form, and texture
A kind of shape which connects two or more points. It is considered as one of the essential elements of graphic design.
Line
Lines can be:
Thick, thin, curved, or jagged
It is a two-dimensional external boundary of an object.
Shape
Any object outline that height and width can be considered as a:
Shape
2 major categories of shapes in design:
Geometric shapes and Freeform shapes
A three-dimensional shape.
Form
What attributes create a form?
Shadows, perspective, depth, and texture (sometimes)
It refers to the physical quality of the surface of an object in an artwork or design.
Texture
It also refers to how an object looks or feels.
Texture
Texture can be
3D (real texture) or 2D (visual texture)
It is the creation of visual equilibrium by relating elements such as line, shape, color, space, or form in terms of their visual weight
Visual Balance
The two kinds of visual balance are:
Symmetrical Balance and Asymmetrical Balance
It is when both two sides of a piece are equal, each half is identical or visually similar to the other half
Symmetrical Balance
Both sides of your composition do not contain the same elements but contain almost the same visual weight.
Asymmetrical Balance
It is simply what people think about you, your company, your product, or your service
Branding
It is the visual representation of a brand. It can be in the form of image, choice of color, typography, and many more.
Identity or visual identity
These are the building blocks of design.
Layout and composition
These focus on the arrangement of
your objects or elements in your design.
Layout and composition
Give the 5 basic principles of layout and composition:
Proximity, white space, alignment, contrast, and repetition
It is the process of placing related elements together. Elements that are not related to that group should be separated to show that these elements are not related to that group.
Proximity
It is not literally the white spaces that you found on the design but rather the negative space between lines, paragraphs, and elements on the
design.
White Space
Large spaces between contents and elements.
Macro White Space
Mini spaces between paragraphs, lines, menu items, or other elements in a design composition.
Micro White Space
It helps designers to organize different elements in their composition. Effective use of this gives your composition a definitive structure and a creative balance
Alignment
Alignment may be:
Left, centered, right, or justified
It means one element is opposite to the other element. This applies to colors, typeface, and size of elements.
Contrast
It helps you to catch the viewer’s eye, create a direction, or giving emphasis to something
Contrast
It means to use the same typefaces, color palettes, or other elements to achieve consistency in your composition.
Repetition
This creates unity in your composition or makes your projects connected to each other.
Repetition
It is the art of arranging texts that makes it readable and appealing to the viewer.
Typography
Typography involves:
font style, typeface, and text structure
It refers to the variation of weights of a typeface
Font
It refers to the text style
typeface
It also refers to the format or storage mechanism of a text like .otf and .ttf.
Font
These are very essential to your compositions.
Colors
Refers to pure, vibrant colors
Hue
Refers to the intensity of the color. It ranges from black and white (or grayscale) to vibrant color.
Saturation
Refers to the lightness or darkness of a color.
Value
A circular diagram of colors is called:
Color wheel
What are the 7 color schemes?
- Monochromatic color schemes,
- Achromatic color schemes
- Analogous color schemes
- Complementary color schemes
- Split-complementary color schemes
- Triadic color schemes
- Tetradic color schemes
This color scheme only focuses on one color, and often using variations by incorporating saturations or values.
Monochromatic color scheme
This color scheme only revolves on using desaturated colors like black, gray, and white.
Achromatic color scheme
It selects a group of three
colors that are adjacent to the
color wheel.
Analogous color scheme
These colors are directly opposite
to each other in the color wheel. Usually,
a combination of primary and secondary colors.
Complementary Color Scheme
It uses the colors on both sides of the opposite
color.
Split-complementary color scheme
This color scheme uses colors that form an equilateral triangle. It may be a combination of primary, secondary, or tertiary colors.
Triadic Color Scheme
This color scheme uses two pairs of
complementary colors.
Tetradic Color Scheme
Another term for Tetradic Color Scheme.
Double complementary
This includes photographs, graphics, and other illustrations.
Image
Having these in your composition makes it
appealing to the eyes of your viewer.
Images
There are different file types of images, and they are grouped into two categories:
Vector and Raster
A type of image that does not lose its quality when zoomed in. Your image will not be pixelated when enlarged
Vector
These images become pixelated when
enlarged
Raster
Vector Image File Extensions:
Encapsulated Postscript (EPS) and Adobe Illustrator Document (AI)
They’re made up of lines and curves rather than pixels making them ideal for logos, illustrations and other types of graphics that need to be resized without losing quality,
Encapsulated Postscript (EPS)
The most preferable and commonly used image file type by designers. Good in creating vector image.
Adobe Illustrator Document (AI)
Different raster image file extensions:
- Joint Photographic Experts Group (JPG or JPEG)
- Portable Network Graphics (PNG)
- Graphics Interchange Format (GIF)
This file type is the most commonly used image file type. These images are known for their “lossy” compression. Meaning, the image quality decreases when being enlarged
Joint Photographic Experts Group (JPG or JPEG)
This file type is known for having a transparent background.
Portable Network Graphics (PNG)
This file type is known in its animated form.
Graphics Interchange Format (GIF)