UI/UX Design dan Prototype

Peserta diharapkan mengetahui konsep desain UI dan desain UX menggunakan tools Figma. Selain itu, peserta diharapkan juga bisa membuat prototype untuk presentasi desain

Level

Pemula

Kategori

Design & Multimedia

Durasi

40 Jam

Rp 259.000

Rp 370.000

Diskon 30%
Kelas ini terdiri dari
7 Topik
3 Assesment
33 Modul
Sertifikat
Selamat datang di kelas Belajar Desain UI/UX dan Membuat Prototype Aplikasi!

Di kelas ini, peserta akan belajar menggunakan Figma untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX), serta membuat prototype aplikasi secara efektif.

Apa yang akan dipelajari peserta?
  • Mengenal Figma
  • Menambahkan Komponen
  • Merancang Wireframe Aplikasi
  • Mendesain Halaman Aplikasi
  • Membuat Prototype Aplikasi
Setelah belajar di kelas ini, peserta diharapkan dapat:
  • Memahami konsep dasar UI/UX design
  • Menambahkan komponen-komponen dalam desain
  • Merancang wireframe aplikasi
  • Mendesain halaman aplikasi yang responsif
  • Membuat prototype interaktif untuk aplikasi
Kelas ini untuk siapa?
  • Siswa SMK yang ingin memahami dasar-dasar desain UI/UX
  • Mahasiswa yang ingin mengembangkan keterampilan desain digital lebih lanjut
  • Masyarakat umum yang tertarik mempelajari cara merancang aplikasi yang user-friendly menggunakan Figma
Selamat datang di kelas Belajar Desain UI/UX dan Membuat Prototype Aplikasi!

Di kelas ini, peserta akan belajar menggunakan Figma untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX), serta membuat prototype aplikasi secara efektif.

Apa yang akan dipelajari peserta?
  • Mengenal Figma
  • Menambahkan Komponen
  • Merancang Wireframe Aplikasi
  • Mendesain Halaman Aplikasi
  • Membuat Prototype Aplikasi
Setelah belajar di kelas ini, peserta diharapkan dapat:
  • Memahami konsep dasar UI/UX design
  • Menambahkan komponen-komponen dalam desain
  • Merancang wireframe aplikasi
  • Mendesain halaman aplikasi yang responsif
  • Membuat prototype interaktif untuk aplikasi
Kelas ini untuk siapa?
  • Siswa SMK yang ingin memahami dasar-dasar desain UI/UX
  • Mahasiswa yang ingin mengembangkan keterampilan desain digital lebih lanjut
  • Masyarakat umum yang tertarik mempelajari cara merancang aplikasi yang user-friendly menggunakan Figma
Respon Positif dari alumni GAMELAB.ID

  • Adanya pelatihan 3D Modelling di Gamelab dapat dimanfaatkan dengan baik. Dan materi yang di sampaikan oleh trainer mudah di pahami dan sangat bermanfaat.

    Riyan Ahmad

    SMKS NAZHATUT THULLAB

  • 1. kelas Belajar web funda mental. saya banyak belajar tentang Html, css dan juga java script. saya banyak belajar ilmu baru tentang html Dasar yg berisi tentang ilmu ilmu dasar dalam Html sperti heading, paragraph, dsb. 2.Html media berisi vidio, audio d

    Kavil Efendi

    SMKN 1 TAPEN

  • Terimakasih until gamelab,pembelajaran gamelab in danger membantu saya untuk mengasah skill editing Dan Sangat bermanfaat sekali untuk mass depan Saya.terimakasih gamelab

    Syahbana Firdaus

    SMKN 3 PAMEKASAN

  • Sangat bagus, materi yang diberikan mudah dipahami oleh peserta magang, sehingga tidak kesulitan saat mengerjakan tugas yang diberikan. Admin dan Trainer juga ramah.

    Imroatu Sholikhah

    Institut Seni Indonesia Yogyakarta

  • Magang dan Belajar di Gamelab ID untuk digital marketing menyenangkan, dengan adanya beberapa latihan atau tugas yang harus kita kerjakan bisa melatih apa yang baru saja kita pelajari. Bisa lebih baik lagi jika ada pelajaran dan tugas yang lebih technical

    Zia Ulhaq Ahmad

    Institut Teknologi Bandung

  • Tugas onboarding ini memberikan pemahaman yang baik tentang struktur organisasi perusahaan, prosedur kerja,dan ekspektasi yang harus saya penuhi. Saya merasa lebih siap untuk memulai peran saya dan merasa didukung oleh tim yang ada di sekitar saya.

    Firman Hidayat

    SMKN 1 GADINGREJO

  • Modulnya sangat menarik dan mudah dipahami. Dalam modul ini juga terdapat quiz yang melatih keccepatan dan ketepatan berfikir sekaligus quiz ini juga menjadi pengaplikasian dari berfikir kritis

    Wandi Fahrizal

    STMIK Jabar

  • Kelas ini menarik, menambah pengalaman ilustrasi saya. Mempelajari tipe ilustrasi yang baik untuk anak-anak, dari segi bentuk, warna, hingga suasana. Masukan dari trainer juga sangat bermanfaat untuk mengembangkan ilustrasi saya menjadi lebih baik.

    Amalia Rahma Agusti

    Institut Seni Indonesia Yogyakarta

  • kakak-kakak yang mendampingi pkl online saya sangat cepat menanggapi beberapa pertanyaan yang ada di grup, jadi itu memudahkan untuk proses pengerjaan tugasnya. tapi mohon maaf sebelumnya buat me-review tugas laporan nya mungkin bisa sedikit lebih rinci l

    Tiara Putri Waluyo

    SMKS PGRI 1 TANGERANG

Silabus Kelas
1

Mengapa FIGMA?
2

Registrasi dan Login
3

Membuat Proyek Baru
4

Membuat Halaman dan Frame
5

Mengenal Antarmuka Figma
6

Persiapan Proyek Baru
7

Mengundang Anggota Tim ke Proyek
8

Memasukkan Gambar
9

Menambahkan Shape
10

Menambahkan Teks
11

Membuat Panel (Card)
12

Membuat Tombol (Button)
13

Menambahkan Plugin
14

Persiapan Proyek Baru
15

Membuat Wireframe OnBoarding
16

Membuat Wireframe Login
17

Membuat Wireframe Registrasi
18

Membuat Wireframe Home
19

Membuat Wireframe Kelas
20

Membuat Wireframe Event
21

Membuat Wireframe Akun
22

Merancang Halaman OnBoarding
23

Merancang Halaman Login
24

Merancang Halaman Registrasi
25

Merancang Halaman Home
26

Merancang Halaman Kelas
27

Merancang Halaman Event
28

Merancang Halaman Akun
29

Mengenal Prototyping
30

Mengenal Interaction dan Animation
31

Menambahkan Interaksi dan Animasi
32

Menambahkan Overflow Behavior
33

Menjalankan Prototype
Dengan siapa kamu akan belajar?
Andi Taru

Educa Studio

Fasilitas Tambahan
  • Tanya jawab via Whatsapp Group
  • Akses ke forum dan diskusi kelas
  • e-Sertifikat Kelas
  • CV Digital (khusus langganan)

Yuk, berlangganan dan akses semua kelas

Berlangganan sekarang juga untuk mulai. Pilih skill apapun dan pelajari kapanpun. Dapatkan materi terstruktur, modul praktik berbasis project, plus webinar series rancangan para experts.