SlideShare une entreprise Scribd logo
1  sur  59
How to Design Successfully
What is Design?
http://flickr.com/groups/designerwallpaper/pool/
10 Tips for Better Design
1- Readability
Design should be:
Easy to read
Easy to find
Content Driven
Visually attractive
2- Dominance/ Hierarchy
Dominant Headline
Dominant photo or graphic
Everything else gets smaller in order of
importance as it goes down the page. This
gives the readers’ eyes something to follow.
Dominant photo/ graphic should be at least
twice as large as anything else on the page.
3- Paper First!
Sketching or planning on grid paper
before hand IS important and CAN
help create better layouts!
4- Keep it Simple
Less is more is probably the best
design philosophy ever thought of-
thank you minimalists! Seriously
though, just like with good writing-
use fewer elements but make sure
they are strong ones.
5- Use White Space and EyeLines
It makes the designs easier to read, which helps
readers focus on what is important- the content!
Make sure white space is limited to the outside
corners of the design. White space that is placed
towards the center of the design looks unplanned, or
“trapped” and limits readability.
An eyeline is a line of white space that flows
uninterrupted from one side of the design to the
other. It creates visual movement across the design
and helps draw the reader into the content.
6- Contrast and Variety
Easy can also mean boring. Whether it
is contrasting colors, size of
elements, fonts, etc. give the reader
visual variety to keep their interest.
7- Alignment
Everything MUST align with
something! This translates into USING
COLUMNS AND/OR GRID DESIGN!
This also MEANS PACKAGING!
8- Look at What others are doing
There are tons of amazing things
happening in the design world right
now. Check out some of the following
news design and magazine design
resources.
9- Be Content Driven!
Always be thinking about what the
BEST way to tell the story would be.
The best way is NOT always a story…
10- Have Fun
If you enjoy what you are doing it will
be evident in the quality of your
work.
Sources:
• http://www.visualeditors.com/
• http://www.newseum.org/todaysfrontpages/default.asp
• http://newspagedesigner.org/
• http://www.slideshare.net/chrissnider
• http://www.economist.com/node/21556991
• http://www.studentpress.org/nspa/winners
• http://visual.ly/
• http://www.nylonmag.com/?section=digitalissue
• http://www.economist.com/
• http://insider.espn.go.com/insider/espn-the-magazine/
• http://www.spin.com/magazine/
• http://www.rollingstone.com/

Contenu connexe

Tendances (7)

Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpoint
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpoint
 
Power point powerpoint
Power point powerpointPower point powerpoint
Power point powerpoint
 
Visual Silence can help your PowerPoint slides
Visual Silence can help your PowerPoint slidesVisual Silence can help your PowerPoint slides
Visual Silence can help your PowerPoint slides
 
Chapter 4 - Creating Better Pics
Chapter 4 - Creating Better PicsChapter 4 - Creating Better Pics
Chapter 4 - Creating Better Pics
 
PowerPoint Basics
PowerPoint BasicsPowerPoint Basics
PowerPoint Basics
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 

Similaire à News design

Getaway tbc 2013 clickshape
Getaway tbc 2013   clickshapeGetaway tbc 2013   clickshape
Getaway tbc 2013 clickshape
Joseph Lawrence
 
Principles of Design for Web (2006)
Principles of Design for Web (2006)Principles of Design for Web (2006)
Principles of Design for Web (2006)
Matteo Wyllyamz
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
Amanda Kern
 
Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_
Zachary Williamson
 

Similaire à News design (20)

Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI Designers
 
Poster Design
Poster DesignPoster Design
Poster Design
 
Designing Strong Direct Mail Letters
Designing Strong Direct Mail LettersDesigning Strong Direct Mail Letters
Designing Strong Direct Mail Letters
 
Rational Website Design
Rational Website DesignRational Website Design
Rational Website Design
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for Bloggers
 
The 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowThe 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to Know
 
Getaway tbc 2013 clickshape
Getaway tbc 2013   clickshapeGetaway tbc 2013   clickshape
Getaway tbc 2013 clickshape
 
Crew 430 group presentation
Crew 430 group presentationCrew 430 group presentation
Crew 430 group presentation
 
Creating an Effective Presentation Grade 12 (Applied Economics)
Creating an Effective Presentation Grade 12 (Applied Economics)Creating an Effective Presentation Grade 12 (Applied Economics)
Creating an Effective Presentation Grade 12 (Applied Economics)
 
Start At The Start: Using Storyboards, Wireframes, and Mood Boards
Start At The Start: Using Storyboards, Wireframes, and Mood BoardsStart At The Start: Using Storyboards, Wireframes, and Mood Boards
Start At The Start: Using Storyboards, Wireframes, and Mood Boards
 
How to Make Your Website Not Ugly: 10 Simple UX Tenets for Non-Designers
How to Make Your Website Not Ugly: 10 Simple UX Tenets for Non-DesignersHow to Make Your Website Not Ugly: 10 Simple UX Tenets for Non-Designers
How to Make Your Website Not Ugly: 10 Simple UX Tenets for Non-Designers
 
Principles of Design for Web (2006)
Principles of Design for Web (2006)Principles of Design for Web (2006)
Principles of Design for Web (2006)
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
 
10 reasons to use a whiteboard
10 reasons to use a whiteboard10 reasons to use a whiteboard
10 reasons to use a whiteboard
 
Ybc Design101
Ybc Design101Ybc Design101
Ybc Design101
 
Ybc Design101 2
Ybc Design101 2Ybc Design101 2
Ybc Design101 2
 
Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_Engl317 project3 slidedoc3_screencasting_design_justification_
Engl317 project3 slidedoc3_screencasting_design_justification_
 
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 20095 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
5 Feb 09 Online Journalism – Multimedia Packages&Writing Class Notes Feb5 2009
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
 
Presentation1comp
Presentation1compPresentation1comp
Presentation1comp
 

Plus de Jackie Scott

Vector design handout
Vector design handoutVector design handout
Vector design handout
Jackie Scott
 
Vector graphics in publications
Vector graphics in publicationsVector graphics in publications
Vector graphics in publications
Jackie Scott
 
6. law presentation
6. law presentation6. law presentation
6. law presentation
Jackie Scott
 
2. know your camera quiz
2. know your camera quiz2. know your camera quiz
2. know your camera quiz
Jackie Scott
 
Camera functions scavenger hunt
Camera functions scavenger huntCamera functions scavenger hunt
Camera functions scavenger hunt
Jackie Scott
 
What is news worksheet
What is news worksheetWhat is news worksheet
What is news worksheet
Jackie Scott
 
Icebreaker interviews
Icebreaker interviewsIcebreaker interviews
Icebreaker interviews
Jackie Scott
 
What is news notetaking guide
What is news notetaking guideWhat is news notetaking guide
What is news notetaking guide
Jackie Scott
 
History of journalism timeline
History of journalism timelineHistory of journalism timeline
History of journalism timeline
Jackie Scott
 
History of journalism
History of journalismHistory of journalism
History of journalism
Jackie Scott
 
History of photography
History of photographyHistory of photography
History of photography
Jackie Scott
 
What makes photography successful
What makes photography successful What makes photography successful
What makes photography successful
Jackie Scott
 

Plus de Jackie Scott (20)

Typography
TypographyTypography
Typography
 
Vector design handout
Vector design handoutVector design handout
Vector design handout
 
Vector graphics in publications
Vector graphics in publicationsVector graphics in publications
Vector graphics in publications
 
Interviews
InterviewsInterviews
Interviews
 
6. law presentation
6. law presentation6. law presentation
6. law presentation
 
2. know your camera quiz
2. know your camera quiz2. know your camera quiz
2. know your camera quiz
 
Know your camera
Know your cameraKnow your camera
Know your camera
 
Camera functions scavenger hunt
Camera functions scavenger huntCamera functions scavenger hunt
Camera functions scavenger hunt
 
Pinhole cameras
Pinhole camerasPinhole cameras
Pinhole cameras
 
Photograms
PhotogramsPhotograms
Photograms
 
What is news quiz
What is news quizWhat is news quiz
What is news quiz
 
News analysis
News analysisNews analysis
News analysis
 
What is news worksheet
What is news worksheetWhat is news worksheet
What is news worksheet
 
Icebreaker interviews
Icebreaker interviewsIcebreaker interviews
Icebreaker interviews
 
Interviewing tips
Interviewing tipsInterviewing tips
Interviewing tips
 
What is news notetaking guide
What is news notetaking guideWhat is news notetaking guide
What is news notetaking guide
 
History of journalism timeline
History of journalism timelineHistory of journalism timeline
History of journalism timeline
 
History of journalism
History of journalismHistory of journalism
History of journalism
 
History of photography
History of photographyHistory of photography
History of photography
 
What makes photography successful
What makes photography successful What makes photography successful
What makes photography successful
 

Dernier

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Dernier (20)

On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 

News design

  • 1. How to Design Successfully
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. 10 Tips for Better Design
  • 11. 1- Readability Design should be: Easy to read Easy to find Content Driven Visually attractive
  • 12.
  • 13.
  • 14. 2- Dominance/ Hierarchy Dominant Headline Dominant photo or graphic Everything else gets smaller in order of importance as it goes down the page. This gives the readers’ eyes something to follow. Dominant photo/ graphic should be at least twice as large as anything else on the page.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. 3- Paper First! Sketching or planning on grid paper before hand IS important and CAN help create better layouts!
  • 20.
  • 21.
  • 22. 4- Keep it Simple Less is more is probably the best design philosophy ever thought of- thank you minimalists! Seriously though, just like with good writing- use fewer elements but make sure they are strong ones.
  • 23.
  • 24.
  • 25. 5- Use White Space and EyeLines It makes the designs easier to read, which helps readers focus on what is important- the content! Make sure white space is limited to the outside corners of the design. White space that is placed towards the center of the design looks unplanned, or “trapped” and limits readability. An eyeline is a line of white space that flows uninterrupted from one side of the design to the other. It creates visual movement across the design and helps draw the reader into the content.
  • 26.
  • 27.
  • 28.
  • 29. 6- Contrast and Variety Easy can also mean boring. Whether it is contrasting colors, size of elements, fonts, etc. give the reader visual variety to keep their interest.
  • 30.
  • 31.
  • 32.
  • 33. 7- Alignment Everything MUST align with something! This translates into USING COLUMNS AND/OR GRID DESIGN! This also MEANS PACKAGING!
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. 8- Look at What others are doing There are tons of amazing things happening in the design world right now. Check out some of the following news design and magazine design resources.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51. 9- Be Content Driven! Always be thinking about what the BEST way to tell the story would be. The best way is NOT always a story…
  • 52.
  • 53.
  • 54.
  • 55. 10- Have Fun If you enjoy what you are doing it will be evident in the quality of your work.
  • 56.
  • 57.
  • 58.
  • 59. Sources: • http://www.visualeditors.com/ • http://www.newseum.org/todaysfrontpages/default.asp • http://newspagedesigner.org/ • http://www.slideshare.net/chrissnider • http://www.economist.com/node/21556991 • http://www.studentpress.org/nspa/winners • http://visual.ly/ • http://www.nylonmag.com/?section=digitalissue • http://www.economist.com/ • http://insider.espn.go.com/insider/espn-the-magazine/ • http://www.spin.com/magazine/ • http://www.rollingstone.com/