Presentation is loading. Please wait.

Presentation is loading. Please wait.

Introduction to Poster Design Melanie St. James Manager, Design and Usability Services UIT ESTS, Tufts University

Similar presentations


Presentation on theme: "Introduction to Poster Design Melanie St. James Manager, Design and Usability Services UIT ESTS, Tufts University"— Presentation transcript:

1 Introduction to Poster Design Melanie St. James Manager, Design and Usability Services UIT ESTS, Tufts University melanie.stjames@tufts.edu

2 http://blogs.msdn.com/b/mswanson/archive/2007/05/06/bad-design-by-example.aspx

3 Readability improves: comprehension retention reading speed reading persistence Goal: Maximize Readability

4 Capture your audience!

5 2000 Presidential Elections Florida Ballot

6 VISUAL HIEARCHY:

7 Examples from Robin Williams’ Design Workshop

8

9

10 Your design tools: Typography Layout Color Images

11 Design concepts Alignment Grouping Contrast

12 Examples from Robin Williams’ Design Workshop

13

14 My GIS Poster A quick design workshop

15 My GIS Poster A quick design workshop

16 My GIS Poster A quick design workshop Corporate Logos Redesign http://www.nytimes.com/2009/05/31/weekinreview/31marsh.html

17 Times New Roman Arial T T Serif vs. Sans Serif

18 Arial / Helvetica Print fonts Times New Roman Sans Serif Serif

19 Web fonts Verdana Trebuchet Georgia City names: Chicago, Geneva…

20 Comic Sans…

21 http://www.typebrewer.org

22

23 Visual Hierarchy

24 The bold, the underlined and the italicized

25

26

27 Readability: Column Width The “alphabet-and-a-half ” line length rule: the ideal line length at 39 characters regardless of type size.

28 Left alignJustified

29 a a Font size

30 COLORCOLOR About... Tufts Visual Identity: http://publications.tufts.edu/visualidentityhttp://publications.tufts.edu/visualidentity

31 http://www.color-wheel-pro.com/color-theory-basics.html

32

33 Contrasting hues with a similar value

34

35 Contrasting hues with different values

36

37 Images

38 Resolution: Caution: Format: Working with Images 150 or 300 dpi web images are 72 dpi SnagIt - software to increase image resolution TIFF (can yield large files) GIF, PNG (solid colors, text) JPG (photos) http://creativecommons.org/image/

39 Working with images in a page layout software: What you see is NOT what you get

40 Layout

41 12 columns

42

43

44

45

46

47

48

49

50 Design Process: Be in charge of your design decisions: color palette, fonts Identify most important elements & highlight them Take away anything that doesn’t directly support your MAIN IDEA Squint at your poster: what do you see?

51 ? Which software to use MS PowerPoint Adobe InDesign MS Publisher

52 Melanie St. James Manager, Design and Usability Services UIT ESTS, Tufts University melanie.stjames@tufts.edu Good luck and have fun with your posters!


Download ppt "Introduction to Poster Design Melanie St. James Manager, Design and Usability Services UIT ESTS, Tufts University"

Similar presentations


Ads by Google