7 Essential Design Principles Star Wars Taught Us [Infographic]

By Sara McGuire, Dec 03, 2015

With the release of Star Wars: The Force Awakens only a matter of weeks away, fans are turning back to the original Star Wars trilogy in preparation.

What is it about Star Wars that makes it such a force to be reckoned with?

In a 1987 article celebrating the 10 year anniversary of Star Wars, George Lucas boldly stated, “A film is not about technique. It’s about ideas.”

But while ideas are what hold a film together at its core, the design techniques used to deliver those ideas have a profound effect on viewer experience. When Star Wars (later retitled Star Wars Episode IV: A New Hope) first hit theatres in 1977, it broke box office records, grossing $220 million during its initial theatrical run ($859 million with inflation). People flocked to theatres to see the visually stunning film. Critics compared it to 2001: A Space Odyssey in terms of its groundbreaking special effects.

That being said, the flashy special effects aren’t the only reason why the film was so successful. Undeniably, what has made A New Hope and its two sequels stand the test of time are its effortlessly fun and engaging story. What facilitates a timeless visual story? Some very basic principles of design.

A good film should not only dazzle viewers with its effects, but should also facilitate the storytelling through its seamless design and editing. The same goes for static visual storytelling, like in print design and infographics.

In honor of Star Wars: The Force Awakens, we went back to the original Star Wars trilogy to take a closer look at how the films employed fundamental principles of design to tell some of film history’s most beloved stories.

Here are 7 design principles from a long time ago in a galaxy far, far away…

Infographic: Design With The Force | Venngage

Please use the code below to share this image.

<a title="Infographic: Design With The Force | Venngage" href="https://venngage.com/blog/olympics">
<img src="https://venngage.com/wp-content/uploads/2015/12/STAR-WARS-FINAL-1.jpg" alt="Infographic: Design With The Force | Venngage" /></a> 
Infographic: Design With The Force | <a href="https://venngage.com" style="color: #C7C5C5; text-decoration: none; font-style: italic;">Infographics </a>

Depth

These days, almost every high profile movie is released in 3D. But even in traditional 2D film, scenes don’t appear flat. That’s because the placement of objects on the visual plane create the illusion of space between the background, midground and foreground of the scene.  

The Star Wars films are filled with frames that encompass huge expanses of space and vast landscapes. Take this image of C-3PO and R2-D2 in the far-reaching desert of Tatooine in A New Hope:

depth-

The two robotic frenemies appear to be closer to the viewer, while the wrecked spaceship is off in the distance behind them.

If you divide the scene into three sections, you can see that the illusion of distance is created by placing C-3PO and R2-D2 in greater focus in the foreground, their appearance rendered three-dimensional by the use of light and shadow, giving their bodies a rounded look. Meanwhile the ship appears more flat and unfocused in the background.

The illusion is made more natural by overlapping elements across the foreground, midground and background, creating the effect of looking head-on at the two characters and then beyond them to the ship.  

 [Infographic] 7 Essential Design Principles Star Wars Taught Us [Infographic] 7 Essential Design Principles Star Wars Taught Us
Hover over the image.

 

Contrast

Contrast is achieved by placing opposing visual elements side by side. The juxtaposition between the two elements, particularly two objects of opposing sizes, can create a daunting mood or a mood of wonderment and sublimity.

The Star Wars films are full of scenes that juxtapose massive ships to smaller ones. In this scene from Return of the Jedi, our band of heroes are placed in a small transport next to Jabba the Hutt’s much larger ship.  

 [Infographic] 7 Essential Design Principles Star Wars Taught Us
The placement of both ships beside each other emphasizes the dominance of Jabba the Hutt’s ship. This creates an uneasy mood, as Luke Skywalker and Han Solo appear to be outmatched. That being said, by contrasting both ships, the viewer’s attention is drawn to the smaller ship because of the tension created by its proximity to the larger. While Jabba the Hutt’s ship takes up most of the left side of the shot, Luke and Han’s smaller ship stands out against the background, drawing the viewer’s focus.

 [Infographic] 7 Essential Design Principles Star Wars Taught Us [Infographic] 7 Essential Design Principles Star Wars Taught Us

Negative Space

Negative space is the space around a defining object. Similar to how a larger object contrasted with a smaller object will bring the smaller object into focus, using negative space draws attention to the focal point in its center, lending to the drama and tension in a scene.

Negative space also allows for visual pause between objects, making them easier for viewers to process. If you want the viewer’s eye to focus on a particular object, it needs to have enough negative space around it to prevent them from being distracted. Grouping many objects closely together makes it difficult to distinguish them from one another (an effect that you would want to achieve if all of the objects are part of a unified whole).

In this scene of C-3PO standing alone on Tatooine in A New Hope, the negative space of the desert around him brings his solitary figure into greater focus.

negative-space

This establishes C-3PO as the focal point in the shot and emphasizes his solitude on the unknown planet.

 [Infographic] 7 Essential Design Principles Star Wars Taught Us [Infographic] 7 Essential Design Principles Star Wars Taught Us

Perspective

Perspective creates dynamic and visually interesting compositions, allowing certain objects to become more dominant depending on where they are placed. Lines are used to direct perspective, whether it’s a one-point or two-point perspective.

Part of what made the scenes in the Star Wars films so epic were the exterior and interior shots of the ships, taken from dramatic perspectives. Take this shot of the second Death Star’s reactor core in Return of the Jedi:

perspective

The straight lines of the reactor core point downward in an arrow shape, creating the perspective of looking down. The effect is enhanced by the use of light that draws the viewer’s eye to the focal point of the shot, at the base of the core.

Depth plays into perspective as well, as the size and placement of objects in the background, midground and foreground contribute to the illusion of perspective.  

 [Infographic] 7 Essential Design Principles Star Wars Taught Us [Infographic] 7 Essential Design Principles Star Wars Taught Us

Symmetry

Symmetry balances a design and highlights its focal object. You can create symmetry by mirroring design elements on each side of the composition and by placing focal objects in the middle of the composition.

Whereas shots with off-balanced objects will create the effect of things being confusing and out of control, a symmetrical shot lends to a mood of uniformity and orderliness, as in the scene at the end of A New Hope:

symmetry

Luke Skywalker, Han Solo and Chewbacca are flanked on both sides by identical rows of soldiers. They walk down a straight path directly in the middle of the shot, with straight lines pointing to the stage in the background. The symmetry and balance in the scene feels formal, satisfying and conclusive.

 [Infographic] 7 Essential Design Principles Star Wars Taught Us [Infographic] 7 Essential Design Principles Star Wars Taught Us

Directional Cues

This is similar to perspective, but refers more specifically to the elements that direct the viewer’s gaze. Directional cues direct the eye’s navigation through visual elements, towards the focal object. The most straightforward directional cues are objects placed in the direction you want the viewer’s eyes to go, or lines or arrows pointing the viewer’s attention towards a focal object.

In this scene from The Empire Strikes Back, the lines and lights in the ship’s hallway direct the viewer’s eyes towards Luke Skywalker.

directional-cues

This establishes Luke Skywalker as the focal object.

 [Infographic] 7 Essential Design Principles Star Wars Taught Us [Infographic] 7 Essential Design Principles Star Wars Taught Us

Repetition

Repetition emphasizes an idea through the use of repeated visual elements, forming strength and unity between objects. Design repetition is achieved by repeating elements using patterns, lines and colors, or by repeat elements in close proximity to one another so they appear to belong to the same group.

In this scene from Return of the Jedi, the stormtroopers are lined up in rows that create the effect of them being one unified entity, emphasizing their sheer numbers.

repetition

This contrasts the stormtroopers with the figures moving down the path.  

 [Infographic] 7 Essential Design Principles Star Wars Taught Us [Infographic] 7 Essential Design Principles Star Wars Taught Us

 

Whether your design is 3D or flat, these basic design principles used in the original Star Wars trilogy are tried and true. When your design is seamless and effective, the ideas that make them timeless can come through. We can’t wait to see what exciting design elements are in store in The Force Awakens!

About Sara McGuire

Sara McGuire is a Content Editor at Venngage. In her free time she reviews music, reads graphic novels and poetry, and hangs out with her cat.