Lompat ke konten utama
Masuk
Keterampilan dasarDesain VisualPemula

Dasar Desain Visual

Warna, kontras, huruf, dan ukuran gambar sebagai angka yang bisa dihitung — bekal sebelum membuka Canva, Photoshop, atau alat desain apa pun.

Pelajaran pertama bisa dicoba tanpa akun. Selanjutnya pakai akun gratis agar progres, draft kode, dan sertifikatmu tersimpan.

Kelas ini membahas bagian desain visual yang punya jawaban pasti. Enam belas pelajaran dimulai dari warna: RGB untuk layar, CMYK untuk tinta, lalu cara menulis warna dalam HEX, rgb(), dan hsl(). Berikutnya kontras: menghitung luminans relatif dan rasio kontras WCAG, membaca ambang AA dan AAA, serta menyampaikan informasi tanpa bergantung pada warna saja. Modul tipografi menamai bagian huruf, mengubah pt ke px, em, dan rem, lalu menghitung jarak baris dan spasi huruf. Modul terakhir menghitung piksel dan PPI untuk cetak, ukuran berkas, kertas seri A, rasio aspek, dan membaca lisensi Creative Commons sebelum memakai aset orang lain. Tidak ada soal selera; setiap latihan punya satu jawaban yang dirujuk ke W3C, MDN, Adobe, atau Creative Commons.

5,0 ★ (Belum ada ulasan) · 16 pelajaran · 4 modul · ±232 menit

Bagikan kelas
WhatsApp LinkedIn X

Bawa pulang keterampilannya

Yang akan kamu bisa setelah kelas ini

  • Membedakan model warna RGB dan CMYK, dan memilih mode yang sesuai untuk hasil layar atau cetak.
  • Mengubah warna HEX ke rgb() dan sebaliknya, serta membaca rona, saturasi, dan kecerahan pada hsl().
  • Menghitung luminans relatif dan rasio kontras dua warna, lalu memutuskan apakah pasangan itu lolos ambang AA atau AAA.
  • Menyampaikan status dan pilihan tanpa bergantung pada warna saja.
  • Menamai baseline, x-height, ascender, dan descender, serta mengubah ukuran huruf antara pt, px, em, dan rem.
  • Menghitung jarak baris, spasi huruf, dan panjang baris untuk teks yang mudah dibaca.
Lihat 3 hasil belajar lainnya
  • Memilih raster atau vektor dan format JPEG, PNG, SVG, atau WebP sesuai kebutuhan gambar.
  • Menghitung piksel yang dibutuhkan untuk ukuran cetak, ukuran berkas tak terkompresi, ukuran kertas seri A, dan rasio aspek.
  • Membaca unsur BY, SA, NC, dan ND pada lisensi Creative Commons sebelum memakai aset orang lain.

Untuk siapa

Calon desainer grafis, pembuat konten media sosial, dan admin kantor yang menyiapkan poster, brosur, atau unggahan, termasuk yang belum pernah memakai alat desain.

Prasyarat

Hitungan dasar: pecahan, desimal, dan pangkat. Tidak perlu bisa menggambar maupun menulis kode.

Alat yang perlu disiapkan

  • Peramban dan kalkulator. Alat desain seperti Canva atau Photoshop boleh dipakai untuk mencoba, tetapi tidak diperlukan untuk latihan.

Tempat berlatih

Coba, periksa, lalu lanjutkan.

54 latihan di 16 pelajaran. Jawaban diperiksa langsung di halaman materi; petunjuk dibuka bertahap.

pilihan jawabanjawaban angka

Jalur belajar kelas ini

Kurikulum

4 modul · 16 pelajaran · ±232 menit

  1. 01Warna di layar dan di kertas3 pelajaran
    RGB untuk cahaya, CMYK untuk tinta14 mntMenulis warna: HEX, rgb(), dan hsl(), butuh akun14 mntMisi: menyiapkan palet merek, butuh akun20 mnt
  2. 02Kontras dan aksesibilitas4 pelajaran
    Luminans relatif: seberapa terang sebuah warna, butuh akun13 mntRasio kontras dan ambang AA dan AAA, butuh akun13 mntJangan hanya mengandalkan warna, butuh akun13 mntMisi: memeriksa kontras sebuah banner, butuh akun16 mnt
  3. 03Tipografi4 pelajaran
    Anatomi huruf: baseline, x-height, ascender, descender, butuh akun14 mntSatuan ukuran: pt, px, em, dan rem, butuh akun13 mntJarak baris, kerning, tracking, dan panjang baris, butuh akun13 mntMisi: menulis spesifikasi teks untuk materi pelatihan, butuh akun16 mnt
  4. 04Gambar, kertas, dan lisensi5 pelajaran
    Raster, vektor, dan format berkas gambar, butuh akun14 mntPiksel, PPI, ukuran cetak, dan ukuran berkas, butuh akun13 mntKertas seri A dan rasio aspek, butuh akun13 mntLisensi Creative Commons: BY, SA, NC, dan ND, butuh akun13 mntMisi: menyiapkan brosur cetak dan versi daringnya, butuh akun20 mnt

Urutan pelajaran tidak dikunci.

Sertifikat kelas

Selesaikan kelasnya, sertifikat ini atas namamu.

  • Nama lengkapmu dan judul kelas tercetak di sertifikat.
  • Kode dan QR yang bisa dicek siapa saja di kelasgratis.com/verifikasi.
  • Sekali klik ke profil LinkedIn, atau unduh PNG dan PDF.
Mulai belajar

Bukti penyelesaian materi, bukan akreditasi atau sertifikasi kompetensi.

Pertanyaan yang sering muncul

Apakah kelas ini mengajarkan cara memakai Canva atau Photoshop?

Tidak langkah demi langkah, karena letak menu berubah antarversi. Yang diajarkan adalah angka dan istilah yang tetap berlaku di alat mana pun: mode warna RGB dan CMYK, kode HEX, ukuran huruf dalam pt dan px, resolusi dalam PPI, serta ukuran kertas A4 dan A5.

Apakah ada latihan menilai desain mana yang lebih menarik?

Tidak ada. Selera tidak punya kunci jawaban yang jujur. Setiap latihan di kelas ini punya satu jawaban yang bisa dihitung atau dicocokkan ke sumbernya, misalnya rasio kontras WCAG atau unsur lisensi Creative Commons.

Apakah saya perlu bisa menulis kode?

Tidak. Notasi seperti #1E90FF atau hsl() dibahas sebagai cara menulis warna, bukan sebagai kode program, dan semua latihan dijawab dengan angka atau pilihan.

Dari pengalaman belajar

Ulasan peserta

Apa yang membantu, dan apa yang masih bisa diperbaiki?

5,0Belum ada ulasan terbit

Ulasan berasal dari akun yang telah menyelesaikan setidaknya satu pelajaran. Bintang 1–3 ditinjau admin sebelum terbit; bintang 4–5 langsung terbit. Sebelum ada ulasan terbit, kelas menggunakan nilai awal admin 5,0. Setelahnya, rating mengikuti rata-rata ulasan yang sudah terbit.

Pengalamanmu bisa membantu peserta berikutnya.

Belum ada ulasan yang terbit untuk kelas ini.

Bagikan pengalaman belajarmu

Masuk dan selesaikan satu pelajaran untuk menulis ulasan. Masuk ke akun →

Setelah kelas ini

Jalur yang memuat kelas ini

Revisi materi terakhir: 27 Sep 2026. Laporan kesalahan bisa dikirim dari setiap halaman pelajaran.

Ruang belajarmu

Komunitas

Tema tampilan
Tentang KelasGratisMasuk