SlideShare a Scribd company logo
1 of 27
Download to read offline
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard
Graphic Design: The Forgotten Web Standard

More Related Content

Recently uploaded

Unlock Canva Pro for Free Today - Canva Pro for Free.pdf
Unlock Canva Pro for Free Today - Canva Pro for Free.pdfUnlock Canva Pro for Free Today - Canva Pro for Free.pdf
Unlock Canva Pro for Free Today - Canva Pro for Free.pdfLewis John
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Thomas Schielke
 
Highway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam Siyoufi
Highway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam SiyoufiHighway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam Siyoufi
Highway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam Siyoufisiyoufihoussam
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONAnastasiya Kudinova
 
City Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxCity Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxYaminiDabbara
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
How Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesHow Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesThomas Schielke
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Pranav Subramanian
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVAAnastasiya Kudinova
 
CERTIFICATE TEMPLATES FOR PORTFOLIO DAYS
CERTIFICATE TEMPLATES FOR PORTFOLIO DAYSCERTIFICATE TEMPLATES FOR PORTFOLIO DAYS
CERTIFICATE TEMPLATES FOR PORTFOLIO DAYSCarloJamesSablan1
 
_Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy...
_Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy..._Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy...
_Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy...JIT KUMAR GUPTA
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 

Recently uploaded (20)

Unlock Canva Pro for Free Today - Canva Pro for Free.pdf
Unlock Canva Pro for Free Today - Canva Pro for Free.pdfUnlock Canva Pro for Free Today - Canva Pro for Free.pdf
Unlock Canva Pro for Free Today - Canva Pro for Free.pdf
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
 
Highway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam Siyoufi
Highway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam SiyoufiHighway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam Siyoufi
Highway LOS - Freeway-- Multilane -- highway class 2 & 3 Housam Siyoufi
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
 
City Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxCity Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptx
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
How Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives citiesHow Apple strives for the perfect sky and revives cities
How Apple strives for the perfect sky and revives cities
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVA
 
CERTIFICATE TEMPLATES FOR PORTFOLIO DAYS
CERTIFICATE TEMPLATES FOR PORTFOLIO DAYSCERTIFICATE TEMPLATES FOR PORTFOLIO DAYS
CERTIFICATE TEMPLATES FOR PORTFOLIO DAYS
 
_Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy...
_Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy..._Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy...
_Neighborhood Planning in Capital City of Chandigarh- An Appraisal (2) - Copy...
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 

Editor's Notes

  1. Intro - Designer at Carsonified So title of my talk is: Graphic Design: The Forgotten Web Standard. Talk in two chapters: 1. Observations from 2 years as a web designer. Balance of converation - Code/tech over design. 2. How graphic design can help us create ACCESSIBLE - USABLE and BEAUTIFUL sites.
  2. Print background One day two years ago got drunk Then I fell in love with web design
  3. Taught by Nick Harris
  4. the last two years have been an interesting time. sucked into world of web. learnt code + how web industry works.
  5. Amazed at community interaction, conversation, passion. forums, blogs, events, meet-ups. It’s great to see that passion and interaction on - Something that didn’t happen to me in the print world.
  6. Really struck me - Code based tech chat - Semantic Markup, CSS, Microformats, Progressive Enhancement. This is all cool - we need to learn. Flip side to this.
  7. 1. Obsessive, repetitive conversation over minor details h1 debate, where to use spans, site width, the fold, VALIDATION. 2. BUT EVEN *TOO MUCH* OF THE SENSIBLE CHAT CAN BE COUNTER PRODUCTIVE! EXAMPLE: Progressive Enhancement. Party glass - Richer user experience. The excessive focus on theories, tools and process rather then end product. We need to learn - but not obsess - Artists debating paint brushes??? These obsessions can hampers progression - web is new - finely tuning an old engine These debates are cogs in a much larger machine.
  8. it’s interesting we tend to focus on the technical side... because I don’t think limitations come from our tools... they come from our imaginations. You can know your tools inside out... but you still need to be able to design
  9. There’s a missing conversation on the web
  10. I care.. we all care about web standards & graphic design contributes to this - Graphic design is your greatest weapon in creating - ACCESSIBLE - USABLE and BEAUTIFUL websites Lets take a look how graphic design can do this.
  11. Layout: make your site easy to use. don’t over complicate things. design for flow. use space space to balance content. UI design - Ryan Singer. DESIGN FOR EXPERIENCE
  12. Make your site engaging. make it beautiful. Make it connect Emotionally The bit I love! progressive enhancement debate. Richer user experience by design.
  13. Typography contributes to accessibility and the beauty of your site. Size, style, contrast, clear titles, readable paragraphs. Attention to detail with - tracking and leading (letterspacing, line height) get creative with type - Type bases for great design! Web typography debate: it’s how we use fonts not how many we have
  14. Copy is... informative engaging - factually & emotionaly Good Copy influences design Strapline example
  15. Colour is beautiful and complicated. Communicates Seduces Creates Mood Learn colour theory Choosing schemes - Dulux charts
  16. whole other talk photography and illustration bring a page to life use none over crap
  17. web is drowned in trends make your mark by breaking away ask yourself why? flickr feed, twitter feed. Are you adding content for sake of it? Become the trendsetter stay away from galleries for inspiration - use books & your environment Go to smashing magazine - check 2009 trends - avoid them
  18. Imagine your web page in print. Think outside the context of the web. It’ll make you think of things you’ve never though of before.
  19. Future of web design is many things: Web design is Graphic Design. Front end code + design is part of the same job. Code is a web designer’s paint brush - use it well... but concentrate on the canvas not the brush. *Learn from past masters to catapult you into the future* Committed to web standards??? Web is beautiful place - it’s new - it needs to grow - you’re responsible for that. ***Graphic design is club - Hillman Curtis Film***
  20. You might have noticed that I’ve used my slides to experiment with some graphic design. Nice way to end my talk.
  21. I have a poster my influences. Grow up with david carson and neville brody recently: peepshow collective and i love dust Joseph Müller-Brockmann (these slides) searching flickr