SlideShare a Scribd company logo
PLANNING YOUR
DOCUMENT
Creating People-friendly Designs
LESSON OVERVIEWCreatingPeople-friendlyDesigns
Pre-planning
- Knowing your audience
- What's your timeframe?
Layout for print and social media designs
- For documents
- Orientation
- Arrangement and Organization
- Design Size (Size, Type & Weight)
- Folds, Binding & Production
PRE-PLANNING
• Learn to preplan yourdocument..
• Discover importance of papertype, folds, and
binding inplanning process.
• Understand impact of costs indecision-making
process.
OBJECTIVES
User-centered design
means working with your
users.
DONALD NORMAN
Creating People-friendly Designs
STEP 1: DETERMINE WHO YOUR AUDIENCE IS
4 STEPS IN KNOWING YOUR
AUDIENCE
• What is the desired action of you target audience after
reading the said design? Are they to be INFORMED,
BUY the product, or spark CURIOSITY?
• What demographic groups are most likely to take the
desired action?
• Age Group
• Gender (M, F, both)
• Location (local, regional, national &/or urban,
suburban, rural)
• Income Level
• Education Level and/or Occupation
STEP 2: CONSIDER WHAT IS ON THEIR MINDS
4 STEPS IN KNOWING YOUR
AUDIENCE
• What needs, challenges and frustrations do they have
• How does your idea, service, or product help your
target audience?
4 STEPS IN KNOWING YOUR
AUDIENCE
STEP 4: DECIDE THE BEST MEANS OF
COMMUNICATING THE INFORMATION
• Social Media
• Print Media (Brochure, Pamphlet, Newspaper
Ad)
DAILY QUIZ A: KNOW
YOUR AUDIENCE
HOW MANY REVISIONS ARE ALLOWED?
Revisions are a common theme on designing your design, so
it's important to discuss with your supervisor how many
revisions are allowed.
WHEN IS IT NEEDED?
Is it needed now or sometime in the future?
Discuss your deadline, so you can create the best output.
For Print Media, additional days are added for the
production/printing of the said output
WHAT'S YOUR
TIMEFRAME?
SAMPLE TIME FRAME FOR SOCIAL
MEDIA (1 WEEK or 5 DAYS)
DAY 1
DESIGN PROCESS
DAY 2
DESIGN PROCESS
DAY 3
FIRST SUBMISSION
DAY 4
REVISION EDITS
DAY 5
FINAL SUBMISSION
DAILY QUIZ B: SET YOUR
TIMEFRAME
WHAT ARE YOU
DESIGNING?
is a page design in which thelongest
side is the top of the page. Best used
for brochures and social media ads
LANDSCAPE ORIENTATION
is a page design in which the
shortestside is the top of the page.
Best used for Newspaper Ads,
Pamphlet
PORTRAIT ORIENTATION
ARRANGEMENT &
ORGANIZATION
What part of the design should stand out?
• Warning Signs
• Steps
• Ideal Pictures
DESIGN SIZE -
PAPER
CreatingPeople-friendlyDesigns
DESIGN SIZE - SOCIAL MEDIA
CreatingPeople-friendlyDesigns
• File Size on Social Media accounts differ on each platform
• File Size is measured via pixels rather than inch or cm
• Social media image sizes seem to change constantly.
INSTAGRAM SIZES
PROFILE
PICTURE
PORTRAI
T
SQUARE LANDSCAPE
110 x 110 1080 x 1350 1080 x 1080 1080 x 566
STORY
1080 x
1920
INSTAGRAM SIZES - TIPS
CreatingPeople-friendlyDesigns
• Supported aspect ratios: Anywhere between 1.91:1 and 4:5
• Recommended image size: Width of 1080 pixels, height between 566 and 1350 pixels
(depending on whether the image is landscape or portrait)
• If you want your images to look their best on Instagram, aim to upload an image that is
1080 pixels wide.
• Larger images will be sized down to 1080 pixels, and images less than 320 pixels will be
sized up to 320 pixels wide.
• If your image is between 320 and 1080 pixels wide, Instagram will keep that photo at
its original resolution, “as long as the photo’s aspect ratio is between 1.91:1 and 4:5 (a
height between 566 and 1350 pixels with a width of 1080 pixels).”
• If the aspect ratio of your photo isn’t supported, it will be “cropped to fit a supported
ratio.”
PROFILE
PICTURE
HEADER IMAGE SIZE IN STREAM IMAGES & ADS
400 x 400 1500 x 500 1024 x 512
TWITTER SIZES
TWITTER SIZES - TIPS
CreatingPeople-friendlyDesigns
• Twitter profile minimum photo size: 200 x 200
• Twitter will accept an image as small as 1024 x 280, but it’s best to use the maximum
available size for banner size
• Supported formats for in stream images: .GIF, .JPG, .PNG
• Maximum file size for in stream images: 3 MB for photos, 5 MB for animated gifs
FACEBOOK SIZES
PROFILE
PICTURE
COVER IMAGE
170 x 170
Desktop: 170 x 170
Smartphone: 128 x 128
720 x 315
Desktop: 820 x 312
Smartphone: 640 x 360
Minimum size: 400 x 150
DMinimum size: 600 x 315
TIMELINE PHOTO
1200 x 630
OTHER PRINT SIZES - SHIRT
CreatingPeople-friendlyDesigns
• Designing for shirts, are made on shirt templates and a lot are available online
• It's important that you call the printing press for other specifications in printing
OTHER PRINT SIZES - LANYARD
CreatingPeople-friendlyDesigns
• 38 x 1 inch
• 300 dpi
• CMYK Color
TYPES OF FOLDS -
BROCHURES
BI-FOLD
A single sheet printed on both
sides and folded in halves. It
results in four panels (two
panels on each side).
TRI-FOLD
Same as bi-fold but folded in
three with six panels (three
on each side).
BOOKLET
BROCHURES
are made of multiple sheets
most often saddle stitched,
stapled on the creased edge
or perfect bound lime a
paperback book and results in
eight panels or more.

More Related Content

Similar to Planning your design

Samit Malkani_Digital Creative_Northpoint_Feb2012
Samit Malkani_Digital Creative_Northpoint_Feb2012Samit Malkani_Digital Creative_Northpoint_Feb2012
Samit Malkani_Digital Creative_Northpoint_Feb2012
Samit Malkani
 
Pr in the Age of Social Media
 Pr in the Age of Social Media Pr in the Age of Social Media
Pr in the Age of Social Media
Marla Lowenthal
 
Presentation social media and its business uses
Presentation   social media and its business usesPresentation   social media and its business uses
Presentation social media and its business uses
Ganesh Naik
 
Social media
Social mediaSocial media
Social media
Kaitlin Hanger, Ph.D.
 
Design for Social Media
Design for Social MediaDesign for Social Media
Design for Social Media
Mohammad Hijazi
 
Inspire! Graphic design for non-designers mar 2014
Inspire! Graphic design for non-designers mar 2014Inspire! Graphic design for non-designers mar 2014
Inspire! Graphic design for non-designers mar 2014
Communicate & Howe!
 
RoyceRagragola_Resume2015-06
RoyceRagragola_Resume2015-06RoyceRagragola_Resume2015-06
RoyceRagragola_Resume2015-06
Royce Ragragola
 
UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...
UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...
UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...
Jim Rosenberg
 
grapics and multimedia
grapics and multimediagrapics and multimedia
grapics and multimedia
Tallat Satti
 
CristinaPerezResume
CristinaPerezResumeCristinaPerezResume
CristinaPerezResume
Cristina Perez
 
Local media assn fall conference report recap 2012
Local media assn fall conference report recap 2012Local media assn fall conference report recap 2012
Local media assn fall conference report recap 2012
Shannon Kinney
 
7 habits of highly effective designers
7 habits of highly effective designers7 habits of highly effective designers
7 habits of highly effective designers
graphicarto
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
John Nollin
 
Graphic designing guidelines
Graphic designing guidelinesGraphic designing guidelines
Graphic designing guidelines
Jennifer Reyes
 
3sixty Live Boston: Designing for the Mobile Inbox
3sixty Live Boston: Designing for the Mobile Inbox3sixty Live Boston: Designing for the Mobile Inbox
3sixty Live Boston: Designing for the Mobile Inbox
Litmus
 
Graphics garage responsiveaddesign
Graphics garage responsiveaddesignGraphics garage responsiveaddesign
Graphics garage responsiveaddesign
Catherine Long
 
Poster Design plus QR Code.pptx
Poster Design plus QR Code.pptxPoster Design plus QR Code.pptx
Poster Design plus QR Code.pptx
Tony Ryan
 
Landis ch1
Landis ch1Landis ch1
Landis ch1
Joshua Singer
 
Graphic design in VISCOM
Graphic design in VISCOMGraphic design in VISCOM
Graphic design in VISCOM
denadyalan98
 
Creating a Winning Content Strategy
Creating a Winning Content StrategyCreating a Winning Content Strategy
Creating a Winning Content Strategy
Ektron
 

Similar to Planning your design (20)

Samit Malkani_Digital Creative_Northpoint_Feb2012
Samit Malkani_Digital Creative_Northpoint_Feb2012Samit Malkani_Digital Creative_Northpoint_Feb2012
Samit Malkani_Digital Creative_Northpoint_Feb2012
 
Pr in the Age of Social Media
 Pr in the Age of Social Media Pr in the Age of Social Media
Pr in the Age of Social Media
 
Presentation social media and its business uses
Presentation   social media and its business usesPresentation   social media and its business uses
Presentation social media and its business uses
 
Social media
Social mediaSocial media
Social media
 
Design for Social Media
Design for Social MediaDesign for Social Media
Design for Social Media
 
Inspire! Graphic design for non-designers mar 2014
Inspire! Graphic design for non-designers mar 2014Inspire! Graphic design for non-designers mar 2014
Inspire! Graphic design for non-designers mar 2014
 
RoyceRagragola_Resume2015-06
RoyceRagragola_Resume2015-06RoyceRagragola_Resume2015-06
RoyceRagragola_Resume2015-06
 
UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...
UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...
UNICEF Digital Strategy, social media, mobile, web, video, photo, global comm...
 
grapics and multimedia
grapics and multimediagrapics and multimedia
grapics and multimedia
 
CristinaPerezResume
CristinaPerezResumeCristinaPerezResume
CristinaPerezResume
 
Local media assn fall conference report recap 2012
Local media assn fall conference report recap 2012Local media assn fall conference report recap 2012
Local media assn fall conference report recap 2012
 
7 habits of highly effective designers
7 habits of highly effective designers7 habits of highly effective designers
7 habits of highly effective designers
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Graphic designing guidelines
Graphic designing guidelinesGraphic designing guidelines
Graphic designing guidelines
 
3sixty Live Boston: Designing for the Mobile Inbox
3sixty Live Boston: Designing for the Mobile Inbox3sixty Live Boston: Designing for the Mobile Inbox
3sixty Live Boston: Designing for the Mobile Inbox
 
Graphics garage responsiveaddesign
Graphics garage responsiveaddesignGraphics garage responsiveaddesign
Graphics garage responsiveaddesign
 
Poster Design plus QR Code.pptx
Poster Design plus QR Code.pptxPoster Design plus QR Code.pptx
Poster Design plus QR Code.pptx
 
Landis ch1
Landis ch1Landis ch1
Landis ch1
 
Graphic design in VISCOM
Graphic design in VISCOMGraphic design in VISCOM
Graphic design in VISCOM
 
Creating a Winning Content Strategy
Creating a Winning Content StrategyCreating a Winning Content Strategy
Creating a Winning Content Strategy
 

Recently uploaded

哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
tc73868
 
➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...
➒➌➎➏➑➐➋➑➐➐Dpboss Matka Guessing Satta Matka Kalyan Chart Indian Matka
 
Minor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptxMinor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptx
MichaelMinor19
 
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐Dpboss Matka Guessing Satta Matka Kalyan Chart Indian Matka
 
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
 
storyboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hatstoryboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hat
LyneSun
 
Barbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptxBarbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptx
LinaCosta15
 
Cherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintingsCherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintings
sandamichaela *
 
Colour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdfColour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdf
Ketan Naik
 
➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...
➒➌➎➏➑➐➋➑➐➐Dpboss Matka Guessing Satta Matka Kalyan Chart Indian Matka
 
一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理
40fortunate
 
Ealing London Independent Photography meeting - June 2024
Ealing London Independent Photography meeting - June 2024Ealing London Independent Photography meeting - June 2024
Ealing London Independent Photography meeting - June 2024
Sean McDonnell
 
FinalFinalSelf-PortraiturePowerPoint.pptx
FinalFinalSelf-PortraiturePowerPoint.pptxFinalFinalSelf-PortraiturePowerPoint.pptx
FinalFinalSelf-PortraiturePowerPoint.pptx
abbieharman
 
一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理
一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理
一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理
taqyea
 
FinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvn
FinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvnFinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvn
FinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvn
abbieharman
 
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
homgo
 
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
 
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐Dpboss Matka Guessing Satta Matka Kalyan Chart Indian Matka
 
This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!
briannedpegg
 
Jennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic SandbagJennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic Sandbag
mariajennifermurillo
 

Recently uploaded (20)

哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
哪里购买美国乔治城大学毕业证硕士学位证书原版一模一样
 
➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Satta Matka Matka Guessing Kalyan Chart Indian Matka Satta ...
 
Minor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptxMinor_Michael_PowerPoint-Presentation.pptx
Minor_Michael_PowerPoint-Presentation.pptx
 
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
 
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
❼❷⓿❺❻❷❽❷❼❽ Dpboss Kalyan Satta Matka Guessing Matka Result Main Bazar chart
 
storyboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hatstoryboard: Victor and Verlin discussing about top hat
storyboard: Victor and Verlin discussing about top hat
 
Barbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptxBarbie Made To Move Skin Tones Matches.pptx
Barbie Made To Move Skin Tones Matches.pptx
 
Cherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintingsCherries 32 collection of colorful paintings
Cherries 32 collection of colorful paintings
 
Colour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdfColour Theory for Painting - Fine Artist.pdf
Colour Theory for Painting - Fine Artist.pdf
 
➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...
➒➌➎➏➑➐➋➑➐➐ Dpboss Matka Guessing Satta Matka Kalyan panel Chart Indian Matka ...
 
一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理一比一原版(BC毕业证)波士顿学院毕业证如何办理
一比一原版(BC毕业证)波士顿学院毕业证如何办理
 
Ealing London Independent Photography meeting - June 2024
Ealing London Independent Photography meeting - June 2024Ealing London Independent Photography meeting - June 2024
Ealing London Independent Photography meeting - June 2024
 
FinalFinalSelf-PortraiturePowerPoint.pptx
FinalFinalSelf-PortraiturePowerPoint.pptxFinalFinalSelf-PortraiturePowerPoint.pptx
FinalFinalSelf-PortraiturePowerPoint.pptx
 
一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理
一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理
一比一原版美国加州大学圣地亚哥分校毕业证(ucsd毕业证书)如何办理
 
FinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvn
FinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvnFinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvn
FinalA1LessonPlanMaking.docxdvdnlskdnvsldkvnsdkvn
 
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
一比一原版美国亚利桑那大学毕业证(ua毕业证书)如何办理
 
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...❼❷⓿❺❻❷❽❷❼❽  Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
❼❷⓿❺❻❷❽❷❼❽ Dpboss Matka ! Fix Satta Matka ! Matka Result ! Matka Guessing ! ...
 
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
➒➌➎➏➑➐➋➑➐➐ Kalyan Matka Satta Matka Dpboss Matka Guessing Indian Matka
 
This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!This is a test powerpoint!!!!!!!!!!!!!!!
This is a test powerpoint!!!!!!!!!!!!!!!
 
Jennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic SandbagJennifer Murillo's Storyboard: Bardic Sandbag
Jennifer Murillo's Storyboard: Bardic Sandbag
 

Planning your design

  • 2. LESSON OVERVIEWCreatingPeople-friendlyDesigns Pre-planning - Knowing your audience - What's your timeframe? Layout for print and social media designs - For documents - Orientation - Arrangement and Organization - Design Size (Size, Type & Weight) - Folds, Binding & Production
  • 3. PRE-PLANNING • Learn to preplan yourdocument.. • Discover importance of papertype, folds, and binding inplanning process. • Understand impact of costs indecision-making process. OBJECTIVES
  • 4. User-centered design means working with your users. DONALD NORMAN Creating People-friendly Designs
  • 5. STEP 1: DETERMINE WHO YOUR AUDIENCE IS 4 STEPS IN KNOWING YOUR AUDIENCE • What is the desired action of you target audience after reading the said design? Are they to be INFORMED, BUY the product, or spark CURIOSITY? • What demographic groups are most likely to take the desired action? • Age Group • Gender (M, F, both) • Location (local, regional, national &/or urban, suburban, rural) • Income Level • Education Level and/or Occupation
  • 6. STEP 2: CONSIDER WHAT IS ON THEIR MINDS 4 STEPS IN KNOWING YOUR AUDIENCE • What needs, challenges and frustrations do they have • How does your idea, service, or product help your target audience?
  • 7. 4 STEPS IN KNOWING YOUR AUDIENCE STEP 4: DECIDE THE BEST MEANS OF COMMUNICATING THE INFORMATION • Social Media • Print Media (Brochure, Pamphlet, Newspaper Ad)
  • 8. DAILY QUIZ A: KNOW YOUR AUDIENCE
  • 9. HOW MANY REVISIONS ARE ALLOWED? Revisions are a common theme on designing your design, so it's important to discuss with your supervisor how many revisions are allowed. WHEN IS IT NEEDED? Is it needed now or sometime in the future? Discuss your deadline, so you can create the best output. For Print Media, additional days are added for the production/printing of the said output WHAT'S YOUR TIMEFRAME?
  • 10. SAMPLE TIME FRAME FOR SOCIAL MEDIA (1 WEEK or 5 DAYS) DAY 1 DESIGN PROCESS DAY 2 DESIGN PROCESS DAY 3 FIRST SUBMISSION DAY 4 REVISION EDITS DAY 5 FINAL SUBMISSION
  • 11. DAILY QUIZ B: SET YOUR TIMEFRAME
  • 13. is a page design in which thelongest side is the top of the page. Best used for brochures and social media ads LANDSCAPE ORIENTATION is a page design in which the shortestside is the top of the page. Best used for Newspaper Ads, Pamphlet PORTRAIT ORIENTATION
  • 14. ARRANGEMENT & ORGANIZATION What part of the design should stand out? • Warning Signs • Steps • Ideal Pictures
  • 16. DESIGN SIZE - SOCIAL MEDIA CreatingPeople-friendlyDesigns • File Size on Social Media accounts differ on each platform • File Size is measured via pixels rather than inch or cm • Social media image sizes seem to change constantly.
  • 17. INSTAGRAM SIZES PROFILE PICTURE PORTRAI T SQUARE LANDSCAPE 110 x 110 1080 x 1350 1080 x 1080 1080 x 566 STORY 1080 x 1920
  • 18. INSTAGRAM SIZES - TIPS CreatingPeople-friendlyDesigns • Supported aspect ratios: Anywhere between 1.91:1 and 4:5 • Recommended image size: Width of 1080 pixels, height between 566 and 1350 pixels (depending on whether the image is landscape or portrait) • If you want your images to look their best on Instagram, aim to upload an image that is 1080 pixels wide. • Larger images will be sized down to 1080 pixels, and images less than 320 pixels will be sized up to 320 pixels wide. • If your image is between 320 and 1080 pixels wide, Instagram will keep that photo at its original resolution, “as long as the photo’s aspect ratio is between 1.91:1 and 4:5 (a height between 566 and 1350 pixels with a width of 1080 pixels).” • If the aspect ratio of your photo isn’t supported, it will be “cropped to fit a supported ratio.”
  • 19. PROFILE PICTURE HEADER IMAGE SIZE IN STREAM IMAGES & ADS 400 x 400 1500 x 500 1024 x 512 TWITTER SIZES
  • 20. TWITTER SIZES - TIPS CreatingPeople-friendlyDesigns • Twitter profile minimum photo size: 200 x 200 • Twitter will accept an image as small as 1024 x 280, but it’s best to use the maximum available size for banner size • Supported formats for in stream images: .GIF, .JPG, .PNG • Maximum file size for in stream images: 3 MB for photos, 5 MB for animated gifs
  • 21. FACEBOOK SIZES PROFILE PICTURE COVER IMAGE 170 x 170 Desktop: 170 x 170 Smartphone: 128 x 128 720 x 315 Desktop: 820 x 312 Smartphone: 640 x 360 Minimum size: 400 x 150 DMinimum size: 600 x 315 TIMELINE PHOTO 1200 x 630
  • 22. OTHER PRINT SIZES - SHIRT CreatingPeople-friendlyDesigns • Designing for shirts, are made on shirt templates and a lot are available online • It's important that you call the printing press for other specifications in printing
  • 23. OTHER PRINT SIZES - LANYARD CreatingPeople-friendlyDesigns • 38 x 1 inch • 300 dpi • CMYK Color
  • 24. TYPES OF FOLDS - BROCHURES BI-FOLD A single sheet printed on both sides and folded in halves. It results in four panels (two panels on each side). TRI-FOLD Same as bi-fold but folded in three with six panels (three on each side). BOOKLET BROCHURES are made of multiple sheets most often saddle stitched, stapled on the creased edge or perfect bound lime a paperback book and results in eight panels or more.