Advanced Design SJI 2014
-
Upload
justingalicz -
Category
Design
-
view
109 -
download
1
description
Transcript of Advanced Design SJI 2014
![Page 2: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/2.jpg)
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
![Page 3: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/3.jpg)
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
![Page 4: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/4.jpg)
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.
![Page 5: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/5.jpg)
DESIGN, WHO GIVES A SHIT?
![Page 6: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/6.jpg)
![Page 7: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/7.jpg)
![Page 8: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/8.jpg)
![Page 9: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/9.jpg)
![Page 10: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/10.jpg)
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
![Page 11: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/11.jpg)
PRINCIPLES OF DESIGN
Focal Point Contrast Balance Movement Rhythm Perspective Unity
![Page 12: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/12.jpg)
FOCAL POINT
![Page 13: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/13.jpg)
CONTRAST
![Page 14: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/14.jpg)
BALANCE
![Page 15: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/15.jpg)
MOVEMENT
![Page 16: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/16.jpg)
RHYTHM
![Page 17: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/17.jpg)
PERSPECTIVE
![Page 18: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/18.jpg)
UNITY
![Page 19: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/19.jpg)
ELEMENTS OF DESIGNColor Space LineTextureTypography Alignment
![Page 20: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/20.jpg)
COLOR
![Page 21: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/21.jpg)
SPACE
![Page 22: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/22.jpg)
LINE
![Page 23: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/23.jpg)
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
![Page 24: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/24.jpg)
TYPOGRAPHY
![Page 25: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/25.jpg)
ALIGNMENT
![Page 26: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/26.jpg)
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
![Page 27: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/27.jpg)
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
![Page 28: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/28.jpg)
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
![Page 29: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/29.jpg)
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
![Page 30: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/30.jpg)
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
![Page 31: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/31.jpg)
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
![Page 32: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/32.jpg)
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
![Page 33: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/33.jpg)
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
![Page 34: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/34.jpg)
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
![Page 35: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/35.jpg)
EXAMPLES
PRINCIPLES: Focal Point | Contrast | Balance | Movement | Rhythm | Perspective | Unity
ELEMENTS: Color | Space | Line | Texture | Typography | Alignment | Placement
![Page 36: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/36.jpg)
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
![Page 37: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/37.jpg)
EXAMPLES
PRINCIPLES: Focal Point Contrast Balance Movement Rhythm Perspective Unity !ELEMENTS: Color Space LineTextureTypography AlignmentPlacement
![Page 38: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/38.jpg)
CRITIQUES
![Page 39: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/39.jpg)
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
![Page 40: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/40.jpg)
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
!
![Page 41: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/41.jpg)
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
![Page 42: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/42.jpg)
ELEMENTS OF A BRAND
-Logo -Font -Color Scheme -Product -Emotional Connection -Social Media
![Page 43: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/43.jpg)
ELEMENTS OF A BRAND
![Page 44: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/44.jpg)
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
![Page 45: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/45.jpg)
EXAMPLE
![Page 46: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/46.jpg)
GROUP ACTIVITY
The Daily Bugle
15-20 minutes Develop a brand in groups of 2-3 Color Palette Typefaces Logo Iconography Aesthetic !
![Page 47: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/47.jpg)
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/
![Page 48: Advanced Design SJI 2014](https://reader034.fdocuments.us/reader034/viewer/2022051515/54c7334b4a7959551b8b4577/html5/thumbnails/48.jpg)
TUMBLR TIME #SJIDesign #UFSJI
-Something you learned -Something you want to learn -Something you found interesting -If I suck