advanced design sji 2014
DESCRIPTION
TRANSCRIPT
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
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
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.
DESIGN, WHO GIVES A SHIT?
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
PRINCIPLES OF DESIGN
Focal Point Contrast Balance Movement Rhythm Perspective Unity
FOCAL POINT
CONTRAST
BALANCE
MOVEMENT
RHYTHM
PERSPECTIVE
UNITY
ELEMENTS OF DESIGNColor Space LineTextureTypography Alignment
COLOR
SPACE
LINE
TEXTURE
46 47
AAU SAAAAAAAAAAAAAAAA
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
TYPOGRAPHY
ALIGNMENT
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
CRITIQUES
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
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
!
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
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 -Important for recognition in an expanding global world
EXAMPLE
GROUP ACTIVITY
The Daily Bugle
15-20 minutes Develop a brand in groups of 2-3 Color Palette Typefaces Logo Iconography Aesthetic !
RESOURCES/INSPIRATIONhttp://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/
TUMBLR TIME #SJIDesign #UFSJI
-Something you learned -Something you want to learn -Something you found interesting -If I suck