TIPOGRAFI DAN REKA LETAK DIGITAL BERASASKAN PRINSIP CASPERTUGASAN 2ARA SIERRA BINTI JINARDINPSV 2

Tipografi digital merujuk kepada penggunaan dan penyusunan teks menggunakan teknologi digital bagi menghasilkan komunikasi visual yang jelas, menarik dan mudah dibaca. Pemilihan jenis huruf, saiz, warna, jarak dan susunan teks memainkan peranan penting dalam menyampaikan sesuatu maklumat secara berkesan.KONSEP TIPOGRAFI DIGITAL

Reka letak digital ialah proses menyusun teks, imej, warna, bentuk dan elemen visual dalam sesuatu ruang digital secara terancang. Susunan yang baik membantu mewujudkan hierarki visual, memudahkan pembacaan dan memastikan maklumat dapat disampaikan dengan jelas kepada pengguna.KONSEP REKA LETAK DIGITAL

Mempunyai hiasan kecil pada hujung huruf. Memberikan kesan formal dan tradisional. Sesuai untuk teks yang memerlukan penampilan profesional.JENIS TIPOGRAFI 01 :SERIFContoh font: Times New Roman Georgia GaramondSesuai digunakan untuk: 📖 Dokumen akademik 📚 Buku 📰 Penerbitan

Tidak mempunyai hiasan pada hujung huruf. Bentuk lebih ringkas dan moden. Mudah dibaca pada skrin digital.JENIS TIPOGRAFI 02 :SANS SERIFContoh font: Arial Helvetica Poppins MontserratSesuai digunakan untuk: 💻 Laman web 📱 Media sosial 📊 Slaid pembentangan 🎨 Poster digital

Menyerupai tulisan tangan atau tulisan bersambung. Memberikan kesan elegan, kreatif dan personal. Biasanya digunakan secara terhad kerana tidak sesuai untuk teks panjang.JENIS TIPOGRAFI 03 :SCRIPTContoh font: Pacifico Great Vibes AlluraSesuai digunakan untuk: 💌 Kad jemputan 🎀 Poster kreatif ✨ Tajuk hiasan

Mempunyai reka bentuk huruf yang unik dan menarik perhatian. Sesuai digunakan sebagai elemen visual utama. Lebih sesuai untuk tajuk berbanding teks panjang.JENIS TIPOGRAFI 04 :DISPLAYContoh font: Bebas Neue Cooper Black Bowlby OneSesuai digunakan untuk: 🎬 Poster 📢 Tajuk kempen 🎨 Reka bentuk kreatif

Setiap huruf mempunyai lebar yang sama. Memberikan penampilan teratur dan berstruktur. Sering dikaitkan dengan teknologi dan pengaturcaraan.JENIS TIPOGRAFI 05 :MONOSPACEContoh font: Courier New Roboto Mono Space MonoSesuai digunakan untuk: 💻 Kod komputer 🖥 Reka bentuk bertema teknologi 🔢 Maklumat teknikal

PRINSIP CASPER DALAM REKA LETAK DIGITAL C — Contrast A — Alignment S — Simplicity P — Proximity E — Emphasis R — RepetitionAPA ITU CASPER?Prinsip CASPER membantu menghasilkan reka letak digital yang teratur, jelas, seimbang dan mudah difahami.

C — CONTRAST Kontras ialah perbezaan antara elemen visual seperti warna, saiz, ketebalan dan jenis huruf. Kontras membantu membezakan maklumat utama dengan maklumat sokongan. A — ALIGNMENT Alignment merujuk kepada penjajaran teks dan elemen visual supaya susunan reka bentuk kelihatan kemas dan teratur.CONTRAST & ALIGNMENT

S — SIMPLICITY Kesederhanaan bermaksud penggunaan elemen visual secara terkawal supaya reka bentuk tidak kelihatan terlalu padat atau berserabut. P — PROXIMITY Proximity ialah prinsip meletakkan elemen yang mempunyai hubungan antara satu sama lain secara berdekatan.SIMPLICITY & PROXIMITY

E — EMPHASIS Emphasis digunakan untuk memberikan penekanan kepada maklumat yang paling penting seperti tajuk, kata kunci atau mesej utama. R — REPETITION Repetition ialah pengulangan elemen seperti warna, jenis font, bentuk atau gaya visual bagi mewujudkan konsistensi.EMPHASIS & REPETITION

HUBUNGKAIT TIPOGRAFI & REKA LETAKTIPOGRAFI + REKA LETAK = KOMUNIKASI VISUALPemilihan tipografi perlu disesuaikan dengan tujuan dan kandungan reka bentuk. Saiz, jenis dan ketebalan huruf membantu membentuk hierarki visual, manakala susunan teks menentukan aliran pembacaan.Contoh: TAJUK UTAMA 32–40 pt | Bold Subtajuk 20–24 pt Isi kandungan 16–18 pt

APLIKASI TIPOGRAFI DAN PRINSIP CASPERANALISIS REKA BENTUK C — Contrast Perbezaan saiz dan warna digunakan untuk membezakan tajuk dengan maklumat lain. A — Alignment Teks disusun secara teratur bagi menghasilkan reka letak yang kemas. S — Simplicity Elemen visual yang digunakan adalah minimum supaya poster tidak kelihatan berserabut. P — Proximity Tajuk, tagline dan elemen visual yang berkaitan diletakkan berdekatan. E — Emphasis Perkataan “CREATIVE” diberikan penekanan melalui saiz dan ketebalan huruf. R — Repetition Warna dan gaya tipografi yang sama digunakan secara konsisten dalam poster.

Tipografi dan reka letak digital merupakan aspek penting dalam menghasilkan komunikasi visual yang berkesan. Pemilihan jenis huruf, saiz, warna dan susunan teks perlu disesuaikan dengan tujuan penyampaian maklumat. Penggunaan prinsip CASPER pula membantu menghasilkan reka bentuk yang lebih jelas, teratur, konsisten dan menarik kepada pengguna.KESIMPULAN

SEKIAN TERIMA KASIH A R A S I E R R A P S V K 2