SlideShare a Scribd company logo
What web designers could learn
 from print designers
Photo by http://flickr.com/photos/jepoirrier
WHO AM I


Erlend Debast
blog.artueel.be
erlend@artueel.be

Designer, “slicer” @ Boulevart.be
3 facts about print


 ‣   It’s something physical,
     you can touch it
 ‣   It’s more mature
 ‣   “More” freedom as a designer
When looking for inspiration,
print should be inspiring you
Print ≠ Internet - we all know that
    We should “borrow” certain design principles
It’s time to forget about the web 2.0 look




Photo by http://flickr.com/photos/tomstardust
What web designers could learn
from print designers




                           Typography


Photo by ilovetypography.com
‣   Drop the tiny font-size
‣   Drop the tiny font-size

‣   Use different font-faces
‣   Drop the tiny font-size

‣   Use different font-faces

‣   People love color
‣   Drop the tiny font-size

‣   Use different font-faces

‣   People love color

‣   What should be
    emphasized?
alistapart.com
happycog.com
What web designers could learn
from print designers




                              Whitespace


Photo by http://flickr.com/photos/anjin
‣   Use whitespace to
    create structure
‣   Use whitespace to
    create structure

‣   Let your content breath
‣   Use whitespace to
    create structure

‣   Let your content breath

‣   Give the visitor some rest
‣   Use whitespace to
    create structure

‣   Let your content breath

‣   Give the visitor some rest

‣   Whitespace is sexy
viget.com
shauninman.com
What web designers could learn
from print designers




                 Work the canvas
                                             Think big


Photo by http://flickr.com/photos/ccsharry
‣   Don’t get stuck in that
    tiny browser canvas
‣   Don’t get stuck in that
    tiny browser canvas

‣   Your design should be
    part of something bigger
‣   Don’t get stuck in that
    tiny browser canvas

‣   Your design should be
    part of something bigger

‣   Don’t create a limiting
    environment
‣   Don’t get stuck in that
    tiny browser canvas

‣   Your design should be
    part of something bigger

‣   Don’t create a limiting
    environment

‣   Don’t stair through a
    window, just look at the
    sky directly!
pojeta.cz
click-conference.com
What web designers could learn
from print designers




                     Composition


Photo by *Unknown*
‣   Divide your texts
    into columns
‣   Experiment with columns,
    text in multiple columns?

‣   Your copy should be
    part of the lay-out
‣   Experiment with columns,
    text in multiple columns?

‣   Your copy should be
    part of the lay-out

‣   Stop designing boring
    websites
‣   Experiment with columns,
    text in multiple columns?

‣   Your copy should be
    part of the lay-out

‣   Stop designing boring
    websites

‣   Create contrast using
    composition
informationarchitects.jp
typeneu.com
What web designers could learn
from print designers




                Visual Language


Photo by flickr.com/photos/41894180030@N01
‣   Your design should
    communicate something
‣   Your design should
    communicate something

‣   Design & content need
    to become “one”
‣   Your design should
    communicate something

‣   Design & content need
    to become “one”

‣   There’s no such thing as;
    “One template to rule
    them all”
‣   Your design should
    communicate something

‣   Design & content need
    to become “one”

‣   There’s no such thing as;
    “One template to rule
    them all”

‣   Design your content, not
    only the surrounding
    elements
‣   Your design should
    communicate something

‣   Design & content need
    to become “one”

‣   There’s no such thing as;
    “One template to rule
    them all”

‣   Design your content, not
    only the surrounding
    elements

‣   Your header & footer
    shouldn’t be the only
    Climax
jasonsantamaria.com
duoh.com
Your design                                 & content
                                                 Should tell a story




Photo by http://flickr.com/photos/14908325@N07
How do we create those designs?
Xhtml & css, my friend
“My complaint, right now, is that the majority of
storytelling that happens on the Web is based in
the interactively rich environment made possible
by Flash”


             ...not enough Web standards-minded
             designers are thinking narratively in the
             way that our Flash-fluent colleagues are...


                                             Khoi Vinh
We need to stop hiding
behind technologies...
End of story...

Erlend Debast
blog.artueel.be
erlend@artueel.be

Designer, “slicer” @ Boulevart.be

More Related Content

What's hot

Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5
Tero A. Laiho
 
Web Accessibility Gone Wild
Web Accessibility Gone WildWeb Accessibility Gone Wild
Web Accessibility Gone Wild
Jared Smith
 
Does Your Internet Marketing Stand Out from the Crowd?
Does Your Internet Marketing Stand Out from the Crowd?Does Your Internet Marketing Stand Out from the Crowd?
Does Your Internet Marketing Stand Out from the Crowd?
Trevor Dumbleton
 
Tumblr? I Barely Know Her!
Tumblr? I Barely Know Her!Tumblr? I Barely Know Her!
Tumblr? I Barely Know Her!
Jack Shedd
 
Minkoff getting noticed-gdc_final
Minkoff getting noticed-gdc_finalMinkoff getting noticed-gdc_final
Minkoff getting noticed-gdc_final
Ninguno Ningun Otro
 
Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed. August 2014
Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed.  August 2014Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed.  August 2014
Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed. August 2014
Faith Pollack
 
Blog Design (at BlogConf)
Blog Design (at BlogConf)Blog Design (at BlogConf)
Blog Design (at BlogConf)
Benjy Stanton
 
Portfolio
PortfolioPortfolio
Portfolio
Siva Ram
 
From Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great ContentFrom Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great Content
Vicke Cheung
 
Seo Simplified
Seo SimplifiedSeo Simplified
Seo Simplified
William Bay
 
Website Redesign: Less Hassle, More Happy
Website Redesign: Less Hassle, More HappyWebsite Redesign: Less Hassle, More Happy
Website Redesign: Less Hassle, More Happy
Sisarina
 
The light princess
The light princessThe light princess
The light princess
kchasarik
 
Teach Yourself to Build Web Apps
Teach Yourself to Build Web AppsTeach Yourself to Build Web Apps
Teach Yourself to Build Web Apps
Susie Ye
 
Introduction to web sites design
Introduction to  web sites designIntroduction to  web sites design
Introduction to web sites design
Marwa Abdelgawad
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User Goals
John Eckman
 
rebrand-60dollar-video-ghostwriter
rebrand-60dollar-video-ghostwriterrebrand-60dollar-video-ghostwriter
rebrand-60dollar-video-ghostwriter
mrb205
 
60dollar video-ghostwriter
60dollar video-ghostwriter60dollar video-ghostwriter
60dollar video-ghostwriter
Nicred
 
How to make $60 an hour as a video ghostwriter
How to make $60 an hour as a video ghostwriterHow to make $60 an hour as a video ghostwriter
How to make $60 an hour as a video ghostwriter
artp
 

What's hot (18)

Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5
 
Web Accessibility Gone Wild
Web Accessibility Gone WildWeb Accessibility Gone Wild
Web Accessibility Gone Wild
 
Does Your Internet Marketing Stand Out from the Crowd?
Does Your Internet Marketing Stand Out from the Crowd?Does Your Internet Marketing Stand Out from the Crowd?
Does Your Internet Marketing Stand Out from the Crowd?
 
Tumblr? I Barely Know Her!
Tumblr? I Barely Know Her!Tumblr? I Barely Know Her!
Tumblr? I Barely Know Her!
 
Minkoff getting noticed-gdc_final
Minkoff getting noticed-gdc_finalMinkoff getting noticed-gdc_final
Minkoff getting noticed-gdc_final
 
Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed. August 2014
Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed.  August 2014Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed.  August 2014
Top 10 Apps for Entrepreneurs That Will Help Your Biz Succeed. August 2014
 
Blog Design (at BlogConf)
Blog Design (at BlogConf)Blog Design (at BlogConf)
Blog Design (at BlogConf)
 
Portfolio
PortfolioPortfolio
Portfolio
 
From Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great ContentFrom Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great Content
 
Seo Simplified
Seo SimplifiedSeo Simplified
Seo Simplified
 
Website Redesign: Less Hassle, More Happy
Website Redesign: Less Hassle, More HappyWebsite Redesign: Less Hassle, More Happy
Website Redesign: Less Hassle, More Happy
 
The light princess
The light princessThe light princess
The light princess
 
Teach Yourself to Build Web Apps
Teach Yourself to Build Web AppsTeach Yourself to Build Web Apps
Teach Yourself to Build Web Apps
 
Introduction to web sites design
Introduction to  web sites designIntroduction to  web sites design
Introduction to web sites design
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User Goals
 
rebrand-60dollar-video-ghostwriter
rebrand-60dollar-video-ghostwriterrebrand-60dollar-video-ghostwriter
rebrand-60dollar-video-ghostwriter
 
60dollar video-ghostwriter
60dollar video-ghostwriter60dollar video-ghostwriter
60dollar video-ghostwriter
 
How to make $60 an hour as a video ghostwriter
How to make $60 an hour as a video ghostwriterHow to make $60 an hour as a video ghostwriter
How to make $60 an hour as a video ghostwriter
 

Similar to What web designers could learn from print designers

Designbarcampmedium 1227979648416782-9
Designbarcampmedium 1227979648416782-9Designbarcampmedium 1227979648416782-9
Designbarcampmedium 1227979648416782-9
hmtv
 
Web Design Workshop
Web Design WorkshopWeb Design Workshop
Web Design Workshop
SuseZ
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
David Hudson
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Myths
elliotjaystocks
 
Jennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference KeynoteJennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference Keynote
JenRobbins
 
Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectations
Francesco Improta
 
5 web design companies inspiring to rethink about visual identity
5 web design companies inspiring to rethink about visual identity5 web design companies inspiring to rethink about visual identity
5 web design companies inspiring to rethink about visual identity
Sonitek International
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline World
elliotjaystocks
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Sara Cannon
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphia
canarymason
 
The Design Panel
The Design PanelThe Design Panel
The Design Panel
Bryan Veloso
 
Website designing company in gurgaon
Website designing company in gurgaonWebsite designing company in gurgaon
Website designing company in gurgaon
Css Founder
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
Meagan Fisher
 
Style Guide Best Practices
Style Guide Best PracticesStyle Guide Best Practices
Style Guide Best Practices
Brad Frost
 
RWD in the Wild
RWD in the WildRWD in the Wild
RWD in the Wild
Rich Quick
 
Infusing Digital Strategy Into your WordPress Website
Infusing Digital Strategy Into your WordPress WebsiteInfusing Digital Strategy Into your WordPress Website
Infusing Digital Strategy Into your WordPress Website
turnystudios
 
Ui and ux principles
Ui and ux principlesUi and ux principles
Ui and ux principles
Norman Caesar Tecson
 
Build your own website July 2017 LA
Build your own website July 2017 LABuild your own website July 2017 LA
Build your own website July 2017 LA
Thinkful
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
Frédéric Harper
 
Working with designers that dont code
Working with designers that dont codeWorking with designers that dont code
Working with designers that dont code
Kirsty Burgoine
 

Similar to What web designers could learn from print designers (20)

Designbarcampmedium 1227979648416782-9
Designbarcampmedium 1227979648416782-9Designbarcampmedium 1227979648416782-9
Designbarcampmedium 1227979648416782-9
 
Web Design Workshop
Web Design WorkshopWeb Design Workshop
Web Design Workshop
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Debunking Web Design Myths
Debunking Web Design MythsDebunking Web Design Myths
Debunking Web Design Myths
 
Jennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference KeynoteJennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference Keynote
 
Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectations
 
5 web design companies inspiring to rethink about visual identity
5 web design companies inspiring to rethink about visual identity5 web design companies inspiring to rethink about visual identity
5 web design companies inspiring to rethink about visual identity
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline World
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphia
 
The Design Panel
The Design PanelThe Design Panel
The Design Panel
 
Website designing company in gurgaon
Website designing company in gurgaonWebsite designing company in gurgaon
Website designing company in gurgaon
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
Style Guide Best Practices
Style Guide Best PracticesStyle Guide Best Practices
Style Guide Best Practices
 
RWD in the Wild
RWD in the WildRWD in the Wild
RWD in the Wild
 
Infusing Digital Strategy Into your WordPress Website
Infusing Digital Strategy Into your WordPress WebsiteInfusing Digital Strategy Into your WordPress Website
Infusing Digital Strategy Into your WordPress Website
 
Ui and ux principles
Ui and ux principlesUi and ux principles
Ui and ux principles
 
Build your own website July 2017 LA
Build your own website July 2017 LABuild your own website July 2017 LA
Build your own website July 2017 LA
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
 
Working with designers that dont code
Working with designers that dont codeWorking with designers that dont code
Working with designers that dont code
 

Recently uploaded

Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
siddharthsinghdikhit
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
Pixeldarts
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
miss ekta$A17
 
How to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy StepsHow to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy Steps
maudadkalbmundhir
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
45unexpected
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Deuglo Infosystem Pvt Ltd
 
Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.
Vista Fashions
 
UCSF degree offer diploma Transcript
UCSF degree offer diploma TranscriptUCSF degree offer diploma Transcript
UCSF degree offer diploma Transcript
ymeada
 
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptxNityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya
 
Lecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptxLecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptx
SamanArshad11
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
Shayestha Fathima
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Ram Krishna Singh
 
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
arti singh$A17
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
Anam Kanwal
 
100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga
AvtaritTripathi
 
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design TipsElevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
danielleferrazzanous
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
MojtabaMeghdari
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
Resolute
 
University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
eacwpay
 

Recently uploaded (20)

Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
 
How to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy StepsHow to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy Steps
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
 
Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.
 
UCSF degree offer diploma Transcript
UCSF degree offer diploma TranscriptUCSF degree offer diploma Transcript
UCSF degree offer diploma Transcript
 
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptxNityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptx
 
Lecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptxLecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptx
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
 
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
 
100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga
 
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design TipsElevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
 
University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
 

What web designers could learn from print designers

  • 1. What web designers could learn from print designers Photo by http://flickr.com/photos/jepoirrier
  • 2. WHO AM I Erlend Debast blog.artueel.be erlend@artueel.be Designer, “slicer” @ Boulevart.be
  • 3. 3 facts about print ‣ It’s something physical, you can touch it ‣ It’s more mature ‣ “More” freedom as a designer
  • 4. When looking for inspiration, print should be inspiring you
  • 5. Print ≠ Internet - we all know that We should “borrow” certain design principles
  • 6. It’s time to forget about the web 2.0 look Photo by http://flickr.com/photos/tomstardust
  • 7. What web designers could learn from print designers Typography Photo by ilovetypography.com
  • 8. Drop the tiny font-size
  • 9. Drop the tiny font-size ‣ Use different font-faces
  • 10. Drop the tiny font-size ‣ Use different font-faces ‣ People love color
  • 11. Drop the tiny font-size ‣ Use different font-faces ‣ People love color ‣ What should be emphasized?
  • 14. What web designers could learn from print designers Whitespace Photo by http://flickr.com/photos/anjin
  • 15. Use whitespace to create structure
  • 16. Use whitespace to create structure ‣ Let your content breath
  • 17. Use whitespace to create structure ‣ Let your content breath ‣ Give the visitor some rest
  • 18. Use whitespace to create structure ‣ Let your content breath ‣ Give the visitor some rest ‣ Whitespace is sexy
  • 21. What web designers could learn from print designers Work the canvas Think big Photo by http://flickr.com/photos/ccsharry
  • 22. Don’t get stuck in that tiny browser canvas
  • 23. Don’t get stuck in that tiny browser canvas ‣ Your design should be part of something bigger
  • 24. Don’t get stuck in that tiny browser canvas ‣ Your design should be part of something bigger ‣ Don’t create a limiting environment
  • 25. Don’t get stuck in that tiny browser canvas ‣ Your design should be part of something bigger ‣ Don’t create a limiting environment ‣ Don’t stair through a window, just look at the sky directly!
  • 28. What web designers could learn from print designers Composition Photo by *Unknown*
  • 29. Divide your texts into columns
  • 30. Experiment with columns, text in multiple columns? ‣ Your copy should be part of the lay-out
  • 31. Experiment with columns, text in multiple columns? ‣ Your copy should be part of the lay-out ‣ Stop designing boring websites
  • 32. Experiment with columns, text in multiple columns? ‣ Your copy should be part of the lay-out ‣ Stop designing boring websites ‣ Create contrast using composition
  • 35. What web designers could learn from print designers Visual Language Photo by flickr.com/photos/41894180030@N01
  • 36. Your design should communicate something
  • 37. Your design should communicate something ‣ Design & content need to become “one”
  • 38. Your design should communicate something ‣ Design & content need to become “one” ‣ There’s no such thing as; “One template to rule them all”
  • 39. Your design should communicate something ‣ Design & content need to become “one” ‣ There’s no such thing as; “One template to rule them all” ‣ Design your content, not only the surrounding elements
  • 40. Your design should communicate something ‣ Design & content need to become “one” ‣ There’s no such thing as; “One template to rule them all” ‣ Design your content, not only the surrounding elements ‣ Your header & footer shouldn’t be the only Climax
  • 43. Your design & content Should tell a story Photo by http://flickr.com/photos/14908325@N07
  • 44. How do we create those designs?
  • 45. Xhtml & css, my friend
  • 46. “My complaint, right now, is that the majority of storytelling that happens on the Web is based in the interactively rich environment made possible by Flash” ...not enough Web standards-minded designers are thinking narratively in the way that our Flash-fluent colleagues are... Khoi Vinh
  • 47. We need to stop hiding behind technologies...
  • 48. End of story... Erlend Debast blog.artueel.be erlend@artueel.be Designer, “slicer” @ Boulevart.be