Sifa Nurul Insani

Mockup saya👆🏻👆🏻  📘 Materi Mockup: Pengertian, Fungsi, Jenis, dan Contoh 1. Pengertian Mockup Mockup adalah representasi visual dari sebuah desain atau produk yang biasanya bersifat statis dan digunakan untuk menunjukkan bagaimana produk akhir akan terlihat. Biasanya digunakan dalam desain UI/UX, branding, packaging, dan promosi produk. 2. Tujuan dan Fungsi Mockup 🎯 Visualisasi ide sebelum diproduksi 💬 Komunikasi antar tim (desainer, developer, klien) 🧪 Uji tampilan dan layout sebelum proses produksi atau coding 📢 Presentasi profesional kepada klien/investor 3. Jenis-Jenis Mockup Jenis Mockup : Penjelasan Singkat UI/UX Mockup : Menunjukkan tampilan aplikasi atau website tanpa fungsi Product Mockup : Menampilkan desain produk (kaos, kemasan, botol, dll) Branding Mockup : U ntuk identitas visual (logo di kartu nama, kop surat) Packaging Mockup : Desain pada kemasan makanan, kosmetik, dsb. 4. Perbedaan Mockup, Wireframe, dan Prototype Elemen Ciri Khas : Tujuan Utama Wirefram...

1. Membuat Layout Responsif Pengertian Layout responsif adalah desain tata letak yang dapat menyesuaikan tampilannya secara otomatis berdasarkan ukuran layar perangkat (misalnya, smartphone, tablet, desktop). Tujuan Memberikan pengalaman pengguna terbaik di berbagai perangkat. Menghindari tampilan yang rusak atau tidak proporsional. Prinsip Dasar Gunakan ukuran relatif (persentase, flex) daripada ukuran absolut (pixel tetap). Gunakan grid atau system flexbox untuk mengatur komponen. Gunakan media queries atau breakpoints untuk menyesuaikan tampilan pada ukuran layar berbeda. Sembunyikan atau tampilkan elemen tertentu sesuai ukuran layar. 2. Navigasi Pengertian Navigasi adalah cara pengguna berpindah antar halaman atau layar di dalam aplikasi. Jenis Navigasi Umum Navigasi Stack (tumpukan) : Navigasi halaman baru di atas halaman lama, biasanya dengan tombol "back" untuk kembali. Navigasi Tab : Pengguna memilih tab untuk berpindah antar lay...