Design Is All Around You

This is an intro to the elements, principles, and categories of graphic design (plus a brief journey through my story). I created it as an hour workshop for interested students at MCA on October 14, 2015.

The work featured is not my own (minus a handful of examples). The rights are owned by each respective company or artist and are in no way affiliated with my presentation. This was purely used for educational purposes.

Transcript

1. Hi!
2. My name is Brandon Harrison
3. I am the Design Director at Living Word
5. I am also a Freelance Designer Focusing on identity design
7. Question
8. What are you interested in?
9. Sports?
10. Sports? Music?
11. Sports? Music? Art?
12. Sports? Music? Art? Video Games?
13. Sports? Music? Art? Video Games? School?
14. Sports? Music? Art? Video Games? School?
15. Sports? Music? Art? Video Games? School? Share a common denom- inator.
16. Sports? Music? Art? Video Games? School? Share a common denom- inator.
17. ports? usic? rt? deo Games? chool? Share a common denom- inator.
18. ports? usic? rt? deo Games? chool?
19. ports? usic? rt? deo Games? chool? DES IGN
20. SPORTS
25. MUSIC
31. ART
33. VIDEO GAMES
36. SCHOOL
38. 9201 75th Avenue North Brooklyn Park, MN 55428 • 763.488.7900 • mcamustangs.org From the Office of the HEAD OF SCHOOL Academically Rigorous. Distinctly Christian. MARANATHA CHRISTIAN ACADEMY mcamustangs.org Academically Rigorous. Distinctly Christian. Jane Wallen Admissions Director jwallen@mca.lwcc.org direct (763) 488-7918 mcamustangs.org Academically Rigorous. Distinctly Christian. Jane Wallen Admissions Director jwallen@mca.lwcc.org direct (763) 488-7918 mcamustangs.org Academically Rigorous. Distinctly Christian. Jane Wallen Admissions Director jwallen@mca.lwcc.org direct (763) 488-7918 mcamustangs.org Academically Rigorous. Distinctly Christian. Jane Wallen Admissions Director jwallen@mca.lwcc.org direct (763) 488-7918
40. Is it designed? Ask this...
41. NOT IN N TURE?
42. Someone designed it. NOT IN N TURE?
43. Design is all around MCA Workshop 2015
44. Design is all around MCA Workshop 2015 Design is all around MCA Workshop 2015
45. Design is all around MCA Workshop 2015
46. Design is all around MCA Workshop 2015
48. AB- OUT ME...
49. AB- OUT ME...
50. I grew up Interested in art
51. I grew up Interested in art
55. Took an Art class in high school
56. Took an Art class in high school
59. Also learned Desktop Publishing
60. Also learned Desktop Publishing
64. Became interested in Skateboarding & Snowboarding
65. Became interested in Skateboarding & Snowboarding
69. Got a job at Caribou Coffee
70. Got a job at Caribou Coffee
74. Common thread was MUSIC
75. Common thread was MUSIC Common thread was
77. B Not me.
79. Webcam selfie FTW!
80. Started a band.
81. We took cool photos.
82. We took cool photos.
83. And I made it into a shirt.
90. Music lead me to Go Ministries
92. Where we also took “Cool” photos
93. Played the keytar/ keyboard
94. and guitar
95. Then I got asked to do something awesome...
96. DES Then I got asked to do something awesome...
110. Started working on Church Projects
116. Maybe I should do this Full time?
118. Halle lujah
119. Halle lujah !
120. Started working at Church in ‘09
121. Became the design Director last yr
122. Became the design Director last yr AND IT’S BEEN AWESOME
123. Became the design Director last yr AND IT’S BEEN AWESOME
124. Whew!
125. Whew! You survived.
127. Graphic Design
128. A plan for arranging forms, pictures, words, and meanings to accomplish a purpose. Graphic Design
129. “Thinking made
130. “Thinking made- Saul Bass
131. “Thinking made- Saul Bass
132. “Thinking made visual” - Saul Bass
133. “Thinking made visual” - Saul Bass visual problem
134. made visual” - Saul Bass visual problem solving
135. visual problem solving
136. Graphic Design is Different from other fields.
137. Archi- tecture
138. Archi- tecture
139. Archi- tecture walk through it
140. Industrial Design
141. Industrial Design
142. Industrial Design touch it
143. FAS- HION
144. FAS- HION
145. FAS- HION put it on
146. GRAPHIC DESIGN
147. GRAPHIC DESIGN
148. GRAPHIC DESIGN it’s in your head
149. GRAPHIC DESIGN it’s in your head
151. WHY DESIGN?
152. Design
153. Design Matters
154. Design Matters - Paula Scher
155. It can literally get you to Start or Stop something
163. It can also get you to Ponder or Pause
167. What else can design do?
168. PERSUADE
171. INFORM
175. IDENTIFY
178. MOTIVATE
181. ORGANIZE
184. ROUSE
187. BRAND
190. LOCATE
193. ENGAGE
196. Good design will:
197. Increase the possibility of success
198. Increase the possibility of success Created by Jamison Wieser from the Noun Project
199. SET ONE APART
200. SET ONE APART from their comp- etitors
201. EARN MORE MONEY
202. EARN MORE MONEY
203. EARN MORE MONEY
205. ELEM ENTS
206. ELEM ENTS of design
207. Line
208. Line
209. Line An elongated point. A mark across a surface.
210. Direction = straight
211. Direction = curved Direction = straight
212. Direction = angular Direction = curved Direction = straight
214. Quality = delicate
215. Quality = bold Quality = delicate
216. Quality = soft Quality = bold Quality = delicate
217. Quality = rough Quality = soft Quality = bold
220. Shape
221. Shape General outline of something. A closed path.
222. Geometric
223. Geometric Organic
224. Geometric Organic Representational
227. Positive/ Negative Space
228. Positive = definite shape Negative = shape between Positive/ Negative Space
235. Typography
236. Typography The design & arrangement of letterforms.
237. CATEGORIES
238. Serif A CATEGORIES
239. Serif Sans-serif A A CATEGORIES
240. Serif Sans-serif Script A A A CATEGORIES
241. Serif Slab-serif Sans-serif Script A A A A CATEGORIES
242. Serif Slab-serif Sans-serif Hand Script A A A A A CATEGORIES
243. Serif Slab-serif Sans-serif Hand Script Decorative A A A A A A CATEGORIES
244. STYLES Weight
245. STYLES LIGHT Weight
246. STYLES LIGHT REGULAR Weight
247. STYLES LIGHT REGULAR BOLD Weight
248. STYLES LIGHT REGULAR BOLD BLACK Weight
249. STYLES Width
250. STYLES CONDENSED Width
251. STYLES CONDENSED REGULAR Width
252. STYLES CONDENSED REGULAR EXTENDED Width
259. Color!
261. COLOR NEEDS CONTENT
273. HOT
274. HOT
275. Reinforces Mood & Tone
280. Texture
281. Texture Tactile quality of a surface or simulation.
282. Real Life
283. Real Life
284. Real Life
285. Real Life
286. Real Life
287. Skeumorphism
288. Skeumorphism
289. Skeumorphism
290. Skeumorphism
291. Printing Techniques
292. Printing Techniques Emboss
293. Printing Techniques Emboss / Deboss
294. Paper Textures
295. Paper Textures Linen
296. Paper Textures Linen / Felt Weave
297. Paper Textures Linen / Felt Weave / Recycled
298. Simulated
299. Simulated Smooth
300. Simulated Smooth / Natural
301. Simulated Smooth / Natural / Grit
303. PRINC IPLES
304. PRINC IPLES of design
305. Balance
306. Balance Stability created by distributing visual weight.
307. Symmetry
308. Symmetry
309. Symmetry
311. Asymmetry
313. Rythm
314. Rythm Pattern of elements which cause the eye to move around.
318. Unity
319. Unity When multiple elements look as if they belong together.
324. Emphasis
325. Emphasis
326. Emphasis
327. Emphasis
328. Emphasis
329. Emphasis Organizing & clarifying communication. Hierarchy.
330. Scale
331. Scale
332. Scale
333. Scale The size of an element in relations to others.
337. CATEG ORIES
338. CATEG ORIES of design
339. Advertising
340. Advertising Motivate, persuade, promote on behalf of brand or group.
345. Branding
346. Branding The overall experience you have with an organization.
350. Identity Design
351. Identity Design Establishes consistent visual appearance and personality.
357. Corporate Communication
358. Internal or external communication from a corp. Corporate Communication
362. Environmental Design
363. In constructed or natural envi- ronment to promote or inform. Environmental Design
367. Information Design
368. Clarifies complex information. Information Design
372. Interactive Design
373. Screen-based media that a user interacts with. Interactive Design
377. Motion Graphics
378. Screen-based visuals in motion. Motion Graphics
379. examples on video
380. Package Design
381. Form, structure, & appearance of a product’s package. Package Design
385. Promotional Design
386. Introduces, sells, or promotes a brand, idea, event, etc. Promotional Design
390. Publication Design
391. Editorial content on screen or print. Publication Design
395. Typographic Design
396. Creating letterforms, typefac- es, and type treatments. Typographic Design
399. GAME TIME!!
400. GAME TIME!!
401. GAME TIME!!
402. GAME TIME!!
403. GAME TIME!!
404. GAME TIME!!
406. Which do you prefer?
407. Which do you prefer?
408. Which do you prefer?
409. Which do you prefer? & WHY?
410. 1 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
411. 2 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
412. 3 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
413. 4 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
414. 5 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
415. 6 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
416. 7 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
417. 8 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
418. 9 A B Graphic Design. Brand Identity. Print. Web. harrison brandon.com 612.240.1229 Graph Brand Print harris brand 612.2 Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
419. 10 A B Advertising, Branding, Identity, Corporate Communication, Environmental, Information, Interactive, Motion Graphics, Packaging, Promotional, Publication, Typographic. Line, Shape, Positive/Negative Space, Typography, Color, Texture, Balance, Rythm, Unity, Emphasis, Scale.
420. Yay!
422. WANT TO LEARN MORE?
423. Read
424. Read GO: A Kidd’s Guide to Graphic Design
425. Read GO: A Kidd’s Guide to Graphic Design
426. Read
427. Read Design Basics Index
428. Read Design Basics Index by Jim Krause
429. Read Design Basics Index by Jim Krause
430. Watch
431. Watch team treehouse.com
432. Watch team treehouse.com
433. Watch
434. Watch skillshare.com
435. Watch skillshare.com
437. GIVE ME A SHOUT!
438. GIVE ME A SHOUT! brandon. harrison@ lwcc.org
439. Thx!