5
® pyright 2008 Adobe Systems Incorporated. All rights reserved. pyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

Embed Size (px)

Citation preview

Page 1: ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved. Copyright 2008 Adobe Systems Incorporated. All rights reserved.

®

1

STORYBOARDS

Page 2: ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved. 2

What is a storyboard?

A storyboard is a scene-by-scene drawing of the sequence of action.

Storyboards tell the story visually with enough detail for developers to know what to build.

Page 3: ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved. 3

Two basic types of storyboards

Static – No action elements indicated. Used for a graphical design such as a logo or page banner.

Animatic – Indicating action, movement, camera angles, or the passage of time. Typically used in making movies.

Page 4: ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved. 4

Example of storyboards

Sample storyboard layout when multiple pages or scenes are part of the design.

NavigationButtons

MainMenu

Details

Screen Name

Page 5: ® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® 1 STORYBOARDS

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved. 5

Why storyboard?

Easier and cheaper to produce and test ideas on paper before production.

Easier to generate alternate ideas as you think of them.

Effective tool to check that the finished product is what it should be!