DASAR DESAIN GRAFIS

BAB :
UNSUR-UNSUR TATA
LETAK DESAIN GRAFIS
 PETA KONSEP MODUL 1

UNSUR-UNSUR TATA LETAK DESAIN GRAFIS

Grafis
Dalam Bahasa Inggris disebut Graphic diartikan sebagai goresan yang
berupa titik-titik atau garis yang berhubungan dengan kegiatan cetak-
mencetak (Freddy Adiono Basuki, 2000).
Desain
Menurut Atisah Sipahelut (1991) diartikan sebagai bentuk rumusan dan
suatu proses pemikiran. Rumusan atau proses pemikiran yang
dituangkan dalam wujud gambar tersebut merupakan pengalihan
gagasan kongkrit isi pemikiran untuk mengalihkan gagasan dalam wujud
gambar. Dalam proses mendesain ini seorang desainer dapat
mempergunakan perlatan manual seperti kuas atau dengan teknologi
komputer.
DESAIN GRAFIS
Desain grafis adalah seni dalam berkomunikasi menggunakan tulisan,
ruang, dan gambar untuk menyampaikan informasi atau pesan seefektif
mungkin. Dalam desain grafis, teks juga bisa dianggap gambar karena
merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. Desain
grafis dapat merujuk kepada proses pembuatan, metode, merancang,
produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang
digunakan (desain). Seni desain grafis mencakup kemampuan kognitif
dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi,
fotografi, pengolahan gambar, tata letak, dan desain interaksi.
Desain grafis computer
Adalah upaya untuk mengalihkan gagasan kepada orang lain dalam
wujud gambar yang dibuat menggunakan bantuan teknologi komputer.
Batasan media
Desain grafis pada awalnya diterapkan untuk media-media statis, seperti
buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan
perkembangan zaman, desain grafis juga diterapkan dalam media
elektronik, yang sering kali disebut sebagai desain interaktif atau desain
multimedia.
Batas dimensi pun telah berubah seiring perkembangan pemikiran
tentang desain. Desain grafis bisa diterapkan menjadi sebuah desain
lingkungan yang mencakup pengolahan ruang.

Secara garis besar, desain grafis dibedakan menjadi beberapa kategori :

a. Printing (Percetakan) yang memuat desain buku, majalah, poster,
booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang
sejenis.
b. Web Desain: desain untuk halaman web.
c. Film termasuk CD, DVD, CD multimedia untuk promosi.
d. Identifikasi (Logo), EGD (Environmental Graphic Design) :
merupakan desain profesional yang mencakup desain grafis, desain
arsitek, desain industri, dan arsitek taman.
e. Desain Produk, Pemaketan dan sejenisnya.

UNSUR-UNSUR DESAIN GRAFIS BERUPA GARIS, ILUSTRASI,

TIPOGRAFI, WARNA, GELAP-TERANG, TEKSTUR, DAN RUANG

1. Garis (Line): Didefinisikan sebagai titik yang bergerak dan

merupakan tanda yang dibuat oleh alat untuk menggambar seperti
pensil, ballpoint, pointed brush, keyboard atau mouse.
Pada elemen garis ini terdapat 3 kategori garis yaitu :
a. Tipe garis, Merupakan arah garis yang mengacu pada gerakan
garis dari awal sampai akhir, Tipe garis dapat berupa garis lurus,
lengkung ataupun siku-siku.
b. Arah garis, Menggambarkan hubungan antara garis dengan
halaman. Arah garis ini berupa garis Horizontal, vertikal dan
diagonal
c. Kualitas garis, mengacu kepada bagaimana garis itu digambarkan.
Kualitas garis dapat berupa garis tegas, patah-patah, tebal, tipis,
tetap dan berubah-ubah
Garis dapat digunakan untuk:
 Mengatur informasi.
 Penekanan kata.
 Menghubungkan informasi.
 Outline foto.
  Membuat kotak.
 Membuat bagan atau grafik.
 Membuat pola atau ritme dengan membuat banyak baris.
 Membuat penekanan langsung ke mata pembaca. (Membuat garis
diagonal.)
 Mensugesti emosi.

2. Ilustrasi: Ilustrasi menurut definisinya adalah seni gambar yang

dimanfaatkan untuk memberi penjelasan atas suatu maksud dan
tujuan secara visual.
Ilustrasi secara harafiah berarti gambar yang dipergunakan untuk
menerangkan atau mengisi sesuatu.
Dalam desain grafis, ilustrasi merupkan subjek tersendiri yang
memiliki alur sejarah serta perkembangan yang spesifik atas jenis
kegiatan seni tertentu.
Ilustrasi dapat berupa gambar, foto, maupun grafis lainnya. Gambar
merupakan penjelasan yang dapat menerjemahkan isi iklan secara
menyeluruh, mampu menarik perhatian sekaligus menangkap
pandangan secara sepintas. 
Ilustrasi dapat dihasilkan melalui beberapa teknik, yaitu :
a. Gambar Tangan (Hand Drawing)
Ilustrasi gambar tangan dibuat secara keseluruhan menggunakan
tangan, dengan memberikan ekspresi dan karakter tertentu untuk
mendukung media komunikasi grafis yang dibuat, seperti iklan, poster,
baliho, dan sebagainya.
a. Fotografi
Ilustrasi berupa foto dihasilkan dengan teknik fotografi menggunakan
kamera, baik manual maupun digital. Foto yang dihasilkan dengan
kamera digital memungkinkan adanya pengolahan lebih lanjut,
langsung tanpa scanning di komputer untuk memberikan ekspresi
ataupun ilustrasi tertentu sesuai keinginan. Obyek fotografi menjadi
lebih realistis, ekslusif, dan persuasif. Dalam kenyataan teknik hand
drawing dan teknik fotografi dapat digabung.
Ilstrasi berfungsi untuk :
 Menarik perhatian
 Merangsang minat pembaca terhadap keseluruhan pesan
 Memberikan ekplanasi atas pernyataan
 Menonjolkan keistimewaan daripada produk
 Memenangkan persaingan
 Menciptakan suasana khas 
 Dramatisasi pesan
 Menonjolkan suatu merk atau semboyan dan mendukung judul
iklan

3. Tipografi adalah seni cetak atau tata huruf adalah suatu kesenian dan
teknik memilih dan menata huruf dengan pengaturan penyebarannya
 pada ruang yang tersedia, untuk menciptakan kesan tertentu, guna
kenyamanan membaca semaksimal mungkin.
Dikenal pula seni rupa huruf (type design), yaitu karya atau desain
yang menggunakan pengaturan huruf sebagai elemen utama seperti
ukuran huruf, jenis huruf, tracking (jarak antar huruf secara umum),
kerning (jarak antar dua huruf yang spesifik), dan leading (jarak antar
baris). Dalam seni rupa huruf, pengertian huruf sebagai lambang bunyi
bisa diabaikan.

4. Warna merupakan kesan yang diperoleh oleh mata dari cahaya

yang dipantulkan oleh benda-benda yang dikenainya. Disebabkan
karena cahaya memiliki spektrum warna maka manusia dapat
mengenali warna. Panjang gelombang spektrum warna yang dapat
dilihat oleh mata manusia adalah 380 nanometer hingga 780
nanometer, sedangkan diatas 700 nanometer disebut dengan
inframerah dan yang dibawah 400 nanometer disebut dengan sinar
ultraviolet, sinar X dan sinar Gamma.
Warna dapat digunakan untuk:
 Sorot elemen penting dan utama seperti subheads.
 Menarik mata.
 Sinyal di mana pembaca untuk melihat terlebih dahulu.
 Membuat gambar atau moods.
 Mengidentifikasi obyek.
 Memprovokasi emosi.

5. Gelap terang/ Kontras ialah Hubungan antara elemen yang satu

dengan elemen yang lain yang berhubungan dengan kecerahan dan
kegelapan sehingga memberikan citra dan persepsi secara rinci untuk
membaca kata atau tulisan pada layar.
Salah satu cara terbaik untuk memudahkan unsur penangkapan pesan
dalam visual grafis adalah dengan mengatur gelap dan terangnya. Ada
dua pembagian dalam kategori ini, yaitu Low Contrast Value yang
berarti penggunaan warna-warna yang kurang kontras. Visual yang
dihasilkan akan cenderung kalem, statis, dan sederhana serta tenang.
Sedangkan yang kedua adalah High Contrast Value, yaitu
penggunaan warna-warna kontras dengan ekstrim, sehingga
menghasilkan visual yang enerjik, ceria, dinamis, dramatis, dan penuh
gairah.
Berdasarkan nilai dalam gelap dan terangnya, warna dibagi menjadi
beberapa tingkatan. Paling terang adalah warna putih, kemudian
warna tergelap adalah hitam.
Warna gelap akan terbaca jika ditempatkan pada background terang.
Begitu pula sebaliknya, warna terang akan sangat mudah terbaca jika
ditempatkan pada background gelap.

6. Tekstur merupakan kualitas permukaan, papan, kertas atau halaman

yang digunakan sebagai media desain.
 Dalam desain grafis, penggunaan tekstur dapat dinyatakan untuk
memberikan visual yang lebih berkarakter. Tekstur sering digunakan
untuk mengatur keseimbangan dan kontras dalam sebuah desain
komunikasi visual.

Tekstur dapat digunakan untuk:

 Memberikan publikasi cetak, presentasi, atau halaman web yang
mood atau kepribadian.
 Kontras untuk membuat bunga.
 Bermain-main mata.
 Memprovokasi emosi.
 Membuat rasa kekayaan dan mendalam
Tekstur dibagi menjadi dua:
• Tekstur tactile : tekstur nyata dimana kita bisa merasakan
permukaannya dengan jari kita
• Tekstur visual : adalah tekstur ilusi yang memberikan impresi yang
sederhana dari tekstur nyata

7. Ruang (Space) merupakan jarak antara suatu objek dengan objek

yang lainnya pada suatu desain. Objek yang dimaksud dapat berupa
Teks, Gambar ataupun Bentuk bangun datar tertentu.
Ruang dapat digunakan untuk:
 Memberikan mata visual istirahat.
 Membuat hubungan antara unsur-unsur.
 Sorot salah satu elemen.
 Menaruh banyak spasi sekitar yang penting untuk memanggil
perhatian kepadanya.
 Membuat layout mudah untuk mengikuti.
 Membuat tipe dibaca mungkin.

Contoh Software desain grafis

Desktop publishing  Audiovisual
• Adobe Photoshop • Adobe After Effect
• Adobe Illustrator • Adobe Premier
• Adobe Indesign • Final Cut
• Coreldraw • Adobe Flash atau
• GIMP sebelumnya Macromedia
• Inkscape Flash
• Macromedia Freehand • Ulead Video Studio
• Adobe image ready • Magic Movie Edit Pro
• CorelDraw • Power Director
• Adobe Page Maker
• Paint Tool SAI
Rendering 3 Dimensi Webdesign
• 3D StudioMax • Adobe Dreamweaver
• Cinema 4d • Microsoft Frontpage
• Maya • Notepad
 • AutoCad • Adobe Photoshop
• Google SketchUp • Macromedia firework
• Light Wave
• Blender
• Softimage
WARNA

Proses terlihatnya warna adalah dikarenakan adanya cahaya yang menimpa

suatu benda, dan benda tersebut memantulkan cahaya ke mata (retina) kita
hingga terlihatlah warna. Secara umum warna merupakan bagian penting dari
segala aspek kehidupan manusia. Warna juga masuk kedalam bagian dari
elemen Seni. Dalam Seni warna memegang peran sebagai sarana untuk lebih
mempertegas dan memperkuat kesan atau tujuan dari sebuah karya desain.
Kegunaan Warna :
1. Membentuk sebuah keindahan
2. Memudahkan dalam melihat dan mengenali suatu benda
3. Membentuk perbedaan antara obyek satu dengan obyek lain
4. Menggambarkan sifat obyek secara nyata,
sebagai contoh warna hijau untuk menggambarkan daun, rumput; dan biru
untuk laut, langit. Warna dalam hal ini lebih mengacu pada sifat-sifat alami
dari obyek tertentu misalnya padat, cair, jauh, dekat dll.
5. Warna menempatkan dirinya sebagai bagian dari simbol. Warna
merupakan lambang atau sebagai perlambang sebuah tradisi atau pola
tertentu.
6. Media komunikasi,
sebagai contoh dapat kita lihat dari obyek-obyek seperti bendera, logo
perusahaan, fashion, dll.
7. Warna obyek pengganti bahasa formal dalam mengkomunikasikan
sesuatu misalnya: merah berarti berani dan putih berarti suci.
MENGENAL SISTEM WARNA
 CMYK atau Process Color System
CMYK Color System/ Process Color System
CMYK = Cyan-Magenta-Yellow-Black
Sistem warna CMYK Biasanya juga sering disebut
sebagai warna proses atau empat warna. CMYK
adalah sebuah model warna berbasis
pengurangan sebagian gelombang cahaya
(substractive color model) yang umum
dipergunakan dalam pencetakan berwarna.
Jadi untuk memproduksi gambar agar dapat
dicapai hasil yang relatif sempurna dibutuhkan
sedikitnya 4 tinta yaitu: Cyan, Magenta, Yellow dan Black.

 Additive Color/RGB Color System

RGB Color System/ Additive Color System
Warna additive adalah warna yang berasal dari
cahaya yang disebut spektrum. Terdiri dari : warna
red (merah), green ( hijau ) dan blue (biru).
Pencampuran ketiga warna primer dengan jumlah
yang sama akan menghasilkan warna putih.

Fungsi Warna CMYK dan RGB

Untuk hasil terbaik pencetakan :

– Gunakan warna CMYK
– Kenali semua karakteristik perangkat anda (scanner, printer, monitor dll)
dengan baik.

Untuk desain web / game dan desain grafis (output presentasi visual di
monitor)
– Gunakan warna RGB
– Biasakan mengerjakan dalam ruang cahaya yang terkontrol, mengerjakan
desain pada siang dan malam hari juga menghasilkan perbedaan warna yang
berbeda (terutama untuk RGB)

Persamaan Warna CMYK dan RGB

CMYK & RGB itu sama-sama warna primer.

Perbedaan Warna CMYK dan RGB

RGB :  Red Green Blue (merah, hijau, biru)
- RGB merupakan warna-warna primer yang digunakan pada monitor.
- Jadi RGB lebih digunakan untuk desain yang nantinya ditampilkan ke
media layar monitor.
- Jika warna RGB di campur semua, akan menghasilkan warna putih.

CMYK : Cyan Magenta Yellow Black (orang awam bilang biru, merah,
kuning dan hitam )
- CMYK merupakan warna-warna primer yang paling banyak digunakan
pada printer.
- CMYK lebih digunakan untuk desain yang nantinya ditampilkan ke media
cetak.
Jika warna CMY di campur semua, akan menghasilkan warna hitam.

KOMBINASI WARNA CMYK DAN RGB

Kombinasi antara dua warna primer akan menghasilkan warna sekunder.

CMYK Color System/ Process Color System

Cyan + Magenta = Blue

Cyan + Yellow = Green

Magenta + Yellow = Red

Cyan+Magenta +Yellow
=Black

RGB Color System/ Additive Color

System

Red + Green = Yellow

Red + Blue = Magenta

Blue + Green = Cyan

Cyan+Magenta+Yellow = White