UI/UX Design dan Prototype

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
topik 7 Topik
assesment 3 Assesment
module 33 Modul
sertifikat 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

  • Game, HTML 5: Mr.ocong menarik untuk dikembangkan, tutorial dari trainer juga mudah dipahami. Materi yang disampaikan melalui modul juga menarik. overall 10000/100 🔥

    Oktavian Fajar Ilalang

    Universitas Muhammadiyah Purworejo

  • Saya sangat senang bisa belajar banyak dari pelatihan ini, terutama mengenai framework Bootstrap. Awalnya, saya sempat menggunakan Tailwind di kode saya, tapi ternyata Bootstrap lebih mudah dipahami, terutama karena modul-modulnya sangat cocok untuk pemula dalam programming. Sejauh ini, masih ada beberapa kesalahan di bagian CSS. Namun dengan bantuan trainer yang sangat sabar, saya bisa mengatasinya. Meskipun saya termasuk tipe yang agak lambat dalam belajar, kini saya lebih paham penggunaan container. Terima kasih banyak untuk bantuan dan bimbingannya, Kak.

    Alya Sonia Salma

    Universitas Brawijaya

  • Saya sangat puas dan senang bisa mengenal CorelDRaw berkat PKL di GameLab saya mendapat ilmu yang sangat mahal untuk masa depan saya.dari awal belajar mengetahui tools sampai bisa membuat desain 2D/3D dan diberikan proyek dari gameLab.Alhamduliliah saya bisa menyelesaikan proyek.untuk GameLab semoga tambah maju kedepannya.

    Fuad Abdul Rohman Syudes

    SMK AS-SALIMIYAH

  • fokus pada kekayaan budaya, keunikan suara, harmonisasi ritme, kemampuan menyentuh emosi, hingga nilai sejarah dan spiritualnya sebagai warisan nusantara. Beberapa contoh kalimat penilaian seperti "Gamelan adalah perpaduan sempurna antara harmoni dan jiwa nusantara" atau "Suara gamelan yang khas begitu menyentuh dan membawa kedamaian" bisa digunakan untuk menggambarkan apresiasi terhadap kesenian ini.

    Ni Luh Putu Desi Puspita Sari

    SMKN 1 TABANAN

  • "Kelas Program 4C: Mengembangkan Pola Pikir Kritis sangat bermanfaat. Materinya jelas, mudah dipahami, dan aplikatif. Membantu meningkatkan kemampuan berpikir kritis dalam kehidupan sehari-hari maupun pekerjaan. Sangat direkomendasikan untuk teman dan rekan kerja."

    Reza Ramadhani

    SMKN 1 LAIS

  • Materi yang sangat mudah dipahami dan juga terdapat tambahan gambar di dalam materi sehingga tidak cepat bosan dengan materi yang telah disampaikan 😍😍 Terima kasih kepada pihak Gamelab atas kesempatan berharga yang telah di berikan kepada kami 🫶🏻🫶🏻

    Nuraini Berlina Lystiani

    SMKN 1 NGANJUK

  • Dari sya gamelab sangat bagus dan sangat baik ,sya juga mau mempertahankan kelas ini agar sya lebih tauh tentang gamelab tersebut dan bisa bangun karakter sya kedepannya lebih baik lagi.

    Merlin Ermita Missa

    SMKN 1 KUPANG

  • Kelas Gamelab sangat membantu saya dalam proses pembelajaran saya.Saya sangat berterimakasih kepada Gamelab Indonesia karena membantu saya untuk memahami kode kode HTML dan juga CSS.

    Verlandho Dwi Saputra

    SMK NEGERI 1 SUDIMORO

  • Modul ini sangat bermanfaat, terutama yang ingin belajar tentang cara membuat game.Tapi, mungkin akan lebih mudah jika mengetahui dasar dari javascript yang murni

    Maulana Zulkifli Nugroho

    SMK Muhammadiyah 4 Boyolali

Silabus Kelas
Mengapa FIGMA?
1

Mengapa FIGMA?
Registrasi dan Login
2

Registrasi dan Login
Membuat Proyek Baru
3

Membuat Proyek Baru
Membuat Halaman dan Frame
4

Membuat Halaman dan Frame
Mengenal Antarmuka Figma
5

Mengenal Antarmuka Figma
Persiapan Proyek Baru
6

Persiapan Proyek Baru
Mengundang Anggota Tim ke Proyek
7

Mengundang Anggota Tim ke Proyek
Memasukkan Gambar
8

Memasukkan Gambar
Menambahkan Shape
9

Menambahkan Shape
Menambahkan Teks
10

Menambahkan Teks
Membuat Panel (Card)
11

Membuat Panel (Card)
Membuat Tombol (Button)
12

Membuat Tombol (Button)
Menambahkan Plugin
13

Menambahkan Plugin
Persiapan Proyek Baru
14

Persiapan Proyek Baru
Membuat Wireframe OnBoarding
15

Membuat Wireframe OnBoarding
Membuat Wireframe Login
16

Membuat Wireframe Login
Membuat Wireframe Registrasi
17

Membuat Wireframe Registrasi
Membuat Wireframe Home
18

Membuat Wireframe Home
Membuat Wireframe Kelas
19

Membuat Wireframe Kelas
Membuat Wireframe Event
20

Membuat Wireframe Event
Membuat Wireframe Akun
21

Membuat Wireframe Akun
Merancang Halaman OnBoarding
22

Merancang Halaman OnBoarding
Merancang Halaman Login
23

Merancang Halaman Login
Merancang Halaman Registrasi
24

Merancang Halaman Registrasi
Merancang Halaman Home
25

Merancang Halaman Home
Merancang Halaman Kelas
26

Merancang Halaman Kelas
Merancang Halaman Event
27

Merancang Halaman Event
Merancang Halaman Akun
28

Merancang Halaman Akun
Mengenal Prototyping
29

Mengenal Prototyping
Mengenal Interaction dan Animation
30

Mengenal Interaction dan Animation
Menambahkan Interaksi dan Animasi
31

Menambahkan Interaksi dan Animasi
Menambahkan Overflow Behavior
32

Menambahkan Overflow Behavior
Menjalankan Prototype
33

Menjalankan Prototype
Dengan siapa kamu akan belajar?
Andi Taru,

Educa Studio

Tri Asih Munaji

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.