Your SlideShare is downloading. ×
0
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Design for TEDx events
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design for TEDx events

800

Published on

Published in: Design, Business
2 Comments
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
800
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
2
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • "Focus on user experience", "Story telling", "Remove everything that doesn't belong"
  • Contrast (adds visual interest through making two similar items VERY different, "make it BIG, or make it very small") It brings out dominant elements and creates dynamism
  • Works with typography
  • Blue and orange are opposite colors on Goethe ’ s color wheel
  • A classic example of contrast in an ad
  • Repetition (adds visual interest, creates unity, example: background color or pattern)
  • Stay consistent
  • Alignment (create order, visually connects elements) Grid (makes aligning much easier)
  • Examples
  • Examples
  • 1 : 1.61803398875 – also called the golden section (Latin: sectio aurea ) or golden mean Fibonacci sequence : 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, ...
  • Proximity (group related elements, separate unrelated ones) (use just the right images, no more) Gestalt "People often don't look at every detail, but experience a page/spread as a 'unified whole' (Gestalt psychology, Germany 1920s)
  • “ Things that are seen together seem to belong together. ”
  • First decide on a physical dimension: standard / non-standard, portrait (vertical) / landscape (horizontal), square, round, etc. Size matters and communicates. If it ’ s a brochure, how is it going to be bound? Spiral, traditional, or simply a large piece folded into small?
  • Examples
  • Examples
  • Examples
  • Examples
  • Examples
  • Examples
  • Helvetica only! Hierarchy is important, “ what to look first at? ” , using styles Clear discernible headlines Text as a design element should be easy to scan with the eye Balanced relationship between body text, line spacing and white space
  • Hierarchy of importance
  • Examples
  • Examples
  • Examples
  • “ A picture says more than a 1000 words ” How much? Full page w. a headline, balanced btw. text and pictures, just one picture per page? Consistency in image style, decide on art direction: focus on people / illustration / metaphors / abstract Resist using built-in clip art
  • A picture says more than a 1000 words
  • Or focus on people
  • Or using illustrations –
  • Or a combination of pictures, illustration, etc.
  • We all should know by now that the TEDx logo is fixed in shape, color, font and the size relationship of all it ’ s elements
  • It ’ s very easy: there are only 3 colors in TEDx design, red, black and white (mostly background)
  • Mostly in web and print design, but as a style element it should be used consistently across all platforms
  • Example
  • Example
  • User experience, usability principles
  • User experience, usability principles
  • Horizontal is better Two holes to hang is better First name needs to be VERY large
  • User experience, usability principles
  • Nancy Duarte: Slide:ology, Garr Reynolds: Presentation Zen “ Remove what doesn ’ t belong ” Big supporting images, little to no text NO bullet points!
  • Transcript

    • 1. Herbert ReiningerTEDxPSU, TEDxJNJ, TEDxLionRockxDesign for TED Events
    • 2. ContrastCRAP: contrast, repetition, alignment, proximityIntangible design principles
    • 3. Repetition / consistencyCRAP: contrast, repetition, alignment, proximityIntangible design principles
    • 4. Alignment / gridCRAP: contrast, repetition, alignment, proximityIntangible design principles
    • 5. ProximityCRAP: contrast, repetition, alignment, proximityIntangible design principles
    • 6. Size / shapeElements of designSize, type, pictures, logo, color, white space
    • 7. TypographySize, type, pictures, logo, color, white spaceElements of design
    • 8. small
    • 9. PicturesSize, type, pictures, logo, color, white spaceElements of design
    • 10. LogoSize, type, pictures, logo, color, white spaceElements of design
    • 11. http://www.ted.com/pages/creating_your_tedx_logo
    • 12. ColorSize, type, pictures, logo, color, white spaceElements of design
    • 13. TED RedPantone 485CMYK 0 100 100 0RGB 255 43 6Web ff 2b 06TED BlackPantone BlackCMYK 0 0 0 100RGB 0 0 0Web 00 00 00
    • 14. White spaceSize, type, pictures, logo, color, white spaceElements of design
    • 15. Web designTypes of designWeb, event, print, presentation
    • 16. http://www.ted.com/pages/creating_a_tedx_website
    • 17. http://www.ted.com/pages/creating_a_tedx_website
    • 18. http://www.ted.com/pages/creating_a_tedx_website
    • 19. http://www.ted.com/pages/creating_a_tedx_website
    • 20. http://www.ted.com/pages/creating_a_tedx_website
    • 21. Event designWeb, event, print, presentationTypes of design
    • 22. Presentation designWeb, event, print, presentationTypes of design
    • 23. Let’s talk

    ×