Sketching & Storyboarding
-Priyanka Rana
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Advantages for Sketching in Design
• 1. Rapid Concept Development
• 2. Basic Composition or Layout
• 3. Client Communication and Approval
• 4. Visual Exploration
• 5. Refining Visual Solutions
1. Rapid Concept Development
Excellent way to explore concepts in
relatively short period of time.
1. Rapid Concept Development(cont.)
"Putting ideas quickly on paper is the only way to
evaluate them to see if they are worth exploring
further. Computer renderings and modern CAD and
modeling packages are great, but thinking on paper
with a good old-fashioned pencil is always the place to
start.“
- James(Bicycle design blogger)
2. Basic Composition or Layout
2. Basic Composition or Layout(cont.)
Web Design from Scratch is
a well-known Web site that
offers practical advice on
building Web sites.
3. Client Communication and Approval
The SOS Factory designs
predominately mascot
logos.
4. Visual Exploration
5. Refining Visual Solutions
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Note:
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
A storyboard is a graphic representation of
how a video will unfold, shot by shot.
Sketching&storyboarding
The Storyboard
A storyboard is a sketch of how to organize a story and a list of its
contents.
A storyboard helps you:
• Define the parameters of a story within available resources and time
• Organize and focus the theme of product usage
• Figure out what value it provides to the user and how
Why You Need a Storyboard?
• Best way to share your vision
• easier for you to share and explain the vision for your product.
• show people exactly how your product is going to be mapped out.
• Makes production much easier
• setting up a plan for production.
• starting point or suggested thorough line.
• Saves your time
• help you explain your vision to your team, also make the creation process go
more smoothly.
Three components that makes a storyboard
Trigger How does the problem scenario
initiate?
Action How is the action executed? How
easy is it?
Reward How is the persona gratified?
How to Do a Rough Storyboard
• Divide the story into its logical, nonlinear parts, such as:
• a lead or nut paragraph, essentially addressing why this story is important
• profiles of the main person or people in the story
• the event or situation
• any process or how something works
• pros and cons
• the history of the event or situation
• other related issues raised by the story
How to Make a Storyboard?
1) Create blank slides
• https://www.sampletemplates.com/business-templates/free-storyboard-
templates.html
2) Add your script
3) Sketch your story
give an impression of what is happening, which characters are in
the scene and what the general framing will look like
Helpful Tips to Keep in Mind
• Show, don’t tell. Use the storyboard as a litmus test to determine if your
story is truly being visualized.
• Make sure it’s logical and coherent. You’re creating a story, so the
narration should look visually consistent from beginning to end
• Pick a theme. Highlight a customer pain point, show a character on
screen and take them through a journey.
Include all relevant details.
Break up your script into smaller chunks and make note of important
information:
• What is the setting or background for the scene?
• Is there a character on screen? If so, what action is the character performing?
• What props are in the scene? This should fit in with the context of the
background / setting you’re using
• Will any text appear on screen? What is the size, color, and position of the
text?
• What message are you trying to deliver?
Helpful Tips to Keep in Mind (Cont.)
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Sketching&storyboarding
Self Analysis :
• How do I spend my time? What are my activities during a normal
day?
• What do I know about? What are my areas of expertise? What am I
studying in school?
• What do I like? What are my hobbies? What are my interests?
• What bothers me? What would I like to change in my world or life?
• What are my strongest beliefs, values and philosophies?

More Related Content

PPT
Building better prototype
PPT
Convergent divergent thinking & wireframeprototyping
PPT
EST 200, Convergent and Divergent Thinking
PPTX
Ideation Process
PPTX
Collaborative Exercises for Digital Design 3/7/18
PPTX
Prototyping 2013.12.12.
PDF
Dt 2020-ideation + proto distr
PPTX
Design Thinking Intro.
Building better prototype
Convergent divergent thinking & wireframeprototyping
EST 200, Convergent and Divergent Thinking
Ideation Process
Collaborative Exercises for Digital Design 3/7/18
Prototyping 2013.12.12.
Dt 2020-ideation + proto distr
Design Thinking Intro.

What's hot (20)

PDF
Design process
PPT
Design thinking -_with_ideo_lecture.ppt
PDF
HITD 201: Design Thinking - Lecture 3: Framing Problems
PPT
Design thinking
PDF
Introduction to Design Thinking and UX Research
PDF
UX for Beginners
PDF
Design Methodology for Teams - sample
PPTX
Presentation design thinking
PDF
What is Design Thinking?
PDF
Apply design thinking
PDF
Guiding UX Principles
PDF
Affinity Diagram
PDF
UX STRAT Europe 2018: Peter Morville, Semantic Studios
PDF
EXPLORE THE CORE PRINCIPLES OF DESIGN THINKING
PPTX
Design thinking
PDF
Evaluating the Impact of Design Thinking in Action
PDF
Design thinking
PDF
Guiding UX Principles 3/20/12
PPTX
Design Thinking Introduction
PDF
Intro to Design Thinking
Design process
Design thinking -_with_ideo_lecture.ppt
HITD 201: Design Thinking - Lecture 3: Framing Problems
Design thinking
Introduction to Design Thinking and UX Research
UX for Beginners
Design Methodology for Teams - sample
Presentation design thinking
What is Design Thinking?
Apply design thinking
Guiding UX Principles
Affinity Diagram
UX STRAT Europe 2018: Peter Morville, Semantic Studios
EXPLORE THE CORE PRINCIPLES OF DESIGN THINKING
Design thinking
Evaluating the Impact of Design Thinking in Action
Design thinking
Guiding UX Principles 3/20/12
Design Thinking Introduction
Intro to Design Thinking
Ad

Similar to Sketching&storyboarding (20)

PPTX
Introduction to Storyboarding for User Experience Design
PPTX
Drawing Stories for Product Development - May 2015
PPTX
Drawing Stories for User Experiences (UX) - April 2015
DOC
list script and flowchart
PPTX
Storyboarding for Content Strategy and UX Design - U of W Continuing Ed. Nov....
PDF
Video-Design-meeting-4.Video-Design-meeting-4.
PPTX
Presentation15
PPTX
Storyboarding
PPTX
Brilliant storyboard
PPT
Cm l3
PPTX
How to Storyboard your Website
PPTX
Storyboarding csa2013 - Simple sketching for UX, user research & content stra...
PPT
Storyboarding
ODT
Storyboarding
KEY
How to Give a TED Worthy Presentation
PPTX
Css design storytelling
PPTX
What is Importance of Storyboarding
DOCX
Storyboards
PPTX
Presentation15
PPTX
Lesson 11 create a storyboard
Introduction to Storyboarding for User Experience Design
Drawing Stories for Product Development - May 2015
Drawing Stories for User Experiences (UX) - April 2015
list script and flowchart
Storyboarding for Content Strategy and UX Design - U of W Continuing Ed. Nov....
Video-Design-meeting-4.Video-Design-meeting-4.
Presentation15
Storyboarding
Brilliant storyboard
Cm l3
How to Storyboard your Website
Storyboarding csa2013 - Simple sketching for UX, user research & content stra...
Storyboarding
Storyboarding
How to Give a TED Worthy Presentation
Css design storytelling
What is Importance of Storyboarding
Storyboards
Presentation15
Lesson 11 create a storyboard
Ad

More from Priyanka Rana (17)

PPTX
Insertion & Selection Sort - using Priority Queues
PDF
Scrum values
PDF
Usability testing
PDF
Content package - Mobile computing
PPT
Scrum retrospective
PPT
Mobile presence & location based marketing
PPT
User friendliness of website
PPT
E-commerce Marketing & advertising
PPT
E commerce business proposal
PPT
E-strategic Management-1
PPT
Maps&hash tables
PPT
Heaps & Adaptable priority Queues
PPT
Priority queues
PPT
Trees - Non Linear Data Structure
PPT
Algorithm analysis basics - Seven Functions/Big-Oh/Omega/Theta
PPT
Recursion - Algorithms and Data Structures
PPT
Linked list
Insertion & Selection Sort - using Priority Queues
Scrum values
Usability testing
Content package - Mobile computing
Scrum retrospective
Mobile presence & location based marketing
User friendliness of website
E-commerce Marketing & advertising
E commerce business proposal
E-strategic Management-1
Maps&hash tables
Heaps & Adaptable priority Queues
Priority queues
Trees - Non Linear Data Structure
Algorithm analysis basics - Seven Functions/Big-Oh/Omega/Theta
Recursion - Algorithms and Data Structures
Linked list

Recently uploaded (20)

PPTX
2. Competency Based Interviewing - September'16.pptx
PDF
Clay-Unearthing-its-Mysteries for clay ceramics and glass molding
PPTX
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
PPTX
UNIT II - UID FOR MOBILE GAMES[INTRODUCTION TO MOBILE GAME DESIGN]
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PPTX
Applied Anthropology Report.pptx paulapuhin
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPTX
Arunesh_Kevin Lynch.pptxynynynyunynynynnynyn
PDF
Instagram Marketing in 2025 Reels, Stories, and Strategy (14) (2).pdf
PDF
Social Media USAGE .............................................................
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
UNITy8 human computer interac5ion-1.pptx
PDF
Designing Through Complexity - Four Perspectives.pdf
PPTX
Introduction to Building Information Modeling
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PPTX
8086.pptx microprocessor and microcontroller
PDF
Control and coordination isdorjdmdndjke
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
PPTX
Presentation.pptx anemia in pregnancy in
2. Competency Based Interviewing - September'16.pptx
Clay-Unearthing-its-Mysteries for clay ceramics and glass molding
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
UNIT II - UID FOR MOBILE GAMES[INTRODUCTION TO MOBILE GAME DESIGN]
ACL English Introductionadsfsfadf 20200612.pptx
Applied Anthropology Report.pptx paulapuhin
321 LIBRARY DESIGN.pdf43354445t6556t5656
Arunesh_Kevin Lynch.pptxynynynyunynynynnynyn
Instagram Marketing in 2025 Reels, Stories, and Strategy (14) (2).pdf
Social Media USAGE .............................................................
Architecture Design Portfolio- VICTOR OKUTU
UNITy8 human computer interac5ion-1.pptx
Designing Through Complexity - Four Perspectives.pdf
Introduction to Building Information Modeling
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
8086.pptx microprocessor and microcontroller
Control and coordination isdorjdmdndjke
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
Presentation.pptx anemia in pregnancy in

Sketching&storyboarding

  • 7. Advantages for Sketching in Design • 1. Rapid Concept Development • 2. Basic Composition or Layout • 3. Client Communication and Approval • 4. Visual Exploration • 5. Refining Visual Solutions
  • 8. 1. Rapid Concept Development Excellent way to explore concepts in relatively short period of time.
  • 9. 1. Rapid Concept Development(cont.) "Putting ideas quickly on paper is the only way to evaluate them to see if they are worth exploring further. Computer renderings and modern CAD and modeling packages are great, but thinking on paper with a good old-fashioned pencil is always the place to start.“ - James(Bicycle design blogger)
  • 10. 2. Basic Composition or Layout
  • 11. 2. Basic Composition or Layout(cont.) Web Design from Scratch is a well-known Web site that offers practical advice on building Web sites.
  • 12. 3. Client Communication and Approval The SOS Factory designs predominately mascot logos.
  • 14. 5. Refining Visual Solutions
  • 33. Note:
  • 49. A storyboard is a graphic representation of how a video will unfold, shot by shot.
  • 51. The Storyboard A storyboard is a sketch of how to organize a story and a list of its contents. A storyboard helps you: • Define the parameters of a story within available resources and time • Organize and focus the theme of product usage • Figure out what value it provides to the user and how
  • 52. Why You Need a Storyboard? • Best way to share your vision • easier for you to share and explain the vision for your product. • show people exactly how your product is going to be mapped out. • Makes production much easier • setting up a plan for production. • starting point or suggested thorough line. • Saves your time • help you explain your vision to your team, also make the creation process go more smoothly.
  • 53. Three components that makes a storyboard Trigger How does the problem scenario initiate? Action How is the action executed? How easy is it? Reward How is the persona gratified?
  • 54. How to Do a Rough Storyboard • Divide the story into its logical, nonlinear parts, such as: • a lead or nut paragraph, essentially addressing why this story is important • profiles of the main person or people in the story • the event or situation • any process or how something works • pros and cons • the history of the event or situation • other related issues raised by the story
  • 55. How to Make a Storyboard? 1) Create blank slides • https://www.sampletemplates.com/business-templates/free-storyboard- templates.html 2) Add your script 3) Sketch your story give an impression of what is happening, which characters are in the scene and what the general framing will look like
  • 56. Helpful Tips to Keep in Mind • Show, don’t tell. Use the storyboard as a litmus test to determine if your story is truly being visualized. • Make sure it’s logical and coherent. You’re creating a story, so the narration should look visually consistent from beginning to end • Pick a theme. Highlight a customer pain point, show a character on screen and take them through a journey.
  • 57. Include all relevant details. Break up your script into smaller chunks and make note of important information: • What is the setting or background for the scene? • Is there a character on screen? If so, what action is the character performing? • What props are in the scene? This should fit in with the context of the background / setting you’re using • Will any text appear on screen? What is the size, color, and position of the text? • What message are you trying to deliver? Helpful Tips to Keep in Mind (Cont.)
  • 92. Self Analysis : • How do I spend my time? What are my activities during a normal day? • What do I know about? What are my areas of expertise? What am I studying in school? • What do I like? What are my hobbies? What are my interests? • What bothers me? What would I like to change in my world or life? • What are my strongest beliefs, values and philosophies?