Your SlideShare is downloading. ×
0
ADVANCED DESIGN
#SJIDESIGN
#UFSJI
@justingalicz
justingalicz@gmail.com
INTRODUCTION
What do you want to get out of this class?
Design dilemmas?
Technical vs Theoretical?
About yourself
-level o...
WHO THE HECK AM I?
YEARBOOK NERD (YERD4LIFE)
Orlando Sentinel Interactive and Design Intern
Freelancer - logo, design, web...
WHAT IS DESIGN
Communication of ideas
More than just spread design
Examples and applications:
-Magazine and Newspaper layo...
DESIGN,WHO GIVES A SHIT?
DESIGN,WHO GIVES A SHIT?
Guide the reader
Anticipate their needs
Create their experience
Developing emotional response
Mak...
PRINCIPLES OF DESIGN
Focal Point
Contrast
Balance
Movement
Rhythm
Perspective
Unity
FOCAL POINT
CONTRAST
BALANCE
MOVEMENT
RHYTHM
PERSPECTIVE
UNITY
ELEMENTS OF DESIGN
Color
Space
Line

Texture

Typography
Alignment



COLOR
SPACE
LINE
TEXTURE
46 47
AA
U S
AAAAAAAAAAAAAAAA
THE IMPOSSIBLE DREAMTHE IMPOSSIBLE DREAMTHE IMPOSSIBLE DREAM
TEAM USA HAVE NOTHING T...
TYPOGRAPHY
ALIGNMENT
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | ...
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | ...
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | ...
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | ...
EXAMPLES
PRINCIPLES:
Focal Point
Contrast
Balance
Movement
Rhythm
Perspective
Unity
!
ELEMENTS:
Color
Space
Line

Texture
...
EXAMPLES
PRINCIPLES:
Focal Point
Contrast
Balance
Movement
Rhythm
Perspective
Unity
!
ELEMENTS:
Color
Space
Line

Texture
...
EXAMPLES
PRINCIPLES:
Focal Point
Contrast
Balance
Movement
Rhythm
Perspective
Unity
!
ELEMENTS:
Color
Space
Line

Texture
...
EXAMPLES
PRINCIPLES:
Focal Point
Contrast
Balance
Movement
Rhythm
Perspective
Unity
!
ELEMENTS:
Color
Space
Line

Texture
...
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | ...
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | ...
EXAMPLES
PRINCIPLES:
Focal Point
Contrast
Balance
Movement
Rhythm
Perspective
Unity
!
ELEMENTS:
Color
Space
Line

Texture
...
EXAMPLES
PRINCIPLES:
Focal Point
Contrast
Balance
Movement
Rhythm
Perspective
Unity
!
ELEMENTS:
Color
Space
Line

Texture
...
CRITIQUES
SIMPLE WAYS TO BETTER YOUR
PUBLICATION
Develop consistent brand
3 typefaces - MAX, but mix them up
Use a grid
Unified look,...
SIMPLE WAYS TO BETTER YOUR
PUBLICATION
No trapped white space
Mix up vertical and horizontal
Show off your students
Use typ...
SIMPLE WAYS TO BETTER YOUR
PUBLICATION
Increased visual storytelling
-infographics, photo stories, maps, pull quotes,
illu...
ELEMENTS OF A BRAND
-Logo
-Font
-Color Scheme
-Product
-Emotional Connection
-Social Media

ELEMENTS OF A BRAND
LOGO
-Symbol that represents who you are
-Matches your color scheme / font
-Recognizable from a thumbnail, scalable
-Impor...
EXAMPLE
GROUP ACTIVITY
The Daily Bugle

15-20 minutes
Develop a brand in groups of 2-3
Color Palette
Typefaces
Logo
Iconography
Ae...
RESOURCES/INSPIRATION
http://designspiration.net/
https://www.behance.net/
https://dribbble.com/
http://www.pinterest.com
...
TUMBLR TIME
#SJIDesign #UFSJI
-Something you learned
-Something you want to learn
-Something you found interesting
-If I s...
Advanced Design SJI 2014
Advanced Design SJI 2014
Advanced Design SJI 2014
Advanced Design SJI 2014
Upcoming SlideShare
Loading in...5
×

Advanced Design SJI 2014

371

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
371
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Advanced Design SJI 2014"

  1. 1. ADVANCED DESIGN #SJIDESIGN #UFSJI @justingalicz justingalicz@gmail.com
  2. 2. INTRODUCTION What do you want to get out of this class? Design dilemmas? Technical vs Theoretical? About yourself -level of experience -position -yearbook, newspaper, broadcast, other
  3. 3. WHO THE HECK AM I? YEARBOOK NERD (YERD4LIFE) Orlando Sentinel Interactive and Design Intern Freelancer - logo, design, websites Lover of ice cream, french bulldogs and making fun of Steve Johnson
  4. 4. WHAT IS DESIGN Communication of ideas More than just spread design Examples and applications: -Magazine and Newspaper layout -Signs, Billboards, Advertisements -Brand Identity -Information/Data -Packaging -Websites -Interface and User Experience -Posters and Illustrations -CD and Album covers -iPhone and iPad -Photographers -Etc.
  5. 5. DESIGN,WHO GIVES A SHIT?
  6. 6. DESIGN,WHO GIVES A SHIT? Guide the reader Anticipate their needs Create their experience Developing emotional response Make sense of the world “Design is the method of putting form and content together. Design, just as art, has multiple definitions; there is no single definition. Design can be art. Design can be aesthetics. Design is so simple, that’s why it is so complicated” -Paul Rand
  7. 7. PRINCIPLES OF DESIGN Focal Point Contrast Balance Movement Rhythm Perspective Unity
  8. 8. FOCAL POINT
  9. 9. CONTRAST
  10. 10. BALANCE
  11. 11. MOVEMENT
  12. 12. RHYTHM
  13. 13. PERSPECTIVE
  14. 14. UNITY
  15. 15. ELEMENTS OF DESIGN Color Space Line
 Texture
 Typography Alignment
 

  16. 16. COLOR
  17. 17. SPACE
  18. 18. LINE
  19. 19. TEXTURE 46 47 AA U S AAAAAAAAAAAAAAAA THE IMPOSSIBLE DREAMTHE IMPOSSIBLE DREAMTHE IMPOSSIBLE DREAM TEAM USA HAVE NOTHING TO FEAR FROM THE GROUP OF DEATH. THEIR BIGGEST THREAT IS THEMSELVES. I L L U S T R A T I O N B Y E M M A N U E L P O L A N C O B Y J A S P E R L I P T O N
  20. 20. TYPOGRAPHY
  21. 21. ALIGNMENT
  22. 22. EXAMPLES PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
  23. 23. EXAMPLES PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
  24. 24. EXAMPLES PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
  25. 25. EXAMPLES PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
  26. 26. EXAMPLES PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity ! ELEMENTS: Color Space Line
 Texture
 Typography Alignment
 Placement
  27. 27. EXAMPLES PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity ! ELEMENTS: Color Space Line
 Texture
 Typography Alignment
 Placement
  28. 28. EXAMPLES PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity ! ELEMENTS: Color Space Line
 Texture
 Typography Alignment
 Placement
  29. 29. EXAMPLES PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity ! ELEMENTS: Color Space Line
 Texture
 Typography Alignment
 Placement
  30. 30. EXAMPLES PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
  31. 31. EXAMPLES PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
  32. 32. EXAMPLES PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity ! ELEMENTS: Color Space Line
 Texture
 Typography Alignment
 Placement
  33. 33. EXAMPLES PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity ! ELEMENTS: Color Space Line
 Texture
 Typography Alignment
 Placement
  34. 34. CRITIQUES
  35. 35. SIMPLE WAYS TO BETTER YOUR PUBLICATION Develop consistent brand 3 typefaces - MAX, but mix them up Use a grid Unified look, but individual elements per section White space is not your enemy Think from your reader’s perspective Experiment and be inspired by others’ work Always be looking for inspiration

  36. 36. SIMPLE WAYS TO BETTER YOUR PUBLICATION No trapped white space Mix up vertical and horizontal Show off your students Use typefaces that have variety of weights/styles Cut-outs, pull quotes, side bars, reverse text, color By the numbers, what are you listening to, timelines ! 

  37. 37. SIMPLE WAYS TO BETTER YOUR PUBLICATION Increased visual storytelling -infographics, photo stories, maps, pull quotes, illustrations - people process images faster Think outside the box - innovate Don’t be afraid to try something new Listen to your entire staff
  38. 38. ELEMENTS OF A BRAND -Logo -Font -Color Scheme -Product -Emotional Connection -Social Media

  39. 39. ELEMENTS OF A BRAND
  40. 40. LOGO -Symbol that represents who you are -Matches your color scheme / font -Recognizable from a thumbnail, scalable -Important for recognition in an expanding global world

  41. 41. EXAMPLE
  42. 42. GROUP ACTIVITY The Daily Bugle
 15-20 minutes Develop a brand in groups of 2-3 Color Palette Typefaces Logo Iconography Aesthetic ! 

  43. 43. RESOURCES/INSPIRATION http://designspiration.net/ https://www.behance.net/ https://dribbble.com/ http://www.pinterest.com http://www.fastcodesign.com/ http://issuu.com/
 http://www.skillshare.com/ http://www.lynda.com/ https://www.youtube.com/ https://kuler.adobe.com/
 http://www.losttype.com/ http://www.fontsquirrel.com/ http://www.dafont.com/

  44. 44. TUMBLR TIME #SJIDesign #UFSJI -Something you learned -Something you want to learn -Something you found interesting -If I suck

  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×