1 / 24

Thursday, 9/25/14

JRN 302: Introduction to Graphics and Visual Communication - Design Principle: Repetition - Business Materials. Thursday, 9/25/14. Notes on tutorials. Note: Tutorials are graded PS were mostly color in tut 2 and squares/center alignment in tut 3 ID tutorial:

ila-bell
Download Presentation

Thursday, 9/25/14

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. JRN 302: Introduction to Graphics and Visual Communication- Design Principle: Repetition- Business Materials Thursday, 9/25/14

  2. Notes on tutorials • Note: Tutorials are graded • PS were mostly color in tut 2 and squares/center alignment in tut 3 • ID tutorial: • Did not take off points for ID 1st page because there were some issues with new ID • But you had to have them linked correctly • But for second page, gecko and armadillo, had to have in edge of page • Be aware of the fact that many, many, many of you distorted your graphic files when you placed them! • In the project, points off for this!

  3. Class Objectives • Other notes: Class home page has job announcements • Lecture • Design Principle: Repetition • Project discussion: Business Materials and the Read Me File • Homework assignments • Book chapter 4 and pages 111-118 • Suggestion, start b materials (this concludes what is needed for part 1, due 10/16)

  4. What makes well designed business materials? • Consistency of elements • Same/similar colors, typefaces, graphics • Use same alignment • Take into consideration design principles (R,C,A,P) • All convey look and feel of the company • What do you want the user to know about you?

  5. Design Principle of Repetition • You already use repetition in your work. Look at this PowerPoint slide… • Headlines all the same size and weight • Add a rule a half-inch from the bottom of each page • Using the same bullet in each list throughout the project…

  6. Repetition • Goal is to push non-prominent repetition into a visual key that ties the publication together. • Repetition can be thought of as consistency. • As you look through an 8 pg. newsletter, it is the repetition (or consistency) of certain elements that makes each of those 8 pgs. appear to belong to the same newsletter. • If page 7 has no repetitive elements carried over from page 6, then the entire newsletter loses its cohesive look and feel.

  7. What is repeated here? • This is a magazine page… so what elements are repeated on each page of the magazine?

  8. Repetition and pattern • Repetition can also work with pattern to make the artwork seem active and/or have motion • Repetition with variation • Repetition w/o variation

  9. Repetition w/variety • Same typeface with different colors • Illustrations are all different styles but all funky • Recipes, though, are all in same format

  10. Repetition • Repeat images with contrast in size creating of a pattern • Repeating hues or variations

  11. Directing the Reader where to look • Where does your eye go on the first one? • Falls off the design • Second one? • Bounces back up to the name

  12. Repetition and Branding • Think back to the “Little bit of Marketing” lecture • With branding, you use repetition • Shapes (in your logo) • Color (in your product, logo) • Type • Helvetica from the 1950’s and logos http://www.webdesignerdepot.com/2009/03/40-excellent-logos-created-with-helvetica/ • Gotham in the 2008 Hope poster http://www.slate.com/blogs/browbeat/2014/09/19/gotham_typeface_tobias_frere_jones_font_from_obama_hope_poster_defines_our.html • And in May 2014, Twitter changes • http://www.theverge.com/2014/5/30/5766106/twitter-quietly-changes-its-font-from-helvetica-neue-to-gotham

  13. Repetition and Your Project • Copy and Paste things within each software • NO! Copy in PS, Paste in ID • Yes! Copy in ID, Paste in ID • Can copy and paste one design element used in, say, the b. card, to the letterhead • Copy and paste • Your logo • The colors (use Kuler or write down your colors, R,G,B is best) • The symbols • The formatted text…

  14. Vocabulary words • Bleeds in commercial printing • When any artwork or text extends beyond the trimmed edge of a printed design (thereby having no margin) • Can be on 1 – 4 sides • We will design with bleeds but you can’t print them on any lab printer! • Slugs • Usually non-printing info (like title and date) that identifies the document. Will not print.

  15. New vocabulary word = dummies • Can be dummy designs: pages used as a model to show the size and general appearance of a design being published • Can be dummy artwork: used as a placeholder • FPO = for placement only • https://cdn.lynda.com/video/166411-117-635381345395282653_540x960_thumb.jpg • Can also have dummy text (on later slides)

  16. What makes a good b. card design? • From book, read pages 110-114 • Determine if you want a horizontal or vertical card • Body copy text sizes have to be 7,8, or 9 pt (this does not include any text in your logo) InDesign text can’t be more than 1-2 typefaces (again, not including any text in your logo) • Do not center everything • But align everything (pull guides!)

  17. What makes a good b. card design? • From book, read pages 110-114 • Pay attention to what R. Williams suggests • If you ignore her suggestions, this will probably make your designs lower in grade • Do not use certain typefaces • Do not use unnecessary elements • However, the book is a little dated in this… • DO use technology words like • Twitter • Facebook • Email • Website … and give exact address (don’t say “find us on Twitter”)

  18. What makes a good b. card design? • Do not be afraid of white space • But include all your contact information • Be obvious: When someone looks at your business card, can they tell immediately what your business does? • Maybe be unique • Die cut, rounded edges • Color • Printing on back side

  19. What makes a good letterhead design? • In book, read pages 115-118 • Your letterhead maybe also be used in a fax (may need 2 designs) • Do not use a different arrangement on your b. card, envelope, and letterhead. • Don’t center everything on page unless your logo dictates this.

  20. What makes a good letterhead design? • All the same information on b. card minus your name and title. • Use the same color scheme as on the b. card (and logo) • Text size can now be 7-10 • 1-2 typefaces still • Space of design is limited to top (see next slide)

  21. Letterhead and spacing • Remember to give white space • For letterhead, people need to write their letters so you shouldn’t limit their writing space • Your letterhead design should only take up about 1/10th of your page (~1.1” high). • Can use guides to help or draw 1.1” high box • If you want to include “dummy text”… go to http://www.lipsum.com/ and generate 2-3 paragraphs. • This may go up to 12 point, but your design will probably have smaller point (or larger if contrasting with size)

  22. Envelopes • Space where you have to design is limited • See part 1 sheet • Use same color scheme as what is on your letterhead and business card

  23. Project issues (review) • When you create your InDesign files, create them as new documents • Do not use templates • Margins = 0 and bleeds of .125” but realize that this printer can’t print bleeds. • You’re going to place (<File <Place) your logo into each of these files (you’re linking your logo to the file) • Do not skew your logo • Design with bleeds • Set up your file correctly

  24. Project issues • Align everything to something else (especially with b. card) • Think about overall alignment of design • Centered, right, left, etc. • Use textboxes smartly • Should everything be in one or multiple text boxes? • Pay attention to limitations of project • Print out dummies (is logo too big? Text too small?)

More Related