advanced design sji 2014

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 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