Figma untuk UI / UX Design 2021: Pendekatan Learning by Doing
Mendesain Website dan mempelajari proses desain UI / UX di Figma menggunakan Pendekatan Learning by Doing
Apa yang akan Anda pelajari
☑ Pahami Figma dan fungsinya
☑ Buat situs web yang tampak modern sesuai kebutuhan klien
☑ Buat palet warna dan pilih skema warna sesuai dengan warna merek
☑ Memahami tipografi, skala tipe, dan membuat lembar referensi Tipografi
☑ Desain mudah untuk meniru desain menggunakan fitur Figma lanjutan seperti Tata Letak Otomatis
Topik
DESAIN PENGALAMAN PENGGUNA
PEMBUATAN PROTOTIPE
ANTARMUKA PENGGUNA
FIGMA
USER EXPERIENCE DESIGN
PROTOTYPING
USER INTERFACE
FIGMA
Deskripsi
Ini adalah kursus praktis tentang mempelajari Figma. Di akhir kursus, Anda akan memiliki Proyek Situs Web yang menyenangkan untuk ditampilkan dalam portofolio Anda.
Figma semakin menjadi alat pilihan untuk tim Desain UI / UX di seluruh dunia. Itu karena Figma jauh lebih kuat daripada Adobe XD dan Sketch dalam hal kemampuannya untuk berkolaborasi dan mengembangkan desain responsif. Dalam kursus ini, Anda akan mempelajari Figma sambil mendesain sambil belajar. Metodologi learning by doing ini akan membantu Anda mempelajari Figma dengan lebih efektif.
Dalam kursus ini, Anda juga akan mempelajari proses Desain UI / UX dengan Figma, yang dimulai dari penjelasan klien, dan diakhiri dengan desain cantik yang disukai klien. Anda diminta untuk mengikuti kursus dan mulai bekerja di Figma secara paralel. Kursus ini mencakup langkah-langkah berikut dalam proses Desain UI / UX:
Memahami Desain Klien
Memahami Wireframe
Membuat Palet Warna yang sesuai dengan Desain Merek
Memilih Typefaces dan Type Scale
Merancang Antarmuka Pengguna modern sesuai dengan kebutuhan
Gunakan fitur khusus Figma seperti Tata Letak Otomatis untuk mempercepat alur kerja Anda
Kursus ini secara khusus ditujukan bagi para pemula untuk membantu meningkatkan kecepatan. Mempelajari alat tidak cukup untuk menciptakan keluaran yang relevan, dan karenanya, kursus ini adalah kursus berbasis proyek. Di akhir kursus, Anda akan memiliki desain situs web yang indah (dengan salinan situs web) untuk dipamerkan oleh perusahaan studi di luar negeri dalam portofolio Anda.
Kandungan
pengantar
Menyiapkan lingkungan
Hello World: Pengenalan Dasar Antarmuka Figma
Persyaratan Klien dan Wireframe
Skema Warna dan Tipografi
Memilih Warna Primer
Memilih Warna Sekunder dan Tersier
Memilih Warna Abu-abu dari Warna Primer
Memilih Typefaces dan Type-Scale
Heading, Paragraph, dan Body Style
Mendesain Halaman Web
Menyiapkan Artboard dan Grids
Membuat Bilah Navigasi
Menggunakan Judul dan Gaya Teks
Membuat Latar Belakang dan Memasukkan Gambar
Melakukan Tombol Ajakan Bertindak
Menggunakan Tata Letak Otomatis untuk bagian selanjutnya
Mendesain Kartu Fitur dengan Tata Letak Otomatis
Menambahkan Latar Belakang Visual ke Kartu
Cara lain untuk mendesain Kartu (untuk bagian selanjutnya)
Membangun bagian selanjutnya dengan Kartu menggunakan tata letak otomatis
Lakukan sendiri untuk desain lainnya