Design Getting Your Message Across

2,346 views

Published on

Published in: Design, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,346
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
74
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Design Getting Your Message Across

  1. 1. DIY – Design It Yourself Getting your message across <ul><li>&quot;Right and wrong do not exist in graphic design. There is only effective and non-effective communication.&quot; </li></ul>An overview of Design Design Awareness and the Elements of Design – colour, typography, layout Maintaining your identity Putting a brief together – text and illustration Creative thinking Computers and design Designing for Housing Associations
  2. 2. Colour theory Design Awareness and the Elements of Design – colour and typography
  3. 3. Colour theory Design Awareness and the Elements of Design – colour and typography
  4. 4. Colour theory Design Awareness and the Elements of Design – colour and typography
  5. 5. Colour theory Design Awareness and the Elements of Design – colour and typography
  6. 6. Colour theory Design Awareness and the Elements of Design – colour and typography
  7. 7. Colour theory Design Awareness and the Elements of Design – colour and typography
  8. 8. Colour theory Design Awareness and the Elements of Design – colour and typography
  9. 9. Colour theory Design Awareness and the Elements of Design – colour and typography
  10. 10. Colour theory Design Awareness and the Elements of Design – colour and typography
  11. 11. Colour Theory – colour changes Design Awareness and the Elements of Design – colour and typography
  12. 12. Fonts and Typography <ul><li>What’s a Serif? </li></ul><ul><li>A serif is the little extra stroke found at the end of main vertical and horizontal strokes of some letterforms. Can be subtle or quite obvious. </li></ul><ul><li>In some cases serifs may aid in the readability of a typeface. </li></ul><ul><li>Formal. </li></ul><ul><li>Fonts without serifs are called sans serif . Modern, easier to read on PC screens </li></ul><ul><li>Script faces are informal </li></ul>Design Awareness and the Elements of Design – colour and typography
  13. 13. Serif, Sans Serif, Script? <ul><li>Castle T </li></ul><ul><li>Times New Roman </li></ul><ul><li>Arial </li></ul><ul><li>Courier New </li></ul><ul><li> </li></ul><ul><li>Perpetua </li></ul><ul><li>Porky’s </li></ul><ul><li>Century </li></ul><ul><li>Garamond </li></ul><ul><li> </li></ul><ul><li>Trebuchet </li></ul><ul><li>Copperplate </li></ul><ul><li>Matisse </li></ul><ul><li>Lucida </li></ul>Design Awareness and the Elements of Design – colour and typography
  14. 14. Headlines <ul><li>Match headline fonts to tone of document </li></ul><ul><li>Use contrasting font styles for headlines </li></ul><ul><li>Use bold headline fonts to add contrast </li></ul><ul><li>Make headlines a different color than other text </li></ul><ul><li>Make headlines larger than body copy </li></ul><ul><li>Limit use of decorative headline fonts </li></ul><ul><li>Set all caps headlines in sans serif fonts </li></ul>Design Awareness and the Elements of Design – colour and typography
  15. 15. EXTRAORDINARY LOGOS Design Awareness and the Elements of Design – colour and typography
  16. 16. Layout <ul><li>White Space </li></ul><ul><li>Grids </li></ul><ul><li>Alignment </li></ul><ul><li>Align photos and text elements to column edges </li></ul><ul><li>Emphasise by breaking across the columns. </li></ul><ul><li>More columns, more flexibility </li></ul>Design Awareness and the Elements of Design – Layout
  17. 17. Maintaining your identity <ul><li>Corporate identity is often viewed as being composed of three parts: </li></ul><ul><li>Corporate design (logos, uniforms, corporate colours etc.) </li></ul><ul><li>Corporate communication (advertising, public relations, information, etc.) </li></ul><ul><li>Corporate behavior (internal values, norms, etc.) </li></ul>Maintaining your identity
  18. 18. <ul><li>Restrictions: </li></ul><ul><li>Colour Palette limiting choice </li></ul><ul><li>Typefaces distinctions </li></ul><ul><li>Placement of elements </li></ul><ul><li>Design Manuals </li></ul>Maintaining your identity Maintaining your identity
  19. 19. Putting a brief together <ul><li>Text - Writing it yourself? </li></ul><ul><li>Establish the aims of your project or service </li></ul><ul><li>Grammar, syntax and flow are logical, your purpose is to guide the reader through the issues </li></ul><ul><li>Reinforce key messages to ensure they are understood </li></ul><ul><li>Include contact information </li></ul><ul><li>Short and sweet everytime </li></ul>Putting your brief together - text
  20. 20. Putting a brief together <ul><li>Photos Photo libraries inc free ones OR your own resources </li></ul><ul><li>Illustrators AOI/SIAD You pay for: Use, Duration, Client’s Profile, Expenses, & Budget available. Ask to look at portfolio and/or sample illustration/visual first </li></ul><ul><li>Clip Art </li></ul>Putting your brief together - images
  21. 21. Creative Thinking <ul><li>Create a list </li></ul><ul><li>Stimulate all the senses </li></ul><ul><li>Surround yourself with positive and inspiring words </li></ul><ul><li>Take yourself away from your PC/desk- go for a walk/swim/sport </li></ul><ul><li>Try the color yellow (apparently) </li></ul><ul><li>Let others inspire you, books/internet/colleagues </li></ul><ul><li>Do something else creative: cook, garden </li></ul><ul><li>Thumbnails </li></ul>Creative thinking – sparking it off
  22. 22. Creative thinking – looking again Creative Thinking <ul><li>Think about your own logo – how can it be given some Christmas spirit? </li></ul><ul><li>To get you started here’s a some samples: </li></ul>
  23. 23. Colour Theory 2 Using printers– CMYK and RGB Computers and design – more colour
  24. 24. Colour Theory 2 – Using printers & digital media CMYK and RGB For printing - halftones For website, digital Computers and design – more colour
  25. 25. Computers and Design Computers and design – basic <ul><li>Images are Bitmap or Vector </li></ul><ul><li>Fonts are particular to each machine </li></ul><ul><li>Keep it simple, </li></ul><ul><li>Bitmap resolutions are important, you can reduce an image but enlarging will make things grainy </li></ul><ul><li>Save your work regularly, graphics files can be huge </li></ul><ul><li>Talk to your printer about what files they need for your job </li></ul>
  26. 26. Design for Housing Associations <ul><li>Leaflets </li></ul><ul><li>Adverts </li></ul><ul><li>Signs </li></ul><ul><li>Colour schemes </li></ul><ul><li>Websites </li></ul><ul><li>Photos people </li></ul><ul><li>Photos buildings </li></ul>Designing for Housing Associations – what’s entailed <ul><li>Annual Reports </li></ul><ul><li>Handbooks </li></ul><ul><li>Clothing </li></ul><ul><li>Promotional items </li></ul><ul><li>Forms </li></ul><ul><li>Stationery </li></ul><ul><li>You name it! </li></ul>
  27. 27. . . . and that’s it <ul><li>Don’t Panic </li></ul><ul><li>Be happy, enjoy </li></ul><ul><li>Have fun </li></ul><ul><li>Keep it simple, less is so much more </li></ul><ul><li>If you don’t know, ask . . . </li></ul>Maggie McTurk Coastal Housing Group, Swansea

×