Poster Design and Creation Tips January 2015 GIS Center Tufts University.
-
Upload
margaret-rollinson -
Category
Documents
-
view
214 -
download
0
Transcript of Poster Design and Creation Tips January 2015 GIS Center Tufts University.
![Page 1: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/1.jpg)
Geographical Information Systems
Poster Design and Creation TipsJanuary 2015
GIS CenterTufts University
![Page 2: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/2.jpg)
A Locator Map (Introduction)
Each map should have:◦ Title – Insert using publisher, not arcmap◦ Legend
Sized appropriately and organized with proper headings and layers
◦ Scale Bar Consistent size, scale and location. Appropriate Units
◦ North arrow Consistent placement and size between maps
Labels might be useful on maps but aren’t required
Additional Graphics◦ Photographs, graphs, tables, charts, diagrams, etc.
Identify and Label all Figures and Maps on poster and in text!!
Map and Figure Requirements
![Page 3: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/3.jpg)
Poster’s can be printed in the GIS lab in Tisch Library when an assistant is there.
Posters should be sized at 30x40 inches
Landscape or Portrait orientation is fine
You will mount your project on poster board provided in the GIS lab
Leave the poster on the pile for our class in the GIS lab.
Poster Printing Info
![Page 4: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/4.jpg)
Poster Design Tools
Posters serve as an advertisement of your hard work!
![Page 5: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/5.jpg)
Layout
Visual Hierarchy Alignment – Use of columnsGrouping -To box or not to Box?Contrast – Use of white space
TypographyEmphasisFont Type/StyleColumn WidthJustification/ Left AlignmentBulletsSize
ColorColor Wheel Complimentary/contrasting Colors
Images/FiguresResolution
Design Tools and Concepts
![Page 6: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/6.jpg)
http://blogs.msdn.com/b/mswanson/archive/2007/05/06/bad-design-by-example.aspx
![Page 7: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/7.jpg)
Goal: Maximize Readability
Readability improves:
• Comprehension
• Retention
• Reading speed
• Reading persistence
![Page 8: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/8.jpg)
Visual Hierarchy
![Page 9: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/9.jpg)
READ THIS FIRSTand then read this.
THAT’S VISUAL HIERARCHY.
![Page 10: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/10.jpg)
Visual hierarchy starts with your title!
![Page 11: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/11.jpg)
Examples from Robin Williams’ Design Workshop
![Page 12: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/12.jpg)
Examples from Robin Williams’ Design Workshop
![Page 13: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/13.jpg)
Examples from Robin Williams’ Design Workshop
![Page 14: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/14.jpg)
Examples from Robin Williams’ Design Workshop
![Page 15: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/15.jpg)
![Page 16: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/16.jpg)
![Page 17: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/17.jpg)
![Page 18: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/18.jpg)
![Page 19: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/19.jpg)
My GIS Poster
A quick design workshop
![Page 20: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/20.jpg)
My GIS PosterA quick design workshop
![Page 21: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/21.jpg)
My GIS PosterA quick design workshop
Corporate Logos Redesignhttp://www.nytimes.com/2009/05/31/weekinreview/31marsh.html
![Page 22: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/22.jpg)
Times New Roman
Serif vs. Sans Serif
ArialT T
Arial / Helvetica
Sans SerifSerif
![Page 23: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/23.jpg)
![Page 24: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/24.jpg)
![Page 25: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/25.jpg)
San serif Arial headers, serif Times New Roman body text
![Page 26: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/26.jpg)
Comic Sans…
Story of Comic Sans: http://www.connare.com/comic.htm(Now Chalkboard on Apple OS)
![Page 27: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/27.jpg)
The bold, the underlined and the italicized
![Page 28: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/28.jpg)
Readability: Column WidthThe “alphabet-and-a-half ” line length rule:
the ideal line length at 39 characters regardless of type size.
![Page 29: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/29.jpg)
Left Align (GOOD!) Justified (BAD!)
![Page 30: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/30.jpg)
Bullets: Give them Space!
![Page 31: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/31.jpg)
Font size
aa
![Page 32: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/32.jpg)
Example Text Sizes on Trunk
![Page 33: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/33.jpg)
![Page 34: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/34.jpg)
A few words aboutCOLORUse 3-4 colors, but no more!
Dark type on light color backgrounds
This attracts attention, but tires the eyes!
![Page 35: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/35.jpg)
http://www.color-wheel-pro.com/color-theory-basics.html
![Page 36: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/36.jpg)
http://www.colorbrewer.org
![Page 37: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/37.jpg)
Blue on Red appears blurry to the human eye
Yellow on white is hard to read
Red on blue also appears blurry to the human eye
Be Careful though…
And remember backgrounds can be
distracting!
![Page 38: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/38.jpg)
Colleagues
Students
Scientists
Government officials
Community groups
General public
Design Process:
Know your Audience!
![Page 39: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/39.jpg)
• Be in charge of your design decisions:
• Color Palette – Pick a color scheme and keep it consistent for poster and maps!
• Fonts – Pick 2 main fonts– 1 for maps and poster headings (sans-serif), 1 for poster text (serif)
• Size- Poster text is important, but don’t forget about map text as well (labels and
legends, and scale bars!)
• Format- Identify most important elements (title, headings, maps, tables, graphs)
& place them on poster first. Then add text and secondary information.
Design Process:
![Page 40: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/40.jpg)
Simply your Poster with Maps, Graphs and Headings
![Page 41: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/41.jpg)
Images and Graphs say much more than words!
![Page 42: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/42.jpg)
Keep Poster Visual!
Images and
Graphs say
much more
than words!
![Page 43: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/43.jpg)
Think about what information is important for your readers to understand for the project
Overview map- Important data or locations◦ Basic information that might give the reader background info or
context. Factor Maps- Important to show what went into
your model (not necessarily intermediary steps)◦ Ex: Suitability Analysis: Distance from Roads
Might be better to show the actual Euc Distance with distance values rather than the reclassify layer that doesn’t have values but just numbers.
Final Map- Some may have a “final” map, others might not (that’s okay).
What kind of Maps should I include on my poster?
![Page 44: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/44.jpg)
◦ Determine the shape you want your maps to be on the poster Square, rectangle
◦ Set up the page so that the maps are exported bigger than what they will be on your poster. 20x20 usually works (if it’s a square). Adjust for rectangle.
◦ Export maps with just legend, north arrow, and scale bar.
◦ Use Publisher to put in titles and other explanatory text
◦ Export maps as a JPEG, GIF or Tiff at 300 DPI.
Exporting Maps
![Page 45: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/45.jpg)
![Page 46: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/46.jpg)
Resolution: 300 dpi Caution: Web images are 72 dpi
SnagIt - software increases image resolution
Format: JPG (photos)TIFF (yields large files)GIF (solid colors, text)
Working with Images:What you see is NOT what you get!
![Page 47: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/47.jpg)
![Page 48: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/48.jpg)
Why should anyone care?
What am I adding to current knowledge?
Are my visuals effective and understandable?
Have I conveyed the findings clearly?
Are my recommendations valid?
Is my poster effective?
![Page 49: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/49.jpg)
Edit, Edit, Edit and EVALUATE!
![Page 50: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/50.jpg)
Print out a letter size draft.
◦ Can you read the type?
◦ Are the colors what you really want?
◦ Does it look too busy?
◦ Do the main points pop out?
So you think your finally done?
![Page 51: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/51.jpg)
?MS PowerPointAdobe InDesign
MS Publisher
Which software to use
![Page 52: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/52.jpg)
![Page 53: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/53.jpg)
12 columns
![Page 54: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/54.jpg)
3 main columns: 4 / 4 / 4
![Page 55: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/55.jpg)
![Page 56: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/56.jpg)
![Page 57: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/57.jpg)
![Page 58: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/58.jpg)
![Page 59: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/59.jpg)
![Page 60: Poster Design and Creation Tips January 2015 GIS Center Tufts University.](https://reader030.fdocuments.in/reader030/viewer/2022032517/56649c885503460f9494015d/html5/thumbnails/60.jpg)
Questions???
Special Thanks to Dr. Barbara Parmenter and Melanie St. James for various slide graphics and information regarding design
concepts