Pengantar Sistem Desain dengan Figma
Kursus oleh Javier CuelloDesainer UX
Kursus oleh Javier Cuello, Desainer UX
Pengantar Sistem Desain dengan Figma
Di balik setiap antarmuka terdapat serangkaian detail yang tampaknya tak terlihat yang dapat menentukan arah merek, perusahaan, atau produk Anda. Dengan mengintegrasikan perangkat Sistem Desain ke dalam proyek Anda, Anda dapat memastikan bahwa antarmuka Anda kompatibel dengan semua anggota tim dan berfungsi secara intuitif.
Dalam kursus ini, Javier "Simón" Cuello, seorang desainer yang mengkhususkan diri dalam pengalaman pengguna, akan membantu Anda membangun antarmuka situs web dengan cara yang terorganisir, koheren, dan konsisten yang memenuhi kebutuhan nyata pengguna dan pelanggan Anda.
Kami sarankan Anda juga memeriksa kursus Javier lainnya di Domestika: Mendesain Antarmuka dengan Sketch dan Mendesain Aplikasi yang Lezat .
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
Apa yang akan kita lakukan dalam kursus ini?
1 menit, 1 detik
Manfaat bagi Anda dan tim Anda
1 menit, 1 detik
Bagian-bagian dari suatu sistem
1 menit, 1 detik
Mengidentifikasi konteks
1 menit, 1 detik
Memikirkan prinsip-prinsip desain
1 menit, 1 detik
Panduan gaya 1
1 menit, 1 detik
Apa yang termasuk dalam kursus ini?
Anda akan memulai kursus ini dengan mempelajari tentang Javier, proyek-proyeknya, dan pengaruhnya sepanjang kariernya, serta pengenalan konsep-konsep utama Sistem Desain.
Berikutnya, Anda akan menemukan manfaat Sistem Desain untuk Anda dan tim Anda, dan menjelajahi semua komponen yang membentuk suatu sistem, termasuk: prinsip desain, panduan gaya, elemen lepas dan komponen antarmuka, repositori kode, dan dokumentasi.
Javier akan mengajarkan Anda cara mengidentifikasi tujuan sistem Anda berdasarkan konteks produk dan menunjukkan cara menggunakan kriteria yang memandu desain Anda untuk menetapkan strategi proyek. Ia akan membantu Anda membuat panduan gaya yang definitif untuk antarmuka Anda.
Mulai bekerja! Dengan menggunakan perangkat lunak Figma, Anda akan mendesain elemen, komponen, pola, dan prototipe individual layar utama dalam berbagai format.
Terakhir, Anda akan bekerja dengan elemen komunikasi dan kolaborasi untuk memastikan sistem desain Anda berkembang secara terkendali dan didukung oleh semua anggota tim.
Javier akan mengajarkan Anda tentang pentingnya Token Desain dan cara mendokumentasikan evolusi sistem Anda. Ia akan menunjukkan cara membedakan antara pekerjaan yang sedang berlangsung dan pekerjaan yang telah selesai, serta memberi saran tentang cara bekerja dengan berbagai profil dalam sebuah tim.
Perangkat lunak & alat yang direkomendasikan untuk kursus ini
Apa proyek kursus ini?
Anda akan mendesain beranda situs web perjalanan, dalam 3 ukuran berbeda.
Proyek oleh mahasiswa kursus
Untuk siapa kursus daring ini?
Desainer antarmuka yang ingin membangun desain yang terorganisir, koheren, dan konsisten untuk situs web dan aplikasi.
Persyaratan dan bahan
Anda harus memiliki pengetahuan dasar tentang Figma, termasuk membuat gaya, komponen, dan fitur Tata Letak Otomatis, serta terbiasa dengan desain antarmuka.
Untuk materi, Anda memerlukan komputer dengan perangkat lunak Figma yang terpasang. Kursus ini dibuat menggunakan Figma 116.3.6. Jika Anda memiliki versi yang lebih baru, Anda dapat mengikutinya tanpa masalah.
Ulasan
- 2 bulan yang lalu
very nice overview and introduction to design systems. so far so good.
- 4 bulan yang lalu
Até o momento, muito interessante. Vários insights interessantes e pontos de atencao negligenciados muitas vezes.
- 5 bulan yang lalu
Il corso offre una panoramica abbastanza completa. Purtroppo però la traduzione audio in italiano (e di conseguenza i sottotitoli, che corrispondono perfettamente alla traduzione audio) è davvero pessima. Ci sono troncamenti di frasi e parole/traduzioni insensate che rendono dei passaggi pressoché incomprensibili. Questo compromette notevolmente la qualità del corso per chi ne usufruisce in altra lingua.
- 6 bulan yang lalu
Very insightful!
- 10 bulan yang lalu
Un curso bastante completo, me sirvió para reafirmar mis conocimientos en DS. Lo recomiendo mucho si estas empezando en el mundo de los sistemas de diseño.
Isi
- U 1
Perkenalan
- Presentasi
- Pengaruh
- Apa yang akan kita lakukan dalam kursus ini?
- U 2
Sistem Desain
- Manfaat bagi Anda dan tim Anda
- Bagian-bagian dari suatu sistem
- U 3
Fondasi sistem desain Anda
- Mengidentifikasi konteks
- Memikirkan prinsip-prinsip desain
- Panduan gaya 1
- Panduan gaya 2
- U 4
Merancang sistem
- Elemen 1
- Elemen 2
- Elemen 3
- Desain Komponen 1
- Desain Komponen 2
- Desain Komponen 3
- Desain Komponen 4
- Komponen tambahan
- Pola
- Layar 1
- Layar 2
- U 5
Komunikasi dan kolaborasi
- Token desain
- Zeroheight: Cara mendokumentasikan sistem
- Perubahan dan pembaruan
- Tim kerja
- FP
Proyek akhir
- Pengantar Sistem Desain dengan Figma
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
Design system adalah kumpulan komponen, panduan, dan pola yang menjamin konsistensi dan efisiensi dalam produk digital. Ini memudahkan kolaborasi, mengurangi kesalahan, dan mempercepat pengembangan, menjadi kunci bagi tim yang menginginkan keseragaman visual dan fungsional.
Ya, kursus ini ditujukan untuk orang yang sudah punya pengetahuan desain sebelumnya, idealnya di tingkat menengah, yang ingin mendalami pembuatan dan pengelolaan design system untuk produk digital.
Disarankan memiliki pengalaman dasar dalam desain digital dan penggunaan alat seperti Figma. Pengetahuan tentang komponen, antarmuka, dan prinsip desain akan membantu memaksimalkan pemahaman materi.
Anda akan belajar membuat dan mengelola design system, mendefinisikan komponen yang bisa digunakan ulang, mendokumentasikan prinsip desain, mengoptimalkan alur kerja, dan menjaga konsistensi visual dalam tim dan produk digital.
Kursus ini mengajarkan penerapan prinsip Dieter Rams untuk menciptakan antarmuka yang fungsional, abadi, dan minimalis, dengan fokus pada penyelesaian masalah melalui kesederhanaan dan keseimbangan antara bentuk dan fungsi.
Alat utama yang digunakan adalah Figma untuk desain dan pembuatan komponen, serta ZeroHeight untuk mendokumentasikan panduan gaya dan prinsip, memudahkan kolaborasi dan akses informasi sistem.
Ya, Anda akan belajar menyusun dan mendokumentasikan komponen, prinsip, dan panduan gaya menggunakan alat kolaboratif, memastikan adopsi dan pemeliharaan sistem yang tepat oleh seluruh tim.