Skip to main content

Visual element of Graphic Design: Line

In this article I'm going to discuss the first key visual element and discuss 'Line' as a visual element in graphic design.

The graphic part of graphic design is made up of visual elements the building blocks of design. Through the harness of artistic expression we choose these visual elements and arrange them on a surface in a layout to convey an idea. The basic visual elements that combine to create graphic design include the following:
  1. Line, 
  2. Colour
  3. Shape, 
  4. texture, 
  5. Space,
  6. Form, and 
  7. Typography.
line, beginners guide, graphic design, visual element,

Whatever work you produce be it for a magazine a poster a website or advertisement these visual elements will play a part in your design.

So one of the most basic visual elements of design is the line and it should not be underestimated as simple as lines are they can be quite versatile and be used as crucial elements of design. Lines can be straight, curved, thick, thin, solid or dashed.

Lines can be used to add structure to a composition to frame information and to divide information. Used consideratly lines can add elegance to a composition at hierarchy and draw the eye to a specific point.

With type lines can be used to emphasise and put stress on a word a phrase or paragraph. Lines can be used to decorate, illustrate and represent information in inforgraphics. If we think about magazines, newspapers and maps one of the most common visual elements is the line as it works very well to structure information.

Here are some simple horizontal lines, here we have some strokes in various sizes and below some alternatives. A line can be made of more than a single stroke it can be made with many individual strokes and even dots. So here are some simple examples of how lines may be used in design.

So the first example is where line plays a role of building infographics this is a simple tree diagram made of lines in different shades. If we zoom into the visual icons they are also lines as illustrations so overall a simple visual with another line below as an anchor point for the associated information.

Next is an example in typography. Here lines are used to divide and draw emphasis to a particular word.

Infographic: 10 Basic Elements of Design
Infographic: 10 Basic Elements of Design
source: creativemarket

Next is an example where lines are used to create a border. In this example there are two stroke lines that create this border a thin and a thick. The type of stroke lines you use in relationship to other elements can define a look and feel to your composition. In this case we
have a boutique feel.

Notice here we also have a line that elegantly divides the type. So next is an example where lines are used to predominantly structure a composition. But at the same time decorate.

This is a simple chapter index page here we have a large dark line running vertically down the page and smaller lines running horizontally across the page. The horizontal lines are passing through the vertical and inverting in colour as they do so creating a lose grid for the type element to exist.

You can see here where the lines are defining and positioning the type elements.

the type elements of line, simple line examples
simple line examples
Next is an example where lines can be used for structure and decoration in a minimal elegant way. Here lines make up the board elements that frame a quote and a line is drawn vertically aligned left creating a base to carry the paragraph next to it. These lines though in black and white could be used to add a bit of colour onto the page as well as structure.

So next is a general example of how lines can divide information. Now newspapers can be very complex and busy media platforms with a lot of information being presented at any time.

Here we can see were lines play a role to divide and decorate information. At the top we have lines to separate that section from the article section below.

In this section we also have small lines, details used to decorate. Now a line does not necessarily have to be a solid stroke a line can be created by contrast of colour or shape on a page.

In the article below we have a big picture. Now even though there is no particular stroke applied the solid colour fill of the image creates a line around it.

Below this we have the main body of text, in this we have an infographic made with lines and lines that break information out such as diagrams, quotes and footers.

line in infographics
line in infographics
So the last example shows lines creating decoration, texture and structure on a page in this example there are various types of lines going on here first we can see the physical line used to create decoration with various stroke effects applied. In this instance the lines also create another white line through the middle of the page as negative space. Here we have three columns of type where the third column is breaking alignment to fit in the space creating an interesting and dynamic layout.

So there are lots of ways line can be used in design. These are just a few examples. So when looking at graphic design be sure to observe how line has been considered and used as a design element.

So that is the first visual element in graphic design. Well I hope you enjoy this article. So the next key visual element is 'colour'. In the next article I'm going to talk about a colour as a visual element in graphic design.

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

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