DESIGN WEB DAKWAH
MODUL PEMBELAJARAN
Dosen Pengampu: Muh. Taufiq Syam, M. Sos
MATERI 1: RUANG LINGKUP DASAR DESIGN DAN WEBSITE DALAM DAKWAH
• Web design adalah istilah mengenai desaign visual yang diterapkan kepada media digital yaitu website, design yang ditunjukan untuk
pengembangan dan styling informasi di internet untuk menyediakan fitur konsumen high-end dan memberikan kualitas estetika.
• Tujuan web design adalah sebagai salah satu media komunikasi, dimana memang bertujuan untuk membuat atau menyampaikan informasi secara cepat dan realtime.
• Fungsi web desain sendiri bisa digunakan sebagai media komunikasi yang lebih menarik.
• Kegunaan website dalam berdakwah antara lain: happening dan growing up, website is the future, efisien dan murah, efektif, beroperasi 24jam non stop, jangkauan luas , hemat tenaga dan waktu
MATERI 2: RUANG LINGKUP DESIGN SECARA MANUAL DAN DESIGN SECARA ONLINE
• Design secara manual adalah kegiatan mendesign gambar atau foto menggunakan aplikasi editing yang bersifat offline
• Contoh aplikasi design manual: Microsoft Picture, Adobe Photoshop, Adobe Illustrator, Corel Draw, PhotoScape, GIMP (GNU Image Manipulation Program), PaintShop Pro, dan Skylum Luminar 4
• Design secara online adalah kegiatan mendesign
gambar atau foto menggunakan aplikasi editing yang bersifat online yang terhubung dengan jaringan
internet
• Contoh aplikasi design online: Canva, Pixlr, Befunky, Lunapic, Iloveimg, PizAp
MATERI 3: RUANG LINGKUP DESIGN PAGE LAYOUT
• Layout adalah tata letak dari elemen-elemen desain terhadap suatu bidang dalam media tertentu untuk mendukung konsep atau pesan yang dibuat. Adapun fungsi dan tujuan dari layout adalah untuk
menyajikan berbagai elemen, seperti teks dan gambar yang mampu berkomunikasi.
• Elemen pada desain layout adalah: Teks (Text), Gambar (Image), Garis (Line), Bentuk (Shape) dan Ruang Putih (White Space)
• Unsur Layout Website: Header, Navigation, Content/Body, Sidebar dan Footer
• Tujuan Pembuatan Layout Website:
1. Memastikan bahwa pesan yang ingin disampaikan pada halaman website dapat tersampaikan dengan baik kepada audiens.
2. Membuat tampilan website lebih menarik.
3. Memudahkan audiens atau pengunjung website melakukan action sesuai yang diharapkan.
4. Menyederhanakan perbaikan apabila mengalami kerusakan pada website.
5. Mengurangi kebingungan dalam proses pembuatan website.
6. Mempersingkat waktu pembuatan website agar semakin efektif dan cepat.
MATERI 4: DASAR-DASAR TEKNIK DESAIN
ANIMATION EFFECT MENGGUNAKAN CSS DAN ADOBE AFTER EFFECT
• Animasi CSS adalah sebuah cara untuk
menambahkan animasi dengan performa terbaik yang menjadi semakin populer seiring dengan dukungan browser yang meningkat
• Fitur-fitur animasi CSS: Elemen Dasar, Keyframes, Animasi Effect danTiming-Function
• Adobe After Effects adalah produk peranti lunak yang dikembangkan oleh Adobe, digunakan untuk film dan pos produksi pada video
• Kegunaan Abobe After Effect: Animasi 3D dasar, Animasi Vektor 2D, Animasi karakter, Tipografi Kinetik, Animasi mock-up UI/UX dan Efek visual
• Fitur-fitur Adobe After Effects: Animasi Teks, VFX, Motion Graphics, Rotoscoping dan Motion Tracking,
