Bagian 3

Istilah yang Sering Tertukar

Kumpulan 20 pasangan istilah yang sering membingungkan karena terdengar mirip atau berkaitan, disertai pembeda kunci untuk masing-masing.

Typeface vs Font

TypefaceFont
DefinisiKeluarga atau desain huruf secara keseluruhan, mencakup seluruh variasi ketebalan dan gaya di dalamnyaVariasi spesifik dari sebuah typeface berdasarkan ukuran, ketebalan, atau gaya tertentu
Pembeda kunci: Typeface adalah "keluarga besar"-nya (misalnya Helvetica), sedangkan Font adalah satu anggota spesifik dari keluarga itu (misalnya Helvetica Bold 18pt).

RGB vs CMYK

RGBCMYK
DefinisiMode warna berbasis cahaya (Red, Green, Blue), dipakai untuk media digital seperti layar dan websiteMode warna berbasis tinta (Cyan, Magenta, Yellow, Key/Black), dipakai untuk kebutuhan cetak
Pembeda kunci: RGB dipakai kalau hasil akhirnya dilihat di layar, CMYK dipakai kalau hasil akhirnya akan dicetak di atas kertas.

Vector vs Raster

VectorRaster
DefinisiGambar berbasis garis dan kurva matematika, dapat diperbesar tanpa kehilangan kualitasGambar berbasis kumpulan piksel, kualitasnya bergantung pada resolusi asli
Pembeda kunci: Vector cocok untuk logo dan ilustrasi yang perlu dipakai di berbagai ukuran, Raster cocok untuk foto yang detail warnanya kompleks.

Serif vs Sans Serif

SerifSans Serif
DefinisiJenis huruf dengan garis kecil (kait) di ujung setiap karakter, memberi kesan formal dan klasikJenis huruf tanpa kait, memberi kesan modern, bersih, dan mudah dibaca di layar
Pembeda kunci: Serif lebih sering dipakai di media cetak/formal, Sans Serif lebih sering dipakai di media digital karena lebih nyaman dibaca di layar kecil.

Leading vs Line Height

LeadingLine Height
DefinisiIstilah tradisional dari dunia percetakan untuk jarak antar baris teks, umum dipakai di software desain seperti Photoshop dan IllustratorIstilah yang setara dengan Leading, tapi umum dipakai di dunia web/UI design dan CSS
Pembeda kunci: Keduanya merujuk konsep yang sama persis (jarak antar baris), bedanya cuma istilah mana yang lazim dipakai tergantung konteks software atau industrinya.

Kerning vs Tracking

KerningTracking
DefinisiPengaturan jarak antara dua karakter tertentu secara spesifikPengaturan jarak antar huruf secara merata pada keseluruhan kata atau kalimat
Pembeda kunci: Kerning menyasar sepasang huruf tertentu, sedangkan Tracking mengubah jarak keseluruhan teks sekaligus secara merata.

Hue vs Saturation vs Brightness

HueSaturationBrightness
DefinisiWarna dasar dalam roda warna, seperti merah, biru, atau kuningTingkat kejenuhan/intensitas suatu warnaTingkat terang atau gelap suatu warna
Pembeda kunci: Hue menentukan "warna apa"-nya, Saturation menentukan "seberapa kuat/pudar", dan Brightness menentukan "seberapa terang/gelap". Ketiganya bersama-sama membentuk satu warna spesifik.

DPI vs PPI

DPI (Dots Per Inch)PPI (Pixels Per Inch)
DefinisiSatuan jumlah titik tinta dalam satu inci pada hasil cetakSatuan jumlah piksel dalam satu inci pada layar digital
Pembeda kunci: DPI relevan untuk file yang akan dicetak, PPI relevan untuk file yang ditampilkan di layar.

Mockup vs Wireframe

MockupWireframe
DefinisiVisualisasi desain yang sudah mendekati tampilan final, ditampilkan pada media nyataRancangan dasar berupa kerangka sederhana tanpa detail visual lengkap, dipakai untuk merencanakan struktur
Pembeda kunci: Wireframe dibuat di tahap awal untuk menentukan struktur/layout kasar, Mockup dibuat lebih belakangan untuk menunjukkan tampilan visual yang sudah realistis.

PNG vs JPG

PNGJPG / JPEG
DefinisiFormat gambar yang mendukung background transparan dengan kualitas tinggiFormat gambar dengan ukuran file lebih kecil, cocok untuk foto, tidak mendukung transparansi
Pembeda kunci: PNG dipilih ketika butuh transparansi (misalnya logo), JPG dipilih untuk foto biasa yang ukuran filenya perlu lebih ringan.

Layer vs Group

LayerGroup
DefinisiLembaran kerja terpisah untuk mengatur satu elemen desain secara independenFitur untuk menggabungkan beberapa layer/objek jadi satu kelompok agar mudah dipindahkan bersamaan
Pembeda kunci: Layer adalah unit dasarnya (satu elemen), Group adalah cara mengorganisir beberapa Layer sekaligus supaya lebih rapi.

Clipping Mask vs Layer Mask

Clipping MaskLayer Mask
DefinisiTeknik menampilkan objek hanya pada area tertentu menggunakan bentuk layer di bawahnya sebagai pembatasTeknik menyembunyikan sebagian area layer menggunakan gradasi hitam-putih tanpa menghapus data aslinya
Pembeda kunci: Clipping Mask memakai bentuk/layer lain sebagai "cetakan", Layer Mask memakai kuas hitam-putih langsung di atas layer yang sama.

Italic vs Oblique

ItalicOblique
DefinisiGaya huruf miring yang didesain ulang secara khusus oleh pembuat fontGaya huruf miring yang dihasilkan dengan memiringkan versi tegak secara matematis, tanpa desain ulang
Pembeda kunci: Italic adalah desain asli yang dibuat khusus, Oblique cuma versi "dimiringkan paksa" dari huruf tegak biasa.

Opacity vs Fill

OpacityFill
DefinisiTingkat transparansi keseluruhan sebuah layer, termasuk seluruh efek/style di dalamnyaTingkat transparansi hanya pada isi/konten layer, tanpa memengaruhi efek/style seperti drop shadow atau stroke
Pembeda kunci: Menurunkan Opacity membuat seluruh layer (termasuk efeknya) jadi transparan, menurunkan Fill hanya membuat isi layer transparan sementara efeknya tetap terlihat penuh.

Tint vs Tone vs Shade

TintToneShade
DefinisiWarna dasar + putih, menghasilkan versi lebih terang dan lembutWarna dasar + abu-abu, menghasilkan versi lebih redup dan netralWarna dasar + hitam, menghasilkan versi lebih gelap dan dalam
Pembeda kunci: Ketiganya adalah cara memodifikasi satu warna dasar dengan menambahkan warna netral yang berbeda: putih untuk Tint, abu-abu untuk Tone, hitam untuk Shade.

Lettering vs Typography vs Calligraphy

LetteringTypographyCalligraphy
DefinisiSeni menggambar huruf secara custom untuk kebutuhan tertentu, biasanya satu kali pakaiSeni dan teknik mengatur huruf yang sudah ada (font) dalam sebuah desain agar mudah dibaca dan menarikSeni menulis indah menggunakan alat tulis khusus dengan aturan gaya tertentu
Pembeda kunci: Lettering itu "menggambar" huruf custom, Typography itu "mengatur" huruf yang sudah jadi (font), Calligraphy itu "menulis indah" dengan teknik dan alat tradisional.

Desain Grafis vs Ilustrasi

Desain GrafisIlustrasi
DefinisiProses menyusun berbagai elemen visual untuk menyampaikan pesan komunikasi secara fungsionalKarya seni visual yang digambar untuk menceritakan, menghias, atau memperkuat sebuah ide/narasi
Pembeda kunci: Desain Grafis berfokus pada fungsi komunikasi keseluruhan (sering melibatkan teks dan layout), Ilustrasi adalah salah satu elemen visual yang bisa dipakai di dalamnya, tapi bisa juga berdiri sendiri.

Logo vs Brand Mark

LogoBrand Mark
DefinisiSimbol atau identitas visual lengkap yang mewakili sebuah brand, bisa berupa tulisan, simbol, atau kombinasi keduanyaSimbol atau ikon visual yang mewakili brand tanpa disertai nama tulisan, biasanya jadi elemen pelengkap logo utama
Pembeda kunci: Logo adalah istilah payung yang mencakup segala bentuk identitas visual brand, Brand Mark secara spesifik merujuk versi "ikon saja" tanpa tulisan nama.

Crop vs Trim

CropTrim
DefinisiMemotong bagian gambar/desain secara digital di dalam software untuk mengubah komposisi atau ukuranProses pemotongan fisik kertas hasil cetak sesuai ukuran akhir yang ditentukan
Pembeda kunci: Crop dilakukan di dalam software sebelum file jadi (proses digital), Trim dilakukan setelah dicetak di percetakan (proses fisik).

Export vs Save As

ExportSave As
DefinisiMenyimpan hasil desain ke format lain yang berbeda dari format kerja aslinya untuk keperluan pemakaian akhirMenyimpan file dengan nama baru atau di lokasi baru, tetapi tetap dalam format kerja aslinya
Pembeda kunci: Export mengubah format filenya (untuk dipakai di luar software), Save As mengubah nama/lokasi filenya tapi format kerjanya tetap sama.