Desain Web dengan Figma: Membangun Komposisi yang Mencolok
A course by Pablo StanleyDesainer dan Ilustrator
A course by Pablo Stanley, Desainer dan Ilustrator
Desain Web dengan Figma: Membangun Komposisi yang Mencolok
Komposisi visual yang kuat tidak hanya terlihat indah, tetapi juga memiliki kekuatan untuk menjalankan fungsi dan menyampaikan pesan dengan jelas. Desainer dan ilustrator Pablo Stanley menggunakan desain sebagai cara untuk berbagi cerita dan terhubung dengan orang lain. Ia menyelenggarakan lokakarya di seluruh dunia, serta podcast desainnya sendiri, Diseño Cha Cha Cha .
Dalam kursus ini, Pablo mengajarkan Anda dasar-dasar desain visual dan cara menciptakan komposisi yang memukau menggunakan Figma. Pelajari alat baru dan prinsip-prinsip yang akan membawa desain Anda ke tingkat selanjutnya.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
Prinsip Komposisi dan Desain Visual
1 menit, 1 detik
Prinsip Gestalt yang Digunakan dalam Desain
1 menit, 1 detik
Hirarki Visual
1 menit, 1 detik
Pengantar Elemen Visual dan Memahami Brief
1 menit, 1 detik
Tipografi
1 menit, 1 detik
Grafik dan Ikon
1 menit, 1 detik
Apa yang termasuk dalam kursus ini?
Mulailah dengan mengenal Pablo, seniman, ilustrator, dan guru Anda untuk kursus ini. Ia akan memandu Anda melalui perjalanannya menjadi seorang desainer, bersama orang-orang yang telah memengaruhi perjalanan kreatifnya, mulai dari penulis komik hingga sutradara film.
Jelajahi prinsip-prinsip desain visual yang dibutuhkan untuk menciptakan komposisi yang kuat, termasuk skala, hierarki, keseimbangan, kontras, dan banyak lagi. Kemudian, pelajari Prinsip Gestalt dan bagaimana prinsip-prinsip tersebut memengaruhi interpretasi karya kami. Pelajari cara menciptakan alur dalam komposisi Anda menggunakan jalur F atau Z sebelum mendalami dominasi dalam desain.
Pablo akan memberikan pengantar elemen visual seperti teks dan tombol, serta cara memahami brief. Berlatihlah menggunakan pengetahuan Anda dari kursus ini dengan berbagai latihan di Figma. Kemudian, dengarkan tips Pablo untuk meningkatkan tipografi Anda, mulai dari memilih jenis huruf hingga menyeimbangkan, memberi spasi, dan memilih ukuran font. Pelajari tentang dampak warna pada komposisi Anda dan cara menggunakan foto, ilustrasi, dan ikon di Figma sebelum mencoba berbagai gaya visual.
Buat sketsa konsep dan tentukan opsi terbaik dengan mempertimbangkan ringkasan dan persyaratan proyek. Kemudian, tentukan panduan gaya visual yang mencakup tipografi, warna, dan gaya tombol. Buat mockup halaman arahan Anda dengan fidelitas tinggi di Figma.
Pelajari cara menambahkan interaksi sederhana untuk menganimasikan komponen Anda. Kemudian, buat tautan antar halaman dan buka modal. Di akhir kursus, Pablo akan memandu Anda melalui proses berbagi prototipe Anda dengan dunia.
Recommended software & tools for this course
What is this course's project?
Buat halaman arahan yang kuat untuk situs web Anda menggunakan prinsip desain visual.
Proyek oleh mahasiswa kursus
Who is this online course for?
Kursus ini diperuntukkan bagi siapa pun yang tertarik dengan desain grafis atau web atau yang ingin mempelajari lebih lanjut tentang Figma.
Requirements and materials
Tidak diperlukan pengalaman sebelumnya.
Anda akan memerlukan komputer, sesuatu untuk membuat sketsa, dan akun Figma.
Ulasan
- 2 bulan yang lalu
This is a fantastic course for mastering UI design basics. Whether you are new to Figma or looking to refine your composition skills, Pablo Stanley makes the process easy to follow. I highly recommend it for its hands-on approach, which bridges the gap between design theory and practical application—from wireframing to building a high-fidelity prototype. A perfect starting point for any aspiring web designer.
- portfolio_valenPLUS2 bulan yang lalu
This is a great course to start understanding good UI practices for websites. It doesn't matter if you are a beginner with Figma, you will be able to follow the steps of the teacher in this course. I recommend this!
- 3 bulan yang lalu
Bonne formation qui permet d'apprendre à utiliser figma grâce à un cas pratique. Le seul point négatif est qu'il manque certaines ressources comme le brief qui n'est pas remis à disposition à des moments clés. Il manque aussi la dernière page de l'exercice pour le rendu final qu'on nous propose pas d'apprendre à créer. Cela limite le prototype final car l'on doit lier cette page avec une autre pour voir notre progression et l'exercice réalisé dans sa globalité.
- 8 bulan yang lalu
muy buen curso! rapido de aprender y poner en practica
- 9 bulan yang lalu
Muy buen curso, super utiles las bases de diseño gráfico y explica muy bien el proceso en Figma, sería ideal que hicieran una re-versión con las últimas actualizaciones de Figma.
Sejak itu, ia beke...
Isi
- U 1
Perkenalan
- Tentang Saya
- Pengaruh
- U 2
Fondasi Desain Visual
- Prinsip Komposisi dan Desain Visual
- Prinsip Gestalt yang Digunakan dalam Desain
- Hirarki Visual
- Affordances dalam UI
- U 3
Elemen Visual
- Pengantar Elemen Visual dan Memahami Brief
- Komposisi Dasar di Figma
- Tipografi
- Membuat Palet Warna
- Grafik dan Ikon
- Gaya Visual
- U 4
Menyatukan Semuanya
- Membuat Sketsa Wireframe
- Menentukan Panduan Gaya Visual Anda 1
- Menentukan Panduan Gaya Visual Anda 2
- Membangun Mock-up Fidelitas Tinggi 1
- Membangun Mock-up Fidelitas Tinggi 2
- U 5
Pembuatan prototipe
- Interaksi Tombol
- Menghubungkan ke Halaman dan Modal
- Berbagi Prototipe Anda
- FP
Proyek akhir
- Desain Web dengan Figma: Membangun Komposisi yang Mencolok
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.
Certificates
PLUSIf you're a Plus member, get a sertifikat khusus signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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 designed for beginners and covers all fundamental concepts in visual design, UI, and prototyping, with step-by-step guidance using Figma.
No prior design experience is required. You just need a computer and an internet connection. The course uses Figma, which is free to start.
You will learn design principles, wireframing, high-fidelity prototyping in Figma, creating color palettes, typography, layout, and how to apply Gestalt principles and affordances to UI projects.
Yes, the course includes lessons on poster design, hand-drawn illustration techniques, and creating bold, striking compositions inspired by artists like Diego Rivera.
Absolutely. The course covers Figma essentials, from creating wireframes and artboards to building high-fidelity prototypes and responsive layouts with auto layout.
Yes, the course provides in-depth coverage of core design principles such as hierarchy, balance, contrast, scale, and white space for effective digital compositions.
You’ll learn how to build harmonious color palettes, apply color theory, choose and pair typefaces, and use modular scales for readable, attractive layouts.