Menerapkan Teori Dasar

Desain Grafis
LAYOUT
• Menurut bahasa,
Layout bermakna tata letak, sedangkan
• Menurut istilah
Layout berarti kegiatan menyusun, menata, mengatur, dan
mengkombinasikan unsur-unsur komunikasi grafis meliputi, teks, gambar,
bidang, dan elemen desain menjadi tampilan visual yang estetis, menarik,
dan persuasif.
• Dapat ditarik pengertian bahwa, Layout adalah susunan tata letak yang
mengatur penempatan elemen desain pada sebuah media atau
halaman untuk mencapai konsep yang terarah.
Prinsip-prinsip Layout
• 1. Balance (Keseimbangan)
Keseimbangan menjadi porsi ukuran setiap
bagian layout dalam ruang desain. Ukuran
yang seimbang akan mempermudah
audiens dalam membaca dan merasakan
sesuatu yang ditangkap.
• Ada dua jenis balance, yaitu symmetric
balance (kuat, stabil) dan asymmetric
balance (variatif, bergerak).
 Prinsip-prinsip Layout
• 2. Rhytm (Irama)
Irama merupakan bentuk variasi elemen yang berulang secara konsisten. Penyusunan
elemen yang bervariasi akan mempengaruhi visual tersendiri, karena itu penting membuat
variasi dan pengulangan elemen yang utuh agar tidak tampak membosankan.

FLOWING RHYTME PROGRESIF RHYTM

REGULAR RHYTM
Pengulangan dengan bentuk yang sama Pengulangan ke bentuk alami Pengulangan agar terlihat berbeda
Prinsip-prinsip Layout
• 3. Emphasis (Titik Berat)
Sebuah desain harus tampak persuasif,
dengan cara menambahkan titik berat
pada ruang tertentu. Tujuan dari titik
berat ini adalah memicu daya tarik
kepada audiens saat melihat atau
membaca karya desain.

Dominan untuk objek utama

Sub Dominan untuk objek menengah
Subordinat untuk background
Prinsip-prinsip Layout
• 4. Unity (Kesatuan)
Unity merupakan kesatuan dari
keseluruhan elemen pada sebuah
layout. Hubungan elemen satu dengan
lainnya harus saling memiliki, hal ini
akan memudahkan penggunaan dari
banyaknya elemen yang disusun.
Grid Layout
Grid adalah pendekatan untuk meletakkan
desain. Grid terdiri dari elemen dan modul
horizontal dan vertikal yang menciptakan
struktur untuk pekerjaan Anda. Karena kisi
menciptakan sistem, kisi dapat membantu
desainer memastikan bahwa tata letak
seimbang dan memiliki rasa proporsi yang
baik. Dalam desain akhir Anda, kisi akan
membantu keterbacaan dan kejelasan,
meskipun kisi tidak akan terlihat oleh
mata yang tidak terlatih.
WARNA
• Pada dasarnya warna timbul karena adanya Chaya. Sebagian cahaya yang datang
diserap dan Sebagian lagi dipantulkan
Sumber Cahaya berasal dari cahaya matahari
Jika semua bergabung maka
akan menghasilkan warna
ptih
Cahaya matahari yang datang

Cahaya matahari yang dipantulkan

Warna hitam Berbeda
timbul karena dengan
semua warna pandangan
diserap, orang seni
sehingga tidak bahwa warna
ada warna hitam
hitam, merupakan
menurut eori campurang
fisika dari semua
warna
Color Wheel
Hue, shade, tint and tone

Warna Asli Warna Asli + hitam Warna Asli + putih Warna Asli + abu-abu
Color Harmony

Warna yang berseberangan Warna yang berdekatan Mengambil warna dengan segi tiga
RGB (RED-Green-Blue
Manusia melihat warna dalam gelombang cahaya.
Pencampuran cahaya—atau model pencampuran
warna aditif—memungkinkan Anda membuat
warna dengan mencampur sumber cahaya merah,
hijau, dan biru dengan berbagai intensitas. Semakin
banyak cahaya yang Anda tambahkan, semakin
cerah campuran warnanya. Jika Anda mencampur
ketiga warna cahaya, Anda mendapatkan cahaya
putih murni.TV, layar, dan proyektor menggunakan
warna merah, hijau, dan biru (RGB) sebagai warna
utama, lalu mencampurnya untuk menciptakan
warna lain.
Berada dalam skala 0-255
CMWK (Cyan-Magenta-Yellow-Black)
Disebut juga warna subtraktif. Pencampuran
seluruh warna akan menghasilkan warna
hitam
Biasa digunakan untuk media cetak berskala
0-100 dengan penambahan warna C,M,Y
biasanya dalam %
PSIKOLOGI WARNA
Warna hitam adalah warna yang kuat yang membangkitkan
otoritas, kekuasaan, keberanian, keanggunan, dan gaya.

Warna putih akan tampak bercahaya, netral, dan bisa

dikombinasikan dengan warna apapun. Warna putih sering
digunakan sebagai teks yang menyala pada latar belakang
warna yang lebih gelap.

Warna merah akan lebih tampak menonjol dibandingkan warna

lain pada pengaplikasian pekerjaan desain karena warna merah
cenderung ekstrim menyimbolkan agresivitas, keberanian,
kekuatan.
PSIKOLOGI WARNA
Warna biru melambangkan kewenangan, martabat, keamanan
dan kesetiaan.

Warna hijau adalah warna alam dan kesuburan. Warna hijau

melambangkan kesegaran, ketenangan, alam, natural,
kesehatan.

Warna kuning adalah warna optimis, akan tetapi warna yang

paling sulit ditangkap oleh mata. Penggunaan warna kuning
dalam desain sebaiknya tidak berlebihan
PSIKOLOGI WARNA
Warna ungu adalah warna kerajaan, kemewahan, spiritualitas,
kekayaan, dan kecanggihan

Warna coklat adalah warna bumi dan alam yang menunjukkan

utilitas, membumi, warna kayu dan kekayaan alam yang
berlimpah.

Warna oranye seperti warna matahari dan senja yang

melambangkan energi, antusiasme, flamboyan dan perhatian.
Sifatnya menarik, cerah, ceria sehingga menawarkan
keterbukaan dan keramahan kepada yang melihatnya
TYPOGRAFY
• Tipografi adalah seni merancang, menyusun, dan mengatur tata letak
huruf dan jenis huruf dengan pengaturan penyebarannya pada ruang-
ruang yang tersedia untuk menciptakan kesan khusus yang akan
menolong pembaca untuk mendapatkan kenyamanan membaca
semaksimal mungkin
Jenis Typografi

Aa San-Serif Tulisan tanpa pengait

Aa Serif Tulisan dengan pengait

Aa Script tulisan tangan

Aa Decoratif tulisan tangan

Serif
• sering dilihat sebagai font formal yang dapat membangkitkan kesan
tua. Gunakan serif untuk salinan bentuk panjang, seperti buku, blog,
atau majalah. Serif membantu mata pembaca mengikuti bentuk huruf
dengan mudah.
Sans Serif
• salah satu kategori paling serbaguna. Anda dapat menggunakannya
sebagai tampilan atau salinan bentuk panjang. Bentuk huruf ini bersih,
minimal, dan terlihat modern. Beberapa font dalam kategori ini bisa
netral, sementara yang lain hanya memiliki sentuhan kepribadian yang
dapat menambahkan beberapa semangat pada desain Anda.
Skrip
• apakah Anda menggunakan font skrip formal atau informal, Anda
akan langsung mengomunikasikan getaran dunia lama.
• Gunakan font ini pada potongan sejarah, undangan pernikahan, dan
sampul buku
Tulisan Tangan dan Kaligrafi: jika Anda ingin
membangkitkan perasaan pribadi, ini adalah font untuk
proyek Anda. Sebagian besar informal, font ini dapat
bervariasi dalam gaya. Berhati-hatilah saat memilih
satu untuk proyek Anda karena tergantung pada gaya
Anda dapat menambahkan suasana hati tertentu yang
dapat berkisar dari imut hingga grunge
Blackletter/Gotic
• jika Anda mencari font yang murung dan gelap, kategori yang
terinspirasi dari gothic ini sangat cocok. Mereka bisa menjadi
ornamen, berat, dan pasti sulit dibaca sebagai teks bentuk panjang.
Gunakan gaya ini untuk judul atau salinan tampilan.
Tampilan/Dekoratif:
• seperti beberapa contoh terakhir, gunakan tampilan sebagai tampilan.
Font ini biasanya dirancang dengan tujuan yang sangat spesifik—
untuk menarik perhatian. Jangan gunakan font ini dalam skala kecil
karena beberapa dekorasi dapat membuatnya sulit untuk dibaca.
Typographi Anatomi
Typographi Anatomi

Capline Sebuah garis maya lurus

horizontal yang menjadi batas dari
bagian teratas dari setiap huruf besar.

Meanline
Sebuah garis maya lurus horizontal yang
menjadi batas dari bagian teratas
dari badan setiap huruf kecil

Baseline
Sebuah garis maya lurus horizontal yang
menjadi batas dari bagian terbawah
dari setiap huruf besar
Typographi Anatomi

Stem
Garis vertical tegak lurus

crossbar
Garis horizontal
Typographi Anatomi

Ascender
Bagian dari huruf kecil yang posisinya tepat
berada diantara meanline dan capline

crossbar
Garis horizontal
Typographi Anatomi

Ascender
Bagian dari huruf kecil yang posisinya tepat
berada diantara meanline dan capline

Bagian dari huruf kecil yang posisinya tepat berada

dibawah baseline.
Typographi Anatomi

X-Height
Jarak ketinggian dari baseline sampai ke meanline. X-
height merupakan tinggi dari badan huruf kecil. Cara
yang termudah mengukur ketinggian badan huruf kecil
adalah dengan menggunakan huruf ‘x

Counters and Spine

Ruang tertutup sebagian atau seluruhnya terdapat pada
huruf seperti O, A, dan B. Jika huruf tersebut tidak
tertutup sepenuhnya, maka itu adalah Penghitung
Terbuka.
Typographi Anatomi
Ear and Shoulder
Ear adalah detail dekoratif yang menonjol dari huruf seperti g. Bahu adalah kurva berbenturan yang
terlihat dalam huruf seperti m dan n.