Armin Vit Designing Blogs/Blogging Design

93
designingblogs bloggingdesign by armin vit on friday, may 22 for webvisions 2009

description

First presented at WebVisions09. A look at the intimate relationship between blogging and designing and between blogs and design. Today, you have everyone from architects, to chefs, to politicians, to pop starlets filling blogs with the areas of their expertise but, to varying degrees, most of them are removed from the process of designing or developing a blog of their own — graphic and web designers, on the other hand, have a more symbiotic relationship with this medium that they employ to talk about design. This session will explore what it means to design a blog and what it entails to blog about design, what works and what doesn’t and why, even with the thousands of design blogs out there, it still matters that we keep doing it.

Transcript of Armin Vit Designing Blogs/Blogging Design

Page 1: Armin Vit Designing Blogs/Blogging Design

designingblogsbloggingdesign by armin vit on friday, may 22 for webvisions 2009

Page 2: Armin Vit Designing Blogs/Blogging Design

quick backgroundARRIVED 1977 / Mexico City / LEFT 1999

ARRIVED 1999 / Atlanta, GA / LEFT 2001

ARRIVED 2001 / Chicago, IL / LEFT 2004

ARRIVED 2004 / New York, NY / LEFT 2009

ARRIVED 2009 / Austin, TX / leave?

Page 3: Armin Vit Designing Blogs/Blogging Design

quick background

Page 4: Armin Vit Designing Blogs/Blogging Design

quick background

Page 5: Armin Vit Designing Blogs/Blogging Design

design blogging

Page 6: Armin Vit Designing Blogs/Blogging Design

design bloggingDeveloping a Voice

Page 7: Armin Vit Designing Blogs/Blogging Design

design bloggingDeveloping a VoiceCreating a Context

Page 8: Armin Vit Designing Blogs/Blogging Design

design bloggingDeveloping a VoiceCreating a ContextFostering a Habit

Page 9: Armin Vit Designing Blogs/Blogging Design

design bloggingDeveloping a VoiceCreating a ContextFostering a Habit

Page 10: Armin Vit Designing Blogs/Blogging Design

A designing bloggerYou can make decisions about, and put yourself in control of:

Page 11: Armin Vit Designing Blogs/Blogging Design

A designing bloggerYou can make decisions about, and put yourself in control of:

Design approach

Page 12: Armin Vit Designing Blogs/Blogging Design

A designing bloggerYou can make decisions about, and put yourself in control of:

Design approachPublishing structure

Page 13: Armin Vit Designing Blogs/Blogging Design

A designing bloggerYou can make decisions about, and put yourself in control of:

Design approachPublishing structurePhilosophy

Page 14: Armin Vit Designing Blogs/Blogging Design

A designing bloggerYou can make decisions about, and put yourself in control of:

Design approachPublishing structurePhilosophyTopics

Page 15: Armin Vit Designing Blogs/Blogging Design

design approach designed vs. undesigned

Page 16: Armin Vit Designing Blogs/Blogging Design

design approach designed vs. undesigned

Page 17: Armin Vit Designing Blogs/Blogging Design

design approach designed vs. undesigned

Page 18: Armin Vit Designing Blogs/Blogging Design

design approach designed vs. undesigned

Page 19: Armin Vit Designing Blogs/Blogging Design

design approach designed vs. undesigned

Page 20: Armin Vit Designing Blogs/Blogging Design

design approach designed vs. undesigned

Page 21: Armin Vit Designing Blogs/Blogging Design

design approach designed vs. undesigned

Page 22: Armin Vit Designing Blogs/Blogging Design

design approach 2-col, l vs. 2-col, R

Page 23: Armin Vit Designing Blogs/Blogging Design

design approach 2-col, l vs. 2-col, R

Page 24: Armin Vit Designing Blogs/Blogging Design

design approach 2-col, l vs. 2-col, R

Page 25: Armin Vit Designing Blogs/Blogging Design

design approach 2-col, l vs. 2-col, R

Page 26: Armin Vit Designing Blogs/Blogging Design

design approach 3-col, c vs. 3-col, s

Page 27: Armin Vit Designing Blogs/Blogging Design

design approach 3-col, c vs. 3-col, s

Page 28: Armin Vit Designing Blogs/Blogging Design

design approach 3-col, c vs. 3-col, s

Page 29: Armin Vit Designing Blogs/Blogging Design

design approach 3-col, c vs. 3-col, s

Page 30: Armin Vit Designing Blogs/Blogging Design

design approach 3-col, c vs. 3-col, s

Page 31: Armin Vit Designing Blogs/Blogging Design

design approach 3-col, c vs. 3-col, s

Page 32: Armin Vit Designing Blogs/Blogging Design

design approach 3-col, c vs. 3-col, s

Page 33: Armin Vit Designing Blogs/Blogging Design

publishing structure multi vs. single

Page 34: Armin Vit Designing Blogs/Blogging Design

publishing structure multi vs. single

Page 35: Armin Vit Designing Blogs/Blogging Design

publishing structure multi vs. single

Page 36: Armin Vit Designing Blogs/Blogging Design

publishing structure multi vs. single

Page 37: Armin Vit Designing Blogs/Blogging Design

publishing structure multi vs. single

Page 38: Armin Vit Designing Blogs/Blogging Design

philosophy inclusive vs. exclusive

Page 39: Armin Vit Designing Blogs/Blogging Design

philosophy inclusive vs. exclusive

Page 40: Armin Vit Designing Blogs/Blogging Design

philosophy inclusive vs. exclusive

Page 41: Armin Vit Designing Blogs/Blogging Design

philosophy inclusive vs. exclusive

Page 42: Armin Vit Designing Blogs/Blogging Design

philosophy inclusive vs. exclusive

Page 43: Armin Vit Designing Blogs/Blogging Design

topics broad vs. specific

Page 44: Armin Vit Designing Blogs/Blogging Design

topics broad vs. specific

Page 45: Armin Vit Designing Blogs/Blogging Design

topics broad vs. specific

Page 46: Armin Vit Designing Blogs/Blogging Design

topics broad vs. specific

Page 47: Armin Vit Designing Blogs/Blogging Design

topics broad vs. specific

Page 48: Armin Vit Designing Blogs/Blogging Design

topics broad vs. specific

Page 49: Armin Vit Designing Blogs/Blogging Design

topics work vs. non-work

Page 50: Armin Vit Designing Blogs/Blogging Design

topics work vs. non-work

Page 51: Armin Vit Designing Blogs/Blogging Design

topics work vs. non-work

Page 52: Armin Vit Designing Blogs/Blogging Design

topics work vs. non-work

Page 53: Armin Vit Designing Blogs/Blogging Design

topics work vs. non-work

Page 54: Armin Vit Designing Blogs/Blogging Design

topics work vs. non-work

Page 55: Armin Vit Designing Blogs/Blogging Design

topics work vs. non-work

Page 56: Armin Vit Designing Blogs/Blogging Design

underconsideration examplesSpeak UpBrand NewQuipsologiesDyslexflixWord ItFPO: For Print Only

Page 57: Armin Vit Designing Blogs/Blogging Design

speak upDesign approach: Designed, 3-col, CPublishing structure: MultiPhilosophy: Inclusive (yet, exclusive)Topics: Broad

Page 58: Armin Vit Designing Blogs/Blogging Design

speak up

Page 59: Armin Vit Designing Blogs/Blogging Design

speak up

Page 60: Armin Vit Designing Blogs/Blogging Design
Page 61: Armin Vit Designing Blogs/Blogging Design
Page 62: Armin Vit Designing Blogs/Blogging Design
Page 63: Armin Vit Designing Blogs/Blogging Design
Page 64: Armin Vit Designing Blogs/Blogging Design
Page 65: Armin Vit Designing Blogs/Blogging Design

brand newDesign approach: Designed, 2-col, LPublishing structure: Multi (almost single)Philosophy: Exclusive (yet, inclusive)Topics: Specific

Page 66: Armin Vit Designing Blogs/Blogging Design

brand new

Page 67: Armin Vit Designing Blogs/Blogging Design
Page 68: Armin Vit Designing Blogs/Blogging Design
Page 69: Armin Vit Designing Blogs/Blogging Design
Page 70: Armin Vit Designing Blogs/Blogging Design
Page 71: Armin Vit Designing Blogs/Blogging Design
Page 72: Armin Vit Designing Blogs/Blogging Design

quipsologiesDesign approach: Designed, 3-col, C InvPublishing structure: MultiPhilosophy: InclusiveTopics: Broad

Page 73: Armin Vit Designing Blogs/Blogging Design
Page 74: Armin Vit Designing Blogs/Blogging Design

dyslexflixDesign approach: Designed, 3-col, CPublishing structure: SinglePhilosophy: InclusiveTopics: Specific

Page 75: Armin Vit Designing Blogs/Blogging Design

dyslexflix

Page 76: Armin Vit Designing Blogs/Blogging Design
Page 77: Armin Vit Designing Blogs/Blogging Design
Page 78: Armin Vit Designing Blogs/Blogging Design

Word itDesign approach: Designed, 3-col, CPublishing structure: MultiPhilosophy: InclusiveTopics: Broad

Page 79: Armin Vit Designing Blogs/Blogging Design

Word it

Page 80: Armin Vit Designing Blogs/Blogging Design
Page 81: Armin Vit Designing Blogs/Blogging Design
Page 82: Armin Vit Designing Blogs/Blogging Design
Page 83: Armin Vit Designing Blogs/Blogging Design
Page 84: Armin Vit Designing Blogs/Blogging Design
Page 85: Armin Vit Designing Blogs/Blogging Design

fpo: for print onlyDesign approach: Designed, 2-col, LPublishing structure: MultiPhilosophy: InclusiveTopics: Specific

Page 86: Armin Vit Designing Blogs/Blogging Design

fpo: for print only

Page 87: Armin Vit Designing Blogs/Blogging Design
Page 88: Armin Vit Designing Blogs/Blogging Design
Page 89: Armin Vit Designing Blogs/Blogging Design

what it comes down to

Page 90: Armin Vit Designing Blogs/Blogging Design

what it comes down toObsession × Voice

–Marlin Mann

Page 91: Armin Vit Designing Blogs/Blogging Design

what it comes down toObsession × Voice

–Marlin MannGo where no one else has gone

Page 92: Armin Vit Designing Blogs/Blogging Design

what it comes down toObsession × Voice

–Marlin MannGo where no one else has goneDon’t write like a grammatical douchebag

Page 93: Armin Vit Designing Blogs/Blogging Design

thankyou