Rop graphic design blog: September 2016

Friday, September 30, 2016

principle and elements of design

kitten colors

Design:

Principles and elements

(it is for communication not just art)

What is it

-design elements are the building elements

-the principles of design govern the relationships of the elements used and organize the composition

-all photos, art and imagery can be broken down into these building blocks

what are the principles and elements:

Elements

-space(negative too)

-line(different thicknesses)

-color(use different pallets)

-texture(implied)

-shape(natural, abstract and geometrical)

-value(light and dark)

-balance(can be asymmetrical)

Principals

-unity(sense of order)

-variety(repeating elements but with key differences)

-repetition(more is better here)

-harmony(patterns, like unity)

-proximity(using space well)

-proportion(size does matter)

-functionality(why?)

-emphasis(focal point)

Color theory notes

Peter Christy

Color theory:

-primary, secondary, and tertiary colors are layers of color

-primary mixes into secondary and secondary into tertiary

-red, blue, green is primary for computers, yellow instead of green for pigment

-light waves produce color (roygbiv)

subtractive

- darker when mixed

-pigment colors

additive

-light when mixed

-light generated colors

Color wheel:

-nearly infinite colors

-cool(blue green violet) and hot (red yellow orange)

Mixing:

-rgb and rby are the light and pigment ones

Color modes:

-monochrome is one color with different hues

-grey scale is black and white

-web safe is rgb

Modifications:

-tints add white

-shades have black

-tones have grey

Color harmony:

-complementary, on the opposite side of the wheel

-split complementary, moving a bit left or right from complementary

-analogus, next to each other

-quadrilateral, a squar in the middle

-tetrahitric, rectangle

-triad, triangle

intensity:

-color changes in relation to its surroundings

pallets:

-different pallets can convey mood

association:

-not all colors are universally seen the same

why color matters:

-it catches attention for products

-it makes brands recognized

-our moods can be effected

Color notes summary

The 3 primary are red, yellow, and blue (red, blue, green for light). Secondary colors are two mixed primary colors; examples include green, purple, and orange. Tertiary colors are secondary colors mixing with other secondary or primary colors, to make things like teal, maroon, and lime green. Subtractive colors add up to make black, additive colors add up to white. Pigments are subtractive while light is additive. Color can affect our mood like how blue calms us and how red fires us up. It makes things more recognizable and memorable. Color can shift tones around othercolors depending on which color it is.

Greyscale

Monochrome

Complementary

Friday, September 16, 2016

bus stuff

restrictive gif

24 png

8-128dithered png

With the bus pictures i feel about the same as the trees. No doubt that the worst quality is the restricted gif and I don't like it like the tree one. 24 png looks the best but is the biggest. the best for size and quality is probably the 8-128 dithered png because it looks the same as 24 png to me and with nearly 4 times smaller storage.

tree stuff

restrictive gif

24 png

8-128 dithered png

Of all the pictures, I feel these three are the ones to mention. the restrictive gif is defiantly the worst for quality, but i do kinda like it. 24 png is the best for quality, but is a huge file. 8-128 dithered is the best for a balance because it is very similar to 24 png, but with a fourth of its size.