PRODUKSI
MEDIA
MATERI 7
Produksi
Media
Pengertian Desain Situs Web
Desain situs web (web design) adalah proses merancang tampilan visual dan struktur halaman web agar menarik, mudah digunakan, serta sesuai dengan tujuan penggunaannya.
Dalam konteks produksi media, desain situs web berfungsi untuk:
Canva sebagai Alat Desain Web
Canva bukan hanya untuk poster atau presentasi, kini Canva menyediakan fitur Website Templates dan Website Mockup Builder untuk membuat:
Kelebihan Canva untuk desain web:�✅ Mudah digunakan tanpa coding�✅ Banyak template profesional�✅ Bisa menyesuaikan warna, font, dan elemen brand�✅ Bisa preview website langsung di browser
Elemen Penting dalam Desain Situs Web
Elemen | Deskripsi | Contoh di Canva |
🖼️ Header / Hero Section | Bagian atas halaman berisi logo, menu, dan gambar utama | Template “Modern Website Hero” |
🔡 Tipografi | Penggunaan font untuk judul, isi, dan tombol | Gunakan font Sans Serif untuk tampilan modern |
🎨 Warna | Membangun emosi dan identitas brand | Gunakan Brand Kit di Canva |
🖱️ Tombol CTA (Call To Action) | Mengarahkan pengunjung untuk melakukan tindakan | “Sign Up”, “Buy Now”, “Learn More” |
📷 Gambar & Ikon | Mendukung pesan visual agar lebih kuat | Gunakan elemen “Photos” dan “Icons” di Canva |
📄 Layout Grid | Mengatur keseimbangan dan keterbacaan | Gunakan frames dan grids bawaan Canva |
Prinsip Desain Web yang Baik
Visual Hierarchy → Prioritaskan elemen penting agar mudah dilihat.
Consistency → Warna, font, dan gaya gambar harus seragam.
Whitespace (Ruang Kosong) → Gunakan jarak untuk menambah kenyamanan visual.
Responsive Design → Pastikan desain terlihat baik di laptop & ponsel.
Readable & Simple → Teks tidak terlalu panjang dan mudah dipahami.
Buatlah Situs Web dengan menggunakan template canva tetapi ubahlah tampilan nya dengan se-Kreatif mungkin
TERIMA
KASIH