What's the difference between
and
Enter two words to compare and contrast their definitions, origins, and synonyms to better understand how those words are related.

Storyboard vs Wireframe - What's the difference?

storyboard | wireframe |

As nouns the difference between storyboard and wireframe

is that storyboard is a series of drawings that lay out the sequence of scenes in a film, especially an animated one while wireframe is a visual model of an electronic representation of a three-dimensional object.

As verbs the difference between storyboard and wireframe

is that storyboard is to create and arrange storyboard drawings while wireframe is to generate a wireframe representation.

storyboard

English

Noun

(en noun)
  • A series of drawings that lay out the sequence of scenes in a film, especially an animated one.
    • The storyboard process helps promote brainstorming, highlights missing tasks, and allows the team to incorporate changes prior to traveling too far down a particular path. — By Cheryl A. Malloy & William Cooley, NASA & SAIC here
  • Any sequence of drawings or diagrams which illustrate a sequence of events, e.g. in an accident or as a flowsheet for computer programming.

    • Verb

    (en verb)
  • To create and arrange storyboard drawings.
    • Storyboarding allows students to work together as they generate ideas and eliminates the territorial defensiveness that often occurs when new ideas are suggested. — "Using Storyboarding to Determine components of Dellness for University Students" J Am Coll Health. 1996 Jan;44(4):180-3 Abstract

    wireframe

    English

    Alternative forms

    * wire frame * wire-frame

    Noun

    (en noun)
  • (computer graphics) A visual model of an electronic representation of a three-dimensional object
  • *{{quote-book, 2001, Philip D. Rufe, Fundamentals of Manufacturing citation
    • , passage=A wireframe is transparent in nature, requiring some skill and expertise in interpreting the model.}}
  • (web design) A basic visual guide used to suggest the layout of fundamental elements in a web interface
  • *{{quote-book, 2003, Andrew Chak, Submit Now: Designing Persuasive Web Sites citation
    • , passage=Wireframes should be simple sketches that you can quickly revise and not get attached to.}}

    See also

    *(Wire-frame model) *(Website wireframe)

    Verb

    (wirefram)
  • (computer graphics) To generate a representation
  • *{{quote-book, 2003, , Idoru citation
    • , passage=She'd barely wireframed it, here, and there was no there there, no interiority. }}
  • (web design) To prepare a for a website
  • *{{quote-book, 2006, Daniel M. Brown, Communicating Design citation
    • , passage=There are a few lists you should make before you start wireframing .}}

    Derived terms

    *wireframed *wireframer