Imaging and Design for Online Environment Flashcards
basic principles of graphics and layout
- balance
- contrast
- emphasis
- movement
- pattern
- rhythm
- proportion
- variety
balance
A distribution of visual weight on either side of the vertical axis. Symmetrical balance uses the same characteristics. Asymmetrical uses different but equally weighted features.
contrast
The arrangement of opposite elements (light vs. dark, rough vs. smooth, small vs. large, etc…) in a composition so as to create visual interest.
emphasis
Used to make certain parts of an Artwork
stand out. It creates the center of interest or
focal point. It is the place in which an Artist draws your eyes first.
movement
How the eye moves through the composition; leading the attention of the viewer from one aspect of the work to another. Can create the illusion of action.
pattern
The repetition of specific visual elements such as a unit of shape or form. A method to organize surfaces in a consistent regular manner.
rhythm
*Regular repetition of, or alternation in elements to create cohesiveness and interest.
proportion
Visual elements create a sense of unity where they relate well with one another.
variety
This uses several design elements to
draw a viewer’s attention
online image file formats
- Joint Photographic Experts Group (JPEG)
- Graphics Interchange Format (GIF)
- Portable Networks Graphics (PNG)
Joint Photographic Experts Group (JPEG)
does not support transparency and animation (.jpeg or jpg)
Graphics Interchange Format (GIF)
supports transparency and animation (.gif)
Portable Networks Graphics (PNG)
supports transparency but not in animation (.png)
image manipulation techniques
- cropping
- color balance
- brightness and contrast
- compression and resizing
- filters
- cloning
- removing the color
- combining text
cropping
Cutting parts away to remove distracting or irrelevant elements.
color balance
The ambience and the tone of light of the
picture (ex. Warm or cool light)
brightness and contrast
One of the most basic techniques in
image editing, making the image
darker or lighter.
compression and resizing
The higher the quality and the larger
the photo is, the bigger the file
size of the picture is.
filters
Making the image look sketched, grainy, classic black and white or even let it have neon colors.
This gives your image a twist from its
original look.
cloning
Copying or duplicating a part of an image.
removing the color
Removing certain colors in your image or desaturating the color of the image.
combining texts, Graphics and
Image.
Adding multiple elements in your layout
