Desain Web Inovatif di Figma: Proses Langkah demi Langkah
Kursus oleh Louis PaquetPanduan dalam desain web interaktif
Kursus oleh Louis Paquet, Panduan dalam desain web interaktif
Desain Web Inovatif di Figma: Proses Langkah demi Langkah
Memulai proyek desain web baru bisa terasa berat, dengan begitu banyak elemen yang perlu dipertimbangkan. Namun, dengan proses yang jelas dan terstruktur, Anda dapat membuat situs web yang tidak hanya menarik secara visual tetapi juga fungsional dan mudah diakses. Louis Paquet, seorang direktur kreatif digital dengan pengalaman lebih dari 15 tahun, akan mengajarkan Anda dasar-dasar desain web interaktif. Louis telah bekerja sama dengan agensi global terkemuka dan meraih lebih dari 50 penghargaan 'Site of the Day' di Awwwards. Dalam kursus ini, Anda akan mempelajari cara mendekati proyek desain dari awal hingga pembuatan prototipe dengan fidelitas tinggi.
Anda akan belajar cara menganalisis brief klien, membuat papan suasana hati, mengembangkan sistem desain yang andal, serta mengintegrasikan gerakan dan animasi untuk menghidupkan situs web Anda. Sepanjang kursus, Anda akan mengikuti proses langkah demi langkah yang menjamin hasil yang berkesan bagi Anda dan klien Anda.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
Prinsip Utama UX
1 menit, 1 detik
Tipografi dan Pemilihan Warna
1 menit, 1 detik
Tes Desain Cepat 1
1 menit, 1 detik
Memanfaatkan Figma untuk Tata Letak Kreatif 2
1 menit, 1 detik
Mengintegrasikan Gerakan dalam Desain
1 menit, 1 detik
Prototipe Fidelitas Tinggi 3
1 menit, 1 detik
Apa yang termasuk dalam kursus ini?
Sepanjang kursus ini, Anda akan mempelajari cara memulai proyek desain web, mulai dari menganalisis brief klien hingga desain akhir. Anda akan belajar mengumpulkan inspirasi dan membuat moodboard yang memandu estetika proyek Anda, yang selalu selaras dengan tujuan klien. Anda akan menemukan pentingnya pengalaman pengguna (UX) dan cara membangun peta situs dan wireframe untuk memastikan navigasi dan fungsionalitas yang jelas di situs Anda.
Selanjutnya, Anda akan mendalami desain visual menggunakan Figma, memilih tipografi dan warna yang memperkuat identitas merek dan membangkitkan emosi yang diinginkan pengguna. Terakhir, Anda akan menemukan cara mengintegrasikan gerakan dan animasi ke dalam desain Anda untuk menciptakan pengalaman dinamis yang memikat pengguna.
Perangkat lunak & alat yang direkomendasikan untuk kursus ini
Apa proyek kursus ini?
Anda akan membuat prototipe interaktif fidelitas tinggi untuk situs web, menerapkan tipografi, warna, sistem kisi, dan animasi dinamis.
Proyek oleh mahasiswa kursus
Untuk siapa kursus daring ini?
Kursus ini ditujukan bagi calon desainer dan profesional yang ingin meningkatkan keterampilan desain dan pembuatan prototipe UX/UI mereka. Baik Anda pemula maupun profesional berpengalaman, kursus ini akan membekali Anda dengan berbagai perangkat untuk menciptakan situs web yang berdampak, inovatif, dan mudah diakses. Pengetahuan dasar tentang Figma sangat disarankan.
Persyaratan dan bahan
Yang Anda butuhkan hanyalah kreativitas, keinginan untuk belajar, dan pemahaman dasar tentang Figma. Sumber daya tambahan seperti dokumen singkat dan kit wireframing akan disediakan.
Ulasan
- 2 bulan yang lalu
Well explained and easy to follow. Great course!
- 2 bulan yang lalu
An excellent course for getting to understand creative/design process. You will also learn prototyping in Figma to present your work to your client.
- 2 bulan yang lalu
Excellent course! AMAZING
- 2 bulan yang lalu
Excellent course!
- 3 bulan yang lalu
Fantastic course, well explained. I love the way he makes the entire process sound very achievable. I am a fan of your work Louis and your design style resonates with me. People who already know how to use Figma might find it a bit of a revision, but the overall end to end approach is what is explained very well here.
Isi
- U 1
Perkenalan
- Tentang Saya
- Tinjauan Kursus dan Contoh Proyek
- U 2
Meletakkan Dasar
- Memahami Ringkasan Proyek
- Menemukan Inspirasi dan Membangun Papan Suasana Hati Anda
- U 3
Dasar-Dasar Pengalaman Pengguna (UX)
- Prinsip Utama UX
- Membuat Peta Situs
- Merancang Wireframe Fungsional
- U 4
Menguasai Arahan Seni
- Tipografi dan Pemilihan Warna
- Sistem Grid, Dimensi dan Tata Letak
- Inti dari Bercerita dalam Desain
- Tes Desain Cepat 1
- Tes Desain Cepat 2
- U 5
Teknik Desain UI
- Memanfaatkan Figma untuk Tata Letak Kreatif 1
- Memanfaatkan Figma untuk Tata Letak Kreatif 2
- Membangun Desain yang Kuat
- Mengintegrasikan Gerakan dalam Desain
- Prototipe Fidelitas Tinggi 1
- Prototipe Fidelitas Tinggi 2
- Prototipe Fidelitas Tinggi 3
- Mempresentasikan Desain Anda
- FP
Proyek akhir
- Desain Gerak dan Animasi
Apa yang diharapkan dari kursus Domestika
Belajar dengan kecepatan Anda sendiri
Nikmati belajar dari rumah tanpa jadwal tetap dan dengan metode yang mudah diikuti. Anda bisa mengatur kecepatan belajar Anda sendiri.
Belajar dari para profesional terbaik
Pelajari metode dan teknik berharga yang dijelaskan oleh para ahli terkemuka di sektor kreatif.
Bertemu dengan guru ahli
Setiap pakar mengajarkan apa yang paling mereka kuasai, dengan pedoman yang jelas, semangat yang membara, dan wawasan profesional dalam setiap pelajaran.
Sertifikat
PLUSJika Anda anggota Plus, dapatkan sertifikat khusus yang ditandatangani oleh pengajar Anda untuk setiap kursus. Bagikan di portofolio, media sosial, atau di mana pun Anda suka.
Dapatkan kursi baris depan
Video berkualitas tinggi, jadi Anda tidak akan melewatkan satu detail pun. Dengan akses tak terbatas, Anda dapat menontonnya sesering yang Anda butuhkan untuk menyempurnakan teknik Anda.
Berbagi pengetahuan dan ide
Ajukan pertanyaan, minta masukan, atau tawarkan solusi. Bagikan pengalaman belajar Anda dengan siswa lain di komunitas yang sama bersemangatnya dengan Anda dalam hal kreativitas.
Terhubung dengan komunitas kreatif global
Komunitas ini merupakan rumah bagi jutaan orang dari seluruh dunia yang ingin tahu dan bersemangat untuk mengeksplorasi dan mengekspresikan kreativitas mereka.
Tonton kursus yang diproduksi secara profesional
Domestika menyusun daftar guru dan memproduksi setiap kursus secara internal untuk memastikan pengalaman belajar daring berkualitas tinggi.
Tanya Jawab Umum
Yes, this course is ideal for intermediate designers looking to enhance their skills in prototyping, animation, and interactive web design using advanced techniques and tools like Figma.
You should have a basic understanding of web design principles and familiarity with design tools like Figma. No advanced coding skills are required, but some design experience is recommended.
You’ll learn how to create engaging, user-friendly web interfaces, build prototypes, animate website elements in Figma, develop content strategies, and balance creativity with usability for standout site designs.
Yes, the course offers in-depth tutorials on using Figma for prototyping, animating websites, building wireframes, mood boards, sitemaps, and interactive elements.
The course teaches you how to infuse creativity through motion design, layout choices, color palettes, and original concepts while ensuring your designs remain functional and intuitive for users.
Yes, you’ll gain practical skills in analyzing client requirements, defining project goals, and turning project briefs into actionable visual strategies for website development.
Absolutely. The course covers creating mood boards in Figma, sourcing inspiration, organizing visual content, and developing effective content strategies for web projects.