Skip to main content

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. 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.


Popular posts from this blog

Cara Mengaktifkan Output Module Format H.264 di After Effects

Pada saat anda menyelesaikan project anda di After Effects, hal yang akan anda lakukan yaitu menyimpan project anda atau juga mengekspor project anda ke dalam bentuk video. Sebelum melakukan ekspor project ke dalam bentuk video atau dengan istilah lain rendering, anda harus melakukan setting output terlebih dahulu. Salah satu setting yang terpenting yang harus anda lakukan yaitu menentukan format file ekspor anda.

Jika anda ingin mengkespor file project After Effects anda ke format video MP4, maka anda harus memilih setting format H.264 pada jendela Output Module. Banyak pengguna After Effects, terutama Adobe After Effects CC, tidak menemukan format H.264 pada setting format di jendela output module. Berikut ini cara untuk mengaktifkan atau memunculkan setting format H.264 pada output module di After Effects, agar project bisa diekspor ke dalam format video MP4:

Baca Juga:

Tempat Terbaik Untuk Menemukan Inspirasi Motion Graphics
Ini Modal Yang Diperlukan Jika Anda Ingin Menjadi Seorang …

Pengertian Motion Graphics dan Cara Membuatnya

Motion Graphics, sebagai posting awal dari blog ini saya ingin berbagi pengertian tentang hal ini, kenapa? Karena rencananya kedepannya nanti (meniru janji-janji yang pernah saya alami), blog ini akan saya isi dengan postingan-postingan tentang Motion Graphics. Mungkin sebelum jauh saya berbagi tentang Motion Graphics, alangkah baiknya saya mengenalkan sedikit tentang apa itu Motion Graphics.

Secara awam saya ingin mendefinisikan sendiri tentang Motion Graphics. Untuk diketahui, saya hanya seorang pecinta dan penikmat Motion Graphics yang bermimpi untuk sekolah tentang hal ini, tapi tidak kesampaian. Bertahun-tahun saya menikmati dan mencoba menyelaminya, pada akhirnya saya menarik sebuah kesimpulan pribadi.

Motion Graphics adalah percabangan dari Seni Desain Graphics yang merupakan penggabungan dari, Ilustrasi, Tipografi, Fotografi dan Videografi dengan menggunakan teknik Animasi. Motion Graphics terdiri dari dua kata, Motion yang berarti Gerak dan Graphics atau yang sering kita ken…

Panduan Lengkap Bermain Empowr dan Menghasilkan Banyak Dollar dari Empowr

Empowr adalah sebuah situs jejaring sosial layaknya Facebook, Twitter, Tumbr dan sosial media lainnya, namun Empowr lebih unik dari jejaring sosial media yang ada. Di Empowr, selain penggunanya bisa membangun jaringan sosial dengan semua orang yang ada di belahan dunia manapun, pengguna Empowr juga bisa memperoleh penghasilan uang dollar secara online.

Empowr mengusung sebuah misi untuk memberdayakan setiap pengguna Empowr memperoleh pengaruh, harapan dan penghasilan. Hal ini dikarenakan komitmen dari Empowr untuk membantu stengah manusia yang ada di bumi ini agar pada tahun 2025 nantinya, setiap orang mempunyai penghasilan rata-rata $ 25 per hari.

Cara Bermain Empowr agar Menghasilkan Uang Dollar
Sebelum kamu memutuskan untuk memulai bermain Empowr, pastikan dalam diri kamu sebuah tekat untuk bersosial media. Hindari dulu pemikiran tentang mendapatkan uang. Agar nanti kamu bisa beraktifitas di Empowr dengan sepenuh hati.

Setelah kamu yakin tentang itu, kini saatnya kamu melangkah ke p…

Perbedaan Antara Color Correction dan Color Grading

Dalam dunia analog, "color timing" adalah proses panjang kimiawi foto yang berlangsung di laboratorium foto. Sekarang pengolahan warna dilakukan secara digital; profil warna gambar dan rekaman dapat benar-benar berubah hanya dengan beberapa klik mouse.

Ada dua jenis utama dari manipulasi warna, dan nama-nama mereka sering (keliru) digunakan. Color Correction dan Color Grading, serupa dalam proses tetapi berbeda dalam bagaimana dan kapan mereka digunakan.

Color Correction Color Correction atau Koreksi Warna adalah proses tunggal yang melibatkan penyesuaian gambar untuk "memperbaiki" setiap penyimpangan dari penampilan standar. Color Correction atau Koreksi Warna ini meliputi:
ExposureWhite BalanceISO NoiseContrast

Color Correction dapat digunakan untuk menutupi kesalahan yang terjadi pada saat pengaturan kamera serta untuk menarik lebih banyak informasi dari flat-profiles. Kamu harus memperbaiki warna rekaman Kamu bila memungkinkan, karena menciptakan kohesi antara s…

Panduan Dasar Tentang Frame Rate Video

Ada beberapa frame rate yang umum digunakan, masing-masing dengan tujuan mereka sendiri. Berikut adalah panduan frame rate untuk industri dan tujuan frame rate.
Apa itu frame rate? Konsep ini bisa rumit, tapi pada kenyataannya hal itu benar-benar cukup sederhana. Ketika Kamu merekam video, Kamu pada dasarnya sedang mengambil gambar dengan sangat cepat kemudian gambar-gambar tersebut tersusun bersama-sama dalam sebuah urutan waktu.

Ketika Kamu melihat gambar-gambar yang tersusun tersebut pada tingkat kecepatan tertentu, maka susunan gambar itu menciptakan ilusi menonton gerakan nyata - yang adalah apa yang kita sebut film atau video.

Frame rate video adalah susunan gambar dalam jumlah tertentu yang diurutkan dalam hitungan waktu satu detik sehingga menciptakan ilusi gerakan nyata. Frame rate diukur dalam satuan FPS (Frames Per Second) atau Frame Per Detik. Semakin tinggi nilai FPS, maka semakin halus gambar yang dihasilkan.
Sebuah frame rate hanya frekuensi di mana gambar ditampilkan.…