Identity Logo Assignment

Logo Design Assignment

Apple Log Assigment

Notes: Logo Design

Brand:-Is the "Perceived" emotional corporate image as a whole, it is the reputation both claimed & perceived.

Branding:
-A organizations brand or branding is a essentially their public image.
-A designer can create the framework for a brand, colors, fonts, artwork, style.

Branding Example:
-Apple os an IT company that projects a humanist image, positive corporate ethics, & support of good causes,
-When people use the products they connect to the brand emotionally.

Identity:
-Corporate identity is comprised of the visual aspects that form the brand.
-Close attention is paid to executing a consistent experience for the viewer.

Identity Design:
-The corporate identity includes strict usage of colors, font families, graphic elements & other guidelines, usually detailed in a corporate identity guide.
-The identity can include the logo, logo variations, business cards, labels, envelopes.

Logo:
-A logo is  for identification.
-A logo is the simplest was a company or organization can itself. though the use of a mark or icon.

Logo design

Vector Art:

-We create logo's vector art because it is flexible, powerful & easily edited, this is important when clients want to make changes.

-Vector art can be scaled up infintetly without loosing quality. 

Pencil & Vector:

-Creating a logo design requires many phrases.

-MAny meetings & review sessions are required to arrive at a design that works.

-Converting a simple pencil sketch to vector art requires establishing graphics style, color, line shape & typography.

Final Art: Graphic Style

- Decide what your "graphic style" will be.

-Will it be bold, simple & cute?

Final Art: Graphic Style

-There is a wide range of styles to choose.

-Choose what fits your concept & market.

Final Art: Line Quality

-Line quality refers to the smoothness & precise nature of your lines.

-We use the Pen Tool to create perfect smooth lines.

-Take toy time with this part. if it doesn't loo eight try again!

Final Art: Line Shape

-If you have lune art in your logo your line shape is important!

-Do you want an artistic look to your line? Try a custom " Art Brush" for the Brush Library in Al

Color Matters!:

-Color makes a huge difference, use colors that are appropriate for your design.

Logo Design

General Rules & Styles for Designing Logo's

Rules:

-Describable

-Effective without color

-Memorable

-Scalable

Design Styles:

Style 1:

-Typeface Focused. This style relies on a typeface to create the logo design, creativity is utilized in the proximity, contrast, color, customization of the letter forms.

Style 2:

-Mixing typefaces. This style uses 2 different type faces to create the logo design. Struve to create a balanced design, typefaces that are too similar will lack contrast in style.

Style 3:

-Typeface plus graphic element.This style uses simple graphic elements in the addition to the typeface ti create an emphasized & balanced design. Graphic elements rem aid abstract.

Style 4:

-Typeface plus shapes/symbols. An even balance between art & typography is achieved in this style.

Style 5:

-Graphic focused design. In this design the graphic elements are the focus or document aspect of the design, the typeface plays a supporting role.

Candy Template Model

Candy Template

Typeface

Typeface

Lana del Rey

Typography- Handlettering

Helvetica The Movie Watching / Writing Assignment

Helvetica The Movie Watching / Writing Assignment:

•  Where does Helvetica originate from? What country?

            Helvetica originates from Munchestein Switzerland.

• What does the original name mean? What is it's translation in English?

            The original name is Dein Has Gotest, it means The Switzline.

•  What year was Helvetica created?

            Helvetica was created in 1957.

•  What is the design style that Helvetica brought to popularity worldwide?

            It brought design style.

• List the names of 3 different design styles or design movements that are discussed in the film.

          1. Swis design
          2. Modernism design  
          3. Post modernism
          4. Serif design 
          5. Grunge style
           

• Write about some of the insight about design you have taken away from the film. You can provide quotes if you like.

           Graphic design & typography.


ACTIVITIES:

• Where can you fin examples of Helvetica be seen? Can you spot some examples on our own campus? Use your camera & take pictures of a few examples & include in your blog post.

• Name 4 Designers that appear in the film. Look them up & show examples of their work, research & provide links to websites & any biographical information about them. 

        1. Matthew Carter:

      Biography:

    Matthew Carter was born on October 1, 1937. He is a type designer & son of the english        typographer Harry Carter. He lives in Cambridge, Massachusetts, United States.He designed the classic web fonts Verdana & Georgia, as well as the other designs including Bell Centennial.

Typefaces: 

1. Bell Centennial        11. Gando                       21. Olympian               31. Wilson Greek

2. Big Caslon               12. Georgia                     22. Rocky                    32. Wrigley

3. Big Moore                13. Helvetica                   23. Shelley Script        33. Yale

4. Bistream Charter     14. Compressed              24. Snell Roundhard

5. Big Figgins               15. Helvetica Greek         25. Skia

6. Carter Sans              16. Mantinia                     26. Sophia

7. Cascade Script        17. Meriyo (Latin range)   27.Tahoma

8. Elephant                  18. Miller                            28. Verdana

9. Fenway                    19. Monticello                    29. Vincent

10. ITC Galliard            20. Nina                             30. Walker

2. Harry Carter:

   Biography:

   Was born March 27 1901, was an English typographer & writer. He was well-known historian of type. He was the father of Matthew Carter.

3. Neville Brody:

Biography:

He was born April 23 1957 he is an english graphic designer, typographer & director.

 4. Lars Muller:

 Biography:

Was born on March 22, 1976 is a German former.

Thinking More Deeply

• Think of the font you most commonly use when working on your computer. Which one is it and why do you use that one?

The font I most use is Georgia because I like how the letters look like if they were part of my handwriting, but I can still see the word clearly. 

Typography Assigment

Color Theory

Part A

Color Wheel

Part B

Color Palet

Part C

 Short Writing Assignment

The 3 primary colors are red yellow & blue. You can create secondary colors by mixing the primary colors, if you mix red & blue you make the color purple, if you mix the colors yellow & blue you make green & if you mix the colors red & yellow you can make the color orange. You can get tertiary color by mixing primary & secondary color together. The difference between subtractive and additive color models. Additive colors are colors which are pure, & subtractive colors are impure.The way color affects perception is that you can't inly see one color you can see a few colors because but mixing the colors together you cam make knew colors. One color can affect another because by mixing color yo create more. 

Primary Colors

Secondary Colors

Tertiary Colors

Greyscale

Monotone

Complementary Color

Principals & Elements of Design Exercise

Part 1 

Hand Drawing Exercise

Part 2

Digital Drawing Exercise

Notes: Design- Typography

Design- Typograph

Type faces:

a) Baskerville

b) Frutiger

c) Futura

d) Garamond

e) Gill Sans

f) Helvetica

g) Palatino

h) Times New Roman

Serif vs Sans Serifs:

a) Serifs reads best at smaller sizes, can be  complimentary

Font Variance:

a) Too many confuse the reader

Definition:

a) Fonts are too similar cause ambiguity

b) Limit the number of fonts

c) Don't use similar fonts

e) Choose complementary fonts but not the same or similar

Readability: 

a) Use upper & lower case for letter optimum clarity

b) Only if it's a magazine use all capitalize letters

Alignment:

a) Left alignment reads easiest, consider eye flow as it moves down a page 

b) Left to right alignment but make it easy to maintain clarity, & order

c) Have even rags

Emphasis: 

Use these tool with discretion & without disturbing eye flow.

a) Italics

b) Bold

c) Size

d) Color

e) Typestyle change

Integrity:

a) Avoid stretching or distorting type

Weight: 

a) Strive for a sense of balance

b) Use fonts complementary fonts 

Kerning:

a) Space between 2 letters

b) When editing letter space be carful

Tracking:

Modification to the sentence

a) +50 adds space

b) -50 deletes space

c) No keening 0 tracking

d) Optical kerning 

e) Metric Kerning

Large Blocks: Rags

a) Avoid sans serfs

Notes: Design- Color Theory

Design 

Color Theory

• Primary colors

1.  Blue
2.  Yellow
3.  Red

• Secondary colors 

1. Orange
2. purple 
3. Green

• Tertiary colors 

1. When we mix secondary colors.

• Visual color spectrum (RIYGBIV)

1. Red
2. Orange
3. Yellow
4. Green
5. Blue
6. Indigo
7. Violet

• Pigment generated

1. Red
2. Yellow
3.  Blue
4.  Purple, 
5. Green,
6.  Orange

• Secondary & Tetriary
• Warm Colors/Light Color Advances:

1. 
   

   
   

    Yellow
2. 
   

    Orange 
3. 
   

   Red

• 
  

  
  

  Cool Colors/Dark Color Reduces: 

1. 
   

   
   

    Blue
2.  Green 
3. Purple

• Color Mixing

     RGB:

1. Red
2. Green
3. Blue
4. Light Generated Model

    RGY:

1. Red
2. Green
3. Yellow
4. Pigment Generated Model

    CMYK:

1. Cyan
2. Magneta
3. Yellow
4. Black

• Print Pocess Model Color Modes

Monochrome:

1. Tints
2. Shades & tones of a single hue

Grey Scale:

1. Black & White

Web safe RGB:

1. Hexadecimal compatible

Color Modification

1. Tints: Add white to a pure hue
2. Shades: Add black to a pure hue
3. Tones: Add grey to a pure hue

Color Harmony

1. Purple & Green
2. Combinations of colors

• Split Complementary

1. Combining 3 opposite colors

• Analogous

1. 3 color in the same spectrum

• Triad

1. 3 color combinations 
2. Dark with light colors

• Tetradic

1. 4 dark colors

• Quadrilateral

1. Combining 4 colors
2. 3 dark colors & 1 light color

• Color Palets

1. Pop Art
2. Russian Poster Art
3. Metal
4. Earth
5. Beach
6. Flowers
7. Fruit
8. Vegetables
9. Different color palettes can invoke mood, location, emotion

• Color Properties

1. Cool
2. Warm
3. Bright
4. Dark
5. Saturated
6. Desaturated

• Color Intensity

1. Color intensity changes in relation to its surrounding color

• Color Associations

1. These types of color associations are universal to all people

• Cultural & Psychological Color Associations

1. These color associations are generated from cultural.

• Why Color Matters

1. 73% of purchasing decisions are now made in-store.
2. Catching the shoppers eye & con eying information effectively are critical to successful sales.
3. Color increases brand recognition but up to 80%.

• Color Affects: Appetite

1. Blue is a rare occurrence in nature
2. We hace no appetite response to blue food

• Color Affects:

1. Pink is a tranquilizing color that drains your energy
2. Used in prisión, holding cells, opposing team locker rooms

Notes: Principles+Elements of Art+Design

Design 

The principals & Elements

What is graphic design?

1. Design elements are the basic units of a visual image.

2. The principales of design govern the relationships of the elements used & organize the composition as a whole. 

3. All imagery. art, design & photography alike, are  comprised of elements that can be broken down & analyzed by it's visual components & principles that guide them.

Design Elements
1. Space
2. Line
3. Color  
4. shape
5. Texture
6. Value
7. Balance

Space
1. Negative space: Empty space
2. Positive: Space used. It can refer to a positive space can be something in a space.
4. A negative space is everything above the space.
5. It can refer to foreground mid or background elements.

Line
1. Line is a basic element, it can vary un thickness, texture, direction.
2.  Lines are used to..
 a) Organize 
 b) Connect  
 c) Separate

Color
1. Pop Art
2. Russian Poster Art
3. Metal
4. Earth
5. Beach
6. Flowers
7. Fruit

Shape
1. Geometric: Square, triangle, circle, etc.
2. Organic: An outline of anything.
3. Neutral: Complex, real world elements.
4. Abstract: Stylization of real world.

Texture
1. Makes a way to see & feel.

Value
1. Editing black & white has value & edit contrast.
2. Developing value to see the difference in someone else's design.
2. Dark in the upper side, lighter un the bottom.
3. You can used a background & make layers & put whatever you want  & it creats value.

Balance
1. Types of balance:
    a) Balanced
    b) Unbalanced
    c) Symmetrical
    d) Asymmetrical

"Design Principals"

1. Unity: Unity creates a sense of order, a consistency in size & shape.
2. Variety: The same picture in different colors.
3. Repetition: Repeating elements in a design.
4. Harmony: Harmony is achieved when the same types of shapes/design are put into order.
5. Proximity: The principal guide in how are we going to use space.
6. Proportion: Use to create visual illusions. 
7. Functionality: Form or function: Don't make something unless it is both necessary & useful; but if it is both necessary & useful, don't hesitate to make it beautiful.
8. Emphasis: (Focal point) Without a focal point we fail, we can used texture or color to get/find the emphasis. Shape/ line is emphasis.

Making Animated Gifs

Understanding File Formats "Bus"

Understanding File Formats "Bus"

As I compared I notice that the color looks the same as the original picture but as I start looking at the other images I notice that the color starts to fade, & you can see the color getting lighter every time the picture gets a copy. The reflection in the mirror stops showing the shines that it has & instead that part started getting grey.

High Quality:

Low Quality:

Understanding File Formats "Trees"

Understanding File Formats

After comparing all pictures, I got to the conclusion that every time I had a knew picture the color started to had less color, & less definition in what the figures are. The trees stop showing there selfs like what they are & start being pixels, the wood stop having definition & we stop seeing that it's wood. The first image has a defined look of the sky. & after coping sometimes the pictures the sky stops having definition  & i stops having a light blue color. it starts having a pink & green color.

High Quality: 

Low Quality