KATA PENGANTAR
Puji syukur kami panjatkan kepada Tuhan yang Maha Esa atas tersusunnya buku
teks pnaduan ini, dengan harapat dapat digunakan sebagai buku panduan untuk
siswa Sekolah Menengah Kejuruan (SMK) Bidang Studi Multimedia.
Buku panduan “Dasar Desain Grafis” ini disusun berdasarkan tuntutan paradigma
oengajar dan pembelajaran kurikulum 2013 diselaraskan berdasarkan pendekatan
model pembelajaran yang sesuai dengan kebutuhan belajar kurikulum abad 21,
yaitu pendekatan model pembelajaran berbasis peningkatan keterampilan proses
sains.
Penyajian buku panduan untuk Mata Pelajaran “Dasar Desain Grafis” ini disusun
dengan tujuan agar supaya peserta didik dapat melakukan proses pencarian
pengetahuan berkenaan dengan materi pelajaran melalui berbagai aktivitas proses
sains sebagaimana dilakukan oleh para ilmuwan dalam melakukan eksperimen
ilmiah, dengan demikian peserta didik diarahkan untuk menemukan sendiri
berbagai fakta, membangun konsep, dannilai-nilai baru secara mandiri.
Penulis menyampaikan terima kasih, sekaligus saran kritik demi kesempurnaan
buku teks ini dan penghargaan kepada semua pihak yang telah berperan serta
dalam membantu terselesaikannya buku panduan siswa untuk Mata Pelajaran
“Dasar Desain Grafis” kelas X/Semester 1 Sekolah Menengah Kejuruan(SMK)
Tabanan, 24 Desember 2022
Penulis,
2
DAFTAR ISI
KATA PENGANTAR...............................................................................................2
DAFTAR ISI...........................................................................................................3
DAFTAR TABEL ....................................................................................................4
DAFTAR GAMBAR................................................................................................5
PENDAHULUAN ...................................................................................................6
1. Deskripsi Singkat.........................................................................................6
2. Relevansi.....................................................................................................6
3. Petunjuk Belajar..........................................................................................6
INTI ......................................................................................................................8
1. Capaian Pembelajaran................................................................................8
2. Sub Capaian pembelajaran .........................................................................8
3. Pokok-pokok materi....................................................................................8
4. Uraian materi..............................................................................................8
PENUTUP...........................................................................................................17
DAFTAR PUSTAKA .............................................................................................19
3
DAFTAR TABEL
Tebel 1. Jenis Garis ......................................................................................... 9
Tabel 2. Jenis Huruf ....................................................................................... 11
4
DAFTAR GAMBAR
Gambar 1. Variasi Garis ................................................................................... 9
Gambar 2. Gambar ilustrasi ............................................................................. 10
5
PENDAHULUAN
1. Deskripsi Singkat
Multimedia merupakan penggabungan teks, gambar, suara, video, dan
animasi untuk menyampaikan maksud tertentu. Dengan multimedia,
penyampaian produk menjadi lebih menarik, apalagi jika dilengkapi dengan
unsur interaktivitas di dalamnya. Sebuah produk multimedia yang baik, pasti
diawali dengan design yang baik pula.
Design grafis adalah bentuk komunikasi visual yang memanfaatkan elemen
garis, seperti gamabr, teks, warna, dan sebagainya untuk menyampaikan
informasi secara efektif. Dalam kehidupan sehari-hari, kita banyak
menemukan contoh penerapan design grafis. Salah satu yang paling sering
ditemui adalah design pada kemasan produk. Design grafis memiliki 9
macam unsur yang perlu diketahui di antaranya titik, garis, bidang, ilustrasi,
tipografi, warna, gelap terang, tekstur, dan ruang.
2. Relevansi
Istilah grafis computer menggambarkan segala sesuatu yang menggunakan
computer untuk membuat dan memanipulasi gambar. Pada buku ini
menjelaskan bagaimana cara menerapkan design grafis. Setelah
memperlajari modul ini siswa diharapkan mampu memahami dan mengerti
bagaimana bentuk komunikasi visual dengan menggunakan design grafis.
3. Petunjuk Belajar
Buku pedoman siswa ini disusun berdasarkan kurikulum 2013 yang
mempunya ciri khas penggunaan metode scientific. Buku ini terdiri dari 3
bab yaitu bab satu pendahuluan, bab 2 pembelajaran, dan bab 3 penutup.
Dalam bab pendahuluan beberapa yang harus dipelajari peserta didik adalah
deskripsi mata pelajaran yang berisi informasi umum dan rasionalisasi mata
pelajaran tersebut.
6
Bab dua menuntun peserta didik untuk memahami deskripsi umum tentang
topik yang akan dipelajari. Setiap kegiatan belajar terdiri dari tujuan dan
uraian materi topik pembelajaran, tugas, serta test formatif. Uraian
pembelajaran berisi tentang deskirpsi pemahaman topik materi untuk
memenuhi kompetensi pengetahuan. Uraian pembelajaran juga menjelaskan
deskripsi untuk kerja atau langkah-langkah logis untuk memenuhi
kompetensi skill. Bab ketiga berisikan rangkuman dari topik yang sudah
dijelaskan pada bab sebelumnya.
Berikut adalah petunjuk belajar untuk mempelajari modul ini:
1. Memahami setiap komponen bahan ajar mulai dari komponen awal
sampai akhir
2. Memahami materi utama dan penunjang dengan membaca materi
3. Membaca berbagai sumber belajar lainnya yang relevan dengan materi
yang sedang dipelajari
4. Mengerjkan setiap tugas secara mandiri dan tes formatif melaluii fasilitas
daring
5. Mempraktikan pengetahuan yang didapatkan dari proses pembelajaran
kedalam praktik pembelajaran sehari-hari dan merefleksikannya
7
INTI
1. Capaian Pembelajaran
Mendiskusikan unsur- unsur tata letak berupa garis, ilustrasi, tipografi,
warna, gelap terang,tekstur,dan ruang
2. Sub Capaian pembelajaran
a. Menjelaskan unsur- unsur tata letak garis
b. Menguraikan unsur-unsur warna
c. Mendeskripsikan tekstur dan ruang
3. Pokok-pokok materi
Berdasarkan capaian pembelajaran yang diinginkan, maka pokok-pokok
materi yang akan dibahas adalah: A. Unsur-unsur design grafis dan
prinsipnya dan B. Karakteristik, kegunaan, dan makna warna
4. Uraian materi
Sebelum mempelajari unsur-unsur tata letak, silahkan simak video
dibawah ini!
8
unsur-unsur tata letak merupakan susunan dari unsur-unsur design
pada sebuah karya design yang terdiri dari bagian-bagian terpisah
yang saling melekngkapi dan saling berhubungan satu sama lain,
kemudian di tata dan diletakkan pada suatu ruang untuk menjadi kesatuan
yang memiliki makna. Unsur-unsur tata letak tersebut berupa garis, ilustrasi,
tipografi, warna, gelap-terang, dan ruang.
Garis
Elemen pertama dan paling dasar dari design adalah garis. Garis berguna
untuk membagi ruang dan mengarahkan pandangan ke lokasi tertentu.
Walaupun garis memiliki sifat ketebalan, garis tetap mempunyai sifat
dimensi panjangnya, sehingga garis sering disebut sebagai unsur satu
dimensi. Bentuk garis sangat bervariasi dari garis lurus yang bersifat formal,
gariis lengkung yang bersifat informal atau santai, dan garis patah(zig-zag)
yang terkesan kaku, garis tipis dan garis tebal, dan garis spiral yang terkesan
lentur. Adapun fungsi garis yaitu:
1) Sebagai pembatas tepi bidang atau objek untuk memberikan
representasi atau citra struktur, bentuk, dan bidang
2) Menciptakan nilai ekspresi seperti nilai gerak atau dinamika, milai,
irama, dan nilai arah
3) Memberikan kesan pada visual design seperti tegas, luwes, dinamis, dll
Gambar 1. Variasi garis
Sumber: google.images
9
Jenis garis Nama Kesan
Garis lurus vertical Stabil/statis
Tenang
Kekuatan
Kemegahan
Garis lurus horizontal Tenang
Wawasan luas
Garis putus-putus Gerak
Gelisah
Garis spiral Kelahiran atau
gelombang kekuatan
Garis silang diagonal Gerak
Ringan
Dinamis
Tegang
Ragu
Garis lengkung Luwes
Lamban
Irama
Santai
Kehidupan
Garis zig-zag Gairah
Semangat
Dinamika
Gerak cepat
Tabel 1. Jenis garis
10
Ilustrasi
Gambar ilustrasi adalah suatu gambar yang sifatnya menerangkan atau
visualisasi dari suatu uraian, baik berupa cerita, berita, karangan, maupun
naskah. Hasil visualisasi dari suatu tulisan dengan Teknik drawing, lukisan,
fotografi,dll. Tujuan ilustrasi adalah untuk menerangkan atau menghiasi
suatu cerita, tulisan, puisi, atau informasi tertulis lainnya.
Gambar 2. Gambar ilustrasi
Sumber: google.images
Ilustrasi dibagi menjadi dua macam, yaitu:
1) Ilustras image vector
Ilustrasi yang dibentuk dari bentuk, gair dan bagian-bagian lain yang
saling berhubungan dalam sebuah gambar. Karena ukuran file yang
biasanya kecil dan jika diubah ukurannya memiliki kualitas yang stabil,
maka ilustrasi image vector biasa digunakan untuk membuat logo,
animasi, dll.
2) Ilustrasi image bitmap
Ilustrasi yang terbentuk oleh susunan pixel atau raster dalam suatu
grid. Gambar bitap bisa disebut juga dengan gambar raster merupakan
kumpulan kotak-kotak kecil.
11
Tipografi
Tipografi adalah ilmu yang mempelajari tentang seni dan design
huruf(termasuk simbol) dalam aplikasinya untuk media komunikasi visual
melalui metode penataan layout, bentuk, ukuran dan sifatnya sehingga
pesan yang akan disampaikan sesuai yang diharapkan.
Fungsi utama dari tipografi ialah membuat teks menjadi berguna dan
mudah digunakan. Artinya tipogafi berbicara tentang kemudahan
membaca teks (readability) dan kemudahan mengenali setiap huruf dan
kata (legibility).
Menurut James Craig, jenis huruf dibedakan menjadi:
Jenis huruf Bentuk huruf Ciri-ciri Contoh
Roman/Serif
• Memiliki Times
Sans Serif
sirip/kaki/serif yang New
berbentuk lancip pada Roman
ujungnya
• Memiliki ketebalan dan
ketipisan yang kontras
pada garis-garis
hurufnya
• Kesan yang
ditimbulkan adalah
klasik, anggun, lemah
gemulai dan feminim
• Tanpa sirip/serif pada Arial
ujung hurufnya dan
memiliki ketebalan
huruf yang sama atau
hamper sama
• Kesan yang
ditimbulkan adalah
modern,
12
kontemporer, dan
efisien
Script • Goresan tangan yang Script
Monospace dikerjakan dengan MT Bold
Dekoratif/Mi pena, kuas atau pensil
scellaneous
tajam dan biasanya
miring ke kanan
• Kesan yang
ditimbulkan adalah
sifat pribadi dan
akrab
• Mempunyai Courier
jarak/lebar yang
sama setiap
hurufnya. Huruf W
dan I akan
mempunyai ruang
yang sama
• Pengembangan dari
bentuk-bentuk yang
sudah ada. Ditambah
hiasan dan ornament
atau garis-garis
dekoratif. Kesan
yang dimiliki adalah
dekoratif dan
ornamental.
Tabel 2. Jenis Huruf
13
Warna
Warna dalam layout dapat membuat gambar menarik perhatian, dan
mengidentifikasi objek. Pemilihan warna sangat penting dalam
menghasilkan karya yang berkualitas, karena harus mengetahui tentang apa
yang ingin dilakukan dan ke warna yang cocok untuk tujuan yang diinginkan.
Berikut adalah fungsi dari warna yaitu:
a. Sorot elemen penting dan utama seperti subheads
b.Menarik mata
c. Sinyal di mana pembaca untuk melihat terlebih dahulu
d.Membuat gambar atau moods
e. Mengatur
f. Memprovokasi emosi
Jenis-jenis kombinasi warna berdasarkan komponen penyusunnya:
1) Warna primer, disebut dengan warna pigmen, yaitu warna dasar atau
warna pokok dalam lingkaran warna yang tidak dapat dieproleh dari
campuran warna lain. Warna primer terdiri dari 3 warna yaitu merah,
kuning, dan biru
2) Warna sekunder, warna yang diperoleh dari campuran warna primer
dengan perbandingan yang sama. Warna sekunder terdiri dari:
• Merah + biru = ungu
• Biru + kuning = hijau
• Merah + kuning = orange
3) Warna tersier
Warna yang merupakan hasil pencampuran antara warna primer
dengan warna sekunder di sebelahnya dengan perbandingan yang
sama. Contohnya:
• Merah + ungu = merah ungu (crimson)
• Merah + orange = merah orange (burnt orange)
• Kuning + hijau = kuning hijau (lime green)
14
4) Warna analogud
Deretan warna yang letaknya berdampingan dalam lingkaran warna.
Misalnya deretan hijau menjadi warna kuning, deretan ungu menjadi
warna merah, dll.
5) Warna kontras atau komplementer
Warna yang berkesan berlawanan satu dengan lainnya. Contohnya
warna kontras hijau dengan kuning, biru dengan jingga, merah dengan
hujai dsb.
6) Warna netral
Warna yang berasal dari hasil pencampuran warna primer, warna
sekunder, dan warna tersier.
7) Warna panas
Warna panas bisa ditemukan pada skema dari merah sampai ke warna
campuran
8) Warna dingin
Warna dingin sangat dekat dengan alami nabati, karena warna-warna
dalam kelompok ini merupakan symbol dari hijau pohon dan dedaunan,
biru langit dan laut. Secara psikologis, warna dingin melambangkan
kesejukan, dingin, damai, alami, dan bersahaja.
Gelap-terang
Gelap terang merupakan keadaan suatu bidang yang dibedakan dengan
warna tua untuk gelap dan warna muda untuk terang yang disebabkan oleh
perbedaan intensitas warna atau karena pengaruh cahaya. Pengaturan gelap
terang pada design grafis dapat diciptakan dengan pengaturan intensitas
warna, dapat pula diciptakan menggunakan efek khusus.
Dalam tata letak design grafis gelap terang dapat berfungsi untuk beberapa
hal, antara lain menampilkan kesan kedalaman, membuat efek benda tiga
dimensi dan memperjelas kontras. Gelap terang dalam karya design grafis
15
dapat diciptakan dengan pengaturan intensitas warna, dapat pula diciptakan
dengan efek-efek khusus.
Ruang
Ruang adalah unsur yang dapat bersifat semu maupun nyata. Pada karya seni
3 dimensi langsung bisa dirasakan sensasi ruang Ketika melihat ataupun
berada di dalamnya. Adapun dalam karya 2 dimensi, kita hanya bisa
berkhayal tentang ruang. Seniman dapat menghasilkan kesan ruang pada
lukisannya dengan cara memberikan bayangan, membuat perspektif pada
objeknya, memberikan perbedaan warna terang dan gelap dan masih banyak
lagi.
Ruang dibedakan menjadi dua, yaitu:
1) Ruang alamiah
Ruang yang berada di alam, dibatasi oleh benda-benda alam dan karena
pengaruh cahaya alami, missal: pemandangan alam
2) Ruang yang diciptakan
Ruang yang diciptakan contohnya ruang interior dan eksterior, dimana
ruangan yang timbul karena penempatan berbagai warna, jarak gelap
terang dan teks.
16
PENUTUP
Rangkuman
1. Unsur-unsur tata letak merupakan susunan dari unsur-unsur design pada
sebuah karya design yang terdiri dari bagian-bagian terpisah yang saling
melekngkapi dan saling berhubungan satu sama lain, kemudian di tata dan
diletakkan pada suatu ruang untuk menjadi kesatuan yang memiliki makna.
Unsur-unsur tata letak tersebut berupa garis, ilustrasi, tipografi, warna, gelap-
terang, dan ruang.
2. Garis berguna untuk membagi ruang dan mengarahkan pandangan ke lokasi
tertentu
3. Tujuan ilustrasi adalah untuk menerangkan atau menghiasi suatu cerita,
tulisan, puisi, atau informasi tertulis lainnya.
4. Fungsi utama dari tipografi ialah membuat teks menjadi berguna dan mudah
digunakan.
5. Warna dalam layout dapat membuat gambar menarik perhatian, dan
mengidentifikasi objek. Pemilihan warna sangat penting dalam menghasilkan
karya yang berkualitas
6. Dalam tata letak design grafis gelap terang dapat berfungsi untuk beberapa
hal, antara lain menampilkan kesan kedalaman, membuat efek benda tiga
dimensi dan memperjelas kontras.
7. Ruang adalah unsur yang dapat bersifat semu maupun nyata.
17
Tugas!
Buatlah kelompok dengan jumlah anggota 3 orang dan kerjakan
petunjuk kegiatan di bawah ini dengan cermat dan teliti.
Petunjuk:
1. Carilah informasi dari sumber lain lalu lakukanlah diskusi dengan
kelompoknya untuk menjawab pertanyaan-pertanyaan di bawah ini.
2. Buatlah laporan dari pertanyaan-pertanyaan yang telah dijawab kelompok
anda.
3. Presentasikanlah hasil diskusi kelompok anda kepada kelompok lain.
Soal:
1. Apa yang dimaksud tata letak desain grafis dan apa fungsinya?
2. Sebutkan 5 perbedaan format gambar bitmap dan format gambar vector!
3. Tuliskan sejarah tipografi dan sebutkan jenis-jenis tipografi.
4. Apa yang dimaksud dengan warna panas dan warna dingin?
5. Ruang(space)dibedakan menjadi 2, yaitu ruang alamiah dan ruang yang
diciptakan. Carilah masing-masing 3 gambar di internet atau sumber
belajar lainnya yang mencerminkan ke 2 jenis ruang tersebut lalu berikan
penjelasannya
LATIHAN SOAL
Setelah mengerjakan tugas di atas, silahkan kerjakan Latihan soal berikut untuk mengetahui
sejauh mana pemahaman kalian mengenai materi tersebut.
18
DAFTAR PUSTAKA
Purnomo, Alia Nutrisiany. 2018. Dasar Desain Grafis. Jakarta: PT
Gramedia Widiasarana Indonesia.
Wibowo, Mars Caroline. 2022. Dasar Desain Grafis Jilid 1.
Semarang: Yayasan Prima Agus Teknik.
Rahayu, Nanik Sri. 2013. Desain Multimedia. Malang: kementrian
Pendidikan & Kebudayaan.
19