Design Element Notes

Design: The Principles and Elements

What is Graphic Design?
Design elements are the basic units of a visual image.
The principles of design govern the relationships of the elements used and organize the composition as a whole.
All imagery, art, design, and photography alike, are comprised of elements that can be broken down and analyzed. This goes for web design as well.

What are the Elements and Principles?
Design and art elements are the basic units of a visual image.
The principals of design and art govern the relationships of the elements used an organize the composition as a whole.
All imagery, art, design, and photography alike, are comprised of elements that can be broken down and analyzed by it's visual components and the principles that guide them.


Design Elements:

Space:
Can exist in two dimensions or three dimensions.
It can refer to a positive space or a negative one.
It can also refer to foreground, mid, or background elements.

Line:
Line is a basic element, it can vary in thickness, texture, direction, etc.

Color:
Color consists of many pallets, and are use in different situations, depending on the project different pallets say different things.

Shape:
Shape is used for memory and keeping things in people's mind, iconic logos and shapes.

Texture:
Used to invoke people's likes and dislikes, depending on the market you wish to sell or show your product off.

Value:
Value is used to add dimension to something/anything.

Balance:
The properties of an image that allows it to be balanced/unbalanced or symmetrical/asymmetrical.


Design Principles:

Unity:
Unity creates a sense of order, a consistency in size and shape.
Proximity can create a sense of unity, it can also show a lack of unity.

Variety:
A sense of change yet similar colors or shapes to engage eyes in difference.

Repetition:
The use of one kind of object or color to improve upon a design.

Harmony:
The use of colors and objects blending together in a larger picture to improve upon the design.

Proximity:
The amount of space and curvature in a design to get as much information as tightly packed as possible, so the eye does not get bored.

Proportion:
The size of one or multiple objects in a design to give it more detail and/or depth.

Emphasis (Focal point):
Using color to emphasis what the user/client is supposed to be focusing on.

Functionality:
Making the design that is useful, necessary, and has a playful or comedic aspect to it.

bus and tree files

my bus and tree 11 both have the highest memory and tree 9 and bus 9 both have the lowest memory amount

This is CatStroke

Cat Planet

Dark Souls Ornsetin

Graphic Design Notes #1

-Graphic file formats
-Compression
-Choice and image
Understanding Format
All computer documents, or files, are packaged in different formats
The format is determined often by the files origin, such as a software program like photoshop, or a device such as digital camera
Graphic files such as a photo, video, or artwork can be reduced in file size by using image compression formats.

Lossy vs Lossless
Graphic image formats under 2 categories of compression, Lossy and Lossless
With lossy, images data is "lost" or reduced for smaller files but can cause poor images quality.
Can result in showing "compression artifacts"
Lossless retains image data for higher quality, but larger file size.

Graphic Formats
TIF, JPG and GIF are the 3 most common formats for common activities images over the internet
PNG is a common web format, is high quality and can contain an alpha (transparency) channel
Each format has its own its own advantages, disadvantages

TIF
Stands for Tagged Image Format
Common format for desktop publishing, print, photo and graphic design.
Is a LOSSLESS file format. It retains images data for maximum image quality.
Can result in larger file size, not fit for display over internet, is not browser compatible.

JPG
Stands for Joint Photographers Expert Group.
Created for digital photography and works best for photo content.
Is a LOSSY format.
Can reduce an image file size by 10:1 without showing significant compression artifacts.
The level of compression is adjustable

GIF
Stands for Graphic Interchanges Format.
Is best for graphics or images that have flat color or even tone, such as cartoon.
Reduces image size by "indexing" color from 3 channels to 1.
Is adjustable by changing color bit level from 1 to 8.
Contains no DPI (Dots Per Inch) data for printing. Not a proper format for print.

Photographic images:
Photos are continuous tones, 24 bit color or 8 bit Gray, no text, few lines and edges, (proprieties).
TIF or PNG (lossless compression and no JPG artifacts)(For unquestionable best quality)
JPG with higher quality factor can be decent. (Smallest file size)
TIF or JPG for maximum compatibility.
256 color Gif is very limited color, and is a larger file than 24 bit JPG (Worst choice)

Graphics, including logos or line art
Graphics are often solid colors, up to 256 colors, with text or lines and sharp edges. ( For unquestionable quality)
Worst choice for graphics and such are GIFs

Know your pixels

TIF and JPG are best for images with pixels that blend in color, these are called "contiguous pixels".
Gif is best for images with flat even flat tone, or "Non-contiguous pixels".

Pen Art

Box to car

My first graphic design art