• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Graphic Design with InDesign
 

Graphic Design with InDesign

on

  • 3,819 views

 

Statistics

Views

Total Views
3,819
Views on SlideShare
3,808
Embed Views
11

Actions

Likes
6
Downloads
185
Comments
0

1 Embed 11

http://www.slideshare.net 11

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Graphic Design with InDesign Graphic Design with InDesign Presentation Transcript

    • Graphic Design with Adobe InDesign
      Session 01
    • Session Flow
      What is Graphic Design
      Design Workflow
      Define
      Design
      Determine
      Implement
      Inspirations
    • What is Graphic Design
      “A way of communication with visual elements and information to present an idea or concept” (Bozeman Daily Chronicle, 2010)
      “An interdisciplinary, problem-solving activity which combines visual sensitivity with skill and knowledge in areas of communications, technology and business” (AGDA, 2010)
    • What is Graphic Design
      Graphic design can be materialised in many different forms
      Logo
      Poster
      Brochure
      Catalogue
      Pamphlet
      Newsletter
      And many more …
    • What is Graphic Design
    • What is Graphic Design
    • What is Graphic Design
    • What is Graphic Design
      Can we find any other graphic design products around us?
    • Design Workflow
      Define Information lookout phase
      Design Ideas explosion phase
      Determine Chosen one phase
      Implement Artwork reality phase
      Just call them 3DI
    • Design Workflow/ Define
      The most interesting about define phase is reverse thinking
      Graphic designer may think about output before input especially if the clients know what they want
      But, graphic designer may also recommend the range of outputs after understanding the input
    • Design Workflow/ Define
    • Design Workflow/ Define
      Output may include
      Product (Logo, poster, brochure, etc)
      Size (A3, A4, letter, legal, etc)
      Production options (Offset, digital, photocopy, etc)
      Input may include
      Project objective
      Target audience
      Clients budget
      Due date
    • Design Workflow/ Define
      Once Output and Input are defined, it’s time to go for Design Stage
    • Design Workflow/ Design
      Visual thumbnails are graphic designer’s best friend
      They are quick, cheap and helpful
      Pencil, eraser and paper are the only requirements to invite them
    • Design Workflow/ Design
      Before a Graphic Designer lays the pencil on the paper, it’s best for him / her to realize whether he/she has design knowledge & skills
    • Design Workflow/ Design
      Knowledge
      Understanding of design elements
      Understanding of design principles
      Skills
      Drawing skills
      Graphic software skills
    • Design Workflow/ Design/Knowledge
      Design Elements
      Whitespace “Space / distance between one element to another”
      Sometimes it’s called negative space
      It’s useful to give breathing space
    • Design Workflow/ Design/Knowledge
      Design Elements
      Text “It usually is the main message”
      Text may come in 2 (two) forms
      Display text (title, subtitle, short sentence)
      Body copy (paragraph, long sentence)
      In order to control the usage of text, understanding of typeface anatomy and typeface classification are very beneficial
    • Design Workflow/ Design/Knowledge
      Typeface Anatomy
      Juan Rivera from www.graphic-iti.com provided visual sample of typography anatomy
    • Design Workflow/ Design/Knowledge
      Typeface Anatomy
      More detail explanation by Eric Miller (2010)
    • Design Workflow/ Design/Knowledge
      Typeface Classifications
      Ellen Lupton (2004) has classified the typeface into
      Old Style “The roman typefaces of the fifteenth and sixteenth centuries emulated classical calligraphy”
      Transitional “These typefaces have sharper serifs and a more vertical axis than humanist letters”
    • Design Workflow/ Design/Knowledge
      Typeface Classifications
      Modern “Thin, straight serifs; vertical axis; and sharp contrast from thick to thin strokes”
      Slab Serif “Numerous bold and decorative typefaces were introduced in the nineteenth century for use in advertising. Egyptian fonts have heavy, slab-like serifs”
    • Design Workflow/ Design/Knowledge
      Typeface Classifications
      Para Type has also include
      Sans Serif “Typical Sans Serif has low contrast or have no visible contrast between vertical and horizontal strokes at all”
      Script “Typefaces imitating handwriting or calligraphic style”
      Decorative “This group contains typefaces that cannot be assigned to any of previous groups”
    • Design Workflow/ Design/Knowledge
      Design Elements
      Line “A mark connecting two points”
      It can be used to
      Organise, connect or separate contents
      Create movement effect
      Convey mood
      Horizontal line: Lying, passive
      Vertical line: Standing, active
      Diagonal: Dynamic
      Curve: Feminine
    • Design Workflow/ Design/Knowledge
      Design Elements
      Shape “A mark connecting three points or more”
      It can be used to
      Organise, connect or separate contents
      Show depth
      Convey mood
      Square: Masculine, certain, hard, stable
      Circle: Feminine, uncertain, infinite
      Triangle: Dynamic, full of tension
    • Design Workflow/ Design/Knowledge
      Design Elements
      Colour & Value:
      Colour is related to hue
      Value is related to brightness and darkness
      Use of colour and value has strong impact visually – but, if graphic designer uses them wildly, the result sometimes can be unpredictable
      2(two) guidelines in controlling colour are
      Colour Harmony
      Colour Meaning
    • Design Workflow/ Design/Knowledge
      Chad Engle (2010) has made a very good guide in using colour harmony
    • Design Workflow/ Design/Knowledge
      Primary, secondary & tertiary colour
    • Design Workflow/ Design/Knowledge
      Monochromatic, analogous & split complementary
    • Design Workflow/ Design/Knowledge
      Don’t forget to check out Color Wheel Pro website on Color Theory http://www.color-wheel-pro.com/color-theory-basics.html
    • Design Workflow/ Design/Knowledge
      Colour meaning
      Colour Wheel Pro has described colour meaning very well (http://www.colour-wheel-pro.com/colour-meaning.html)
      Red is the colour of fire and blood, so it is associated with energy, war, danger, strength, power, determination as well as passion, desire, and love
      Orange combines the energy of red and the happiness of yellow. It is associated with joy, sunshine, and the tropics. Orange represents enthusiasm, fascination, happiness, creativity, determination, attraction, success, encouragement, and stimulation
    • Design Workflow/ Design/Knowledge
      Yellow is the colour of sunshine. It's associated with joy, happiness, intellect, and energy
      Green is the colour of nature. It symbolizes growth, harmony, freshness, and fertility. Green has strong emotional correspondence with safety. Dark green is also commonly associated with money
      Blue is the colour of the sky and sea. It is often associated with depth and stability. It symbolizes trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven
    • Design Workflow/ Design/Knowledge
      Purple combines the stability of blue and the energy of red. Purple is associated with royalty. It symbolizes power, nobility, luxury, and ambition. It conveys wealth and extravagance. Purple is associated with wisdom, dignity, independence, creativity, mystery, and magic.
      White means safety, purity, and cleanliness. As opposed to black, white usually has a positive connotation. White can represent a successful beginning. In heraldry, white depicts faith and purity.
      Black is a mysterious colour associated with fear and the unknown (black holes). It usually has a negative connotation (blacklist, black humour, 'black death'). Black denotes strength and authority; it is considered to be a very formal, elegant, and prestigious colour (black tie, black Mercedes). In heraldry, black is the symbol of grief.
    • Design Workflow/ Design/Knowledge
      Design Principles
      Relevance : Correct reference to the theme or concept
      Even this principle has nothing to do with arrangement, but it is the main unit to be laid out in the space
      Use texts, pictures, shapes and even colour to emphasize the message to send
    • Design Workflow/ Design/Knowledge
      Design Principles
      Balance: equal distribution of visual weight
      Symmetry : When it is divided by horizontal or vertical line, it shows equal portion in the both sides
      Asymmetry : When it is divided by horizontal or vertical line, it shows equal amount of portion in the both sides
    • Design Workflow/ Design/Knowledge
      Design Principles
      Contrast: to give accent, to emphasize
      Proximity : tendency to group close objects
      Group related items together to create relationship
      Alignment (left, right or center)
      To unify and organize elements together
    • Design Workflow/ Design/Knowledge
      Design Principles
      Repetition: repeat similar objects, forms or shapes
      Another way to unify and to maintain consistency
      Combination between contrast and consistency form attractive and friendly look of art work
    • Design Workflow/ Design/Skills
      Drawing Skills
      For a graphic designer, to be equipped with drawing skills is big advantage to convey the message visually and quickly
      Software Skills
      In the digital era, software has given opportunity to graphic designer to work efficiently and effectively
    • Design Workflow/ Determine
      This phase is to select the most appropriate design from Design phase
      Refine and redone would be familiar processes during this stage
    • Design Workflow/Implement
      Last phase after final refinement is to bring the artwork into digital form (for digital graphic designer)
      Choosing appropriate software will affect the efficiency of production phase
    • Inspirations
      There are many sources to get inspirations from
      Inspiring blog and forum
      Creative sites such as
      http://www.fuelyourcreativity.com/
      http://www.smashingmagazine.com/
      Artwork sites such as
      http://www.deviantart.com/
      http://www.flickr.com/
      Seminar, conferences, courses
      Exhibitions
      And many more …
    • ? Question ?
      ?
      ?
      ?
      ?
      ?
      ?
      ?
      ?
      ?
      ?
      ?
      ?
      ?
    • References
      Bozeman Daily Chronicle 2010, viewed on 30 April 2010, bozemandailychronicle.com/cp/terms.php
      AGDA 2010, What is Graphic Design”, viewed on 30 April 2010, http://www.agda.com.au/about/what-is-graphic-design
    • References
      Miller, E 2010, Letter Anatomy, viewed on 30 April 2010, http://graphicdesign.about.com/od/typographyfonts/tp/letter_anatomy.htm
      Lupton, E 2004, Thinking with Type, viewed on 30 April 2010, http://www.papress.com/thinkingwithtype/index.htm
    • References
      Para Type, Classification, viewed on 30 April 2010, http://www.paratype.com/help/class/
      Color Wheel Pro, Color Theory, viewed on 30 April 2010, http://www.color-wheel-pro.com/color-theory-basics.html
      Color Wheel Pro, Color Meaning, viewed on 30 April 2010, http://www.color-wheel-pro.com/color-meaning.html
    • References
      Images samples are taken from various sources
      http://www.stocklayouts.com
      http://www.deviantart.com/
      http://images.google.com.au/
      Inspiring sites
      http://www.fuelyourcreativity.com/
      http://www.smashingmagazine.com/
      http://creatingminds.org/tools/scamper.htm
      Tutorial sites
      http://www.pixel2life.com/
      http://www.good-tutorials.com/
      http://www.tutorialized.com/