Visual element of Graphic Design: Shape

Everything is ultimately a shape. All objects are composed of shapes and all visual elements are shapes in some way.

Everything is ultimately a shape. All objects are composed of shapes and all visual elements are shapes in some way. In design shapes have two dimensions and are measured by their height and width.

Shapes are defined by boundaries such as with lines or colour and can also be created with negative space. Shapes are used to add interest and substance to a piece of graphic design work, they can be used to decorate they can be symbolic and can be used to create patterns and textures.

In design Shapes have two dimensions and are measured by their height and width
In design Shapes have two dimensions and are measured by their height and width

Now there are two types of shape: Geometric and organic.

Geometric shapes are the shapes that can be drawn using a ruler or compass. Weather simple or complex these produce a feeling of control or order. Organic shapes, are shapes that can be drawn free hand or shapes found in nature.

Organic shapes weather simple or complex produce a natural feel. Now it's important to keep in mind that shapes our signal visual elements.

In design when we begin to place shapes together we create a relationship between them. However simple or complex it's this relationship between shapes that can trigger feelings, convey messages, engage an audience, add emphasis to a portion of a layout and create movement. When we group or move shapes closer or further apart we are applying the design principle 'Proximity'.

geometric and organic shapes
geometric and organic shapes

So in design geometric and organic shapes can combine together on many levels to create various design elements we use to communicate One example of this is with brand logos. In logos shape is used in its purest form.

Here we have a mix of logos some are made with geometric shapes some with organic shapes and some with a combination of both. We have some that are single solid shapes and some that are composed of a few shapes that are placed near each other.

a mix of logos some are made with geometric shapes some with organic shapes and some with a combination of both
a mix of logos some are made with geometric shapes some with organic shapes and some with a combination of both

Keep in mind that proximity is playing a crucial role here in the logos that are made with few shapes. If we were to move some of the shapes further away or closer they would have an entirely different look and feel. So here shape is used as a symbol.

Another example where geometric and organic shapes can come together is in typography. A single letter in a typeface is a combination of geometric and organic shapes.

Which build together to create a larger shape in this case the letter 'R'. We learned from a young age that this shape the letter R has a meaning. When combined with other shapes, for example the rest of the alphabet to form words it is giving a new meaning and when combined with a sequence of words we can form a sentence to pass on a message.

No where in design is shape used more literally to communicate visually than in typography. It's the type of shapes that combine together that give the typeface its distinct look and feel. Here shape is again being used as a symbol.

Here I have some more examples of how shape is used in design.


In this first example we have a group of text and a geometric shape in close proximity Now this may look simple but when you think about it here we have a group of texts which is made of hundreds of shapes carefully arranged in half a circle and next to it we have a single solid shape as another half circle. Overall on this page we see a circle shape even though there is no circle shape at all anywhere on this page.

It's the careful arrangement of the type and the solid shape in close proximity that suggests the shape of a circle. In design shape is indeed an individual element, but as a group shapes conform compositions like this and as such be treated as a visual element. Here shape is being used to create an overall composition to create the shape.

This can be seen in another example, here we have a page with a number of random shapes. Now if these shapes were scattered we would just have a page of individual shapes. But arranged any particular way with the right proximity we start to see another shape, the number three. Here shape is being used to decorate to build, illustrate and hint at another shape on the page.

Next is an example of how shape can form a recognisable image as an illustration. Now this image is made only of polygon shapes. It's the colour, size and position of each and every polygon shape that gives it an appernce to look like a Roman statue.

Now if we were to separate each shape from each other even a little bit it would no longer look like a Roman statue. This shows how proximity is crucial to represent or communicate in a composition. In this next example shape is used to create something entirely different.

more examples of how shape is used in design
more examples of how shape is used in design

Here we have a number of shapes that appear to be scattered in no particular order. We can see what looks like positive and negative spaces along with other shapes. Its appearance is random and all the shapes seem to blend into each other.

There is nothing legible hear that stands out only an overall look and feel. Here shape is being used to create a surface image texture. So in this last example unlike the randomness of the image texture here we have what looks like a regular repeating sequence of shape this is similar to the image texture in that nothing particular stands out.

Here shape is being used to create a surface pattern texture. So shape is what makes up the foundation of any composition. A layout can be simple made of one or few shapes or complex made by groups of many individual shapes. In design shape can be used in many ways, it's how they are arranged that determines the visual outcome.

When creating a composition you must always consider how the visual elements of your design are creating shapes, how the shapes interact and work together to present and communicate the intended message.

Want to get notified of recent posts from this blog? just click  Link subscribe this Dafi Deff blog. (register your email) Follow me at Twitter @dafideff and Instagram @dafideff. Or subscribe my Youtube channel Channel Youtube Dafi Deff and add my Google+ Dafi Deff.

COMMENTS

Name

3D,19,Adobe Lightroom,1,Adobe Premiere Pro,15,Advertorial,6,After Effects,91,animasi,36,Aplikasi,5,Avid Media Composer,1,beginners guide,7,blogging,2,Cara,119,Catatan,101,Cinema 4D,15,Cinemagraph,1,Color Grading,7,Dasar-dasar After Effects,9,Dasar-dasar Desain Grafis,6,DaVinci Resolve,1,Desain,15,Digital Marketing,5,dokumenter,1,Download,13,Empowr,4,English,34,film,1,Final Cut Pro,1,Free Download,14,Google Web Designer,2,graphic design,13,Instagram,3,Koalisi Online Pesona Indonesia,1,KOPI,1,Logo Animasi,1,Logo Animasi Sulawesi Selatan,1,Low Poly,1,Luts,1,motion design,63,Motion Graphics,110,Notes,4,Office,4,Panduan,57,Panduan Warna,3,Perumahan,1,Photoshop,4,Powerpoint,3,Premiere Rush,2,produksi video,18,Review,2,seo,2,sinematografi,4,Sosial Media,15,Technology,3,teknologi,15,Teori Warna,3,tipografi,1,Tutorial,97,Video Editing,29,Video Pemasaran,9,Video Production,41,visual element,6,Vlog,12,Word,1,Youtube Design,2,
ltr
item
Dafi Deff Motion Graphics: Visual element of Graphic Design: Shape
Visual element of Graphic Design: Shape
Everything is ultimately a shape. All objects are composed of shapes and all visual elements are shapes in some way.
https://3.bp.blogspot.com/-bP8D2fhb98I/WulO5L30zrI/AAAAAAAABvs/AxaTIUYb-mYxxZ552MTLqxI94E9YtpmXwCLcBGAs/s320/In-design-Shapes-have-two-dimensions-and-are-measured-by-their-height-and-width.jpg
https://3.bp.blogspot.com/-bP8D2fhb98I/WulO5L30zrI/AAAAAAAABvs/AxaTIUYb-mYxxZ552MTLqxI94E9YtpmXwCLcBGAs/s72-c/In-design-Shapes-have-two-dimensions-and-are-measured-by-their-height-and-width.jpg
Dafi Deff Motion Graphics
https://www.dafideff.com/2018/05/visual-element-of-graphic-design-shape.html
https://www.dafideff.com/
https://www.dafideff.com/
https://www.dafideff.com/2018/05/visual-element-of-graphic-design-shape.html
true
693841562448610024
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content