flash sale
hamburger-menu

Kelas Online
UI Vector Illustration Design

Learn how to build a real project from scratch

icon global
Release date January 2020
icon convert
Last updated November 2023
Member

676 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Flat ilustrasi atau dikenal juga sebagai ilustrasi datar, merupakan gaya ilustrasi yang menggunakan pendekatan minimalis dan sederhana dalam menggambarkan objek atau karakter. Dalam flat ilustrasi, objek-objek dihadirkan dengan menggunakan warna-warna cerah dan solid, tanpa bayangan, gradasi, atau efek tiga dimensi. Ciri khas dari flat ilustrasi adalah penggunaan garis yang tegas dan sederhana, serta warna-warna yang cerah dan kontras. Flat ilustrasi populer dalam desain grafis, pembuatan ikon, User interface (UI), dan animasi. Kelebihan dari flat ilustrasi adalah kesederhanaan dan kemudahan pemahaman visual. Dengan menghilangkan detail-detail yang rumit, flat ilustrasi memudahkan penonton untuk langsung fokus pada pesan yang ingin disampaikan.

Dalam beberapa tahun terakhir, flat ilustrasi telah menjadi tren yang populer dalam desain digital. Banyak perusahaan teknologi, media sosial, dan aplikasi menggunakan flat ilustrasi dalam branding mereka untuk menciptakan identitas yang konsisten dan mudah dikenali. Dalam aplikasi, flat ilustrasi sering digunakan untuk memvisualisasikan proses, menggambarkan fitur-fitur produk, atau memberikan petunjuk penggunaan.

Pada kelas ini kita akan belajar membuat flat ilustrasi yang dapat diimplementasikan pada Desain User Interface (UI) sebuah aplikasi. Proses ini dapat dibagi menjadi empat bagian penting yang akan kita eksplorasi secara mendalam yaitu ideation, menggambar sketsa, mengubah sketsa ke vector, dan menambahkan effect pada ilustrasi. Pertama, kita akan memulai dengan tahap ideation, di mana kita akan mengembangkan ide-ide kreatif dan konsep untuk ilustrasi yang akan dibuat. Selanjutnya adalah menggambar sketsa yang berguna untuk memberikan panduan visual awal dan membantu dalam memperjelas konsep ilustrasi yang akan dihasilkan.

Setelah sketsa selesai, selanjutnya kita akan mengubah sketsa tersebut ke dalam format vektor. Kita juga akan menggunakan software desain vektor seperti Adobe Illustrator , in vision app dan figma. Tahap terakhir adalah menambahkan efek pada ilustrasi untuk memberikan dimensi. Selain itu, dalam kelas ini juga akan disertakan materi tambahan tentang vector portrait, di mana kita akan belajar bagaimana mengubah foto menjadi ilustrasi yang menarik.

Melalui kelas ini, kita akan mendapatkan pemahaman yang mendalam tentang proses kreatif dan teknis dalam menciptakan flat ilustrasi yang cocok untuk implementasi dalam Desain User Interface (UI) aplikasi. Dengan mempelajari setiap tahap dengan cermat, kita akan mampu menghasilkan ilustrasi yang menarik, estetis, serta menciptakan User Experience yang menyenangkan dan informatif. Tunggu apalagi? Jangan lewatkan kesempatan untuk belajar bersama kami di kelas ini, ayo bergabung dengan kami sekarang!

Sneak Peek

Key Points

icon_check

Belajar membuat Moodboard untuk pengumpulan Ide

icon_check

Belajar menggambar Sketsa Ilustrasi untuk memperjelas konsep ilustrasi yang akan dihasilkan

icon_check

Belajar membuat Vector Portrait untuk mengasah kemampuan visual

icon_check

Belajar mendesain tampilan UI Onboarding suatu aplikasi

icon_check

Belajar mengubah gambar Sketsa menjadi Ilustrasi Digital

Designed For

icon_check

Cocok untuk pemula di bidang design

icon_check

Cocok untuk UI Designer yang sekaligus ingin belajar Ilustrasi

icon_check

Cocok untuk yang ingin mempelajari alur pembuatan ilustrasi

Course Lessons

Learn With Expert

Mentor Dhimas Prio

Dhimas Prio

Product Designer

ic-star ic-star ic-star ic-star ic-star

(49K)

Our Happy Students

Review setelah bergabung di kelas UI Vector Illustration Design

All Rating
RAHMAD TAUFIQ at BuildWithAngga
RAHMAD TAUFIQ

Full-Stack Developer

Sangat membantu read more

ic-star ic-star ic-star ic-star ic-star
Oki setya budi at BuildWithAngga
Oki setya budi

UI Designer

penjelasan mudah di pahami read more

ic-star ic-star ic-star ic-star ic-star
Semuel Yacobus Padang at BuildWithAngga
Semuel Yacobus Padang

Full-Stack Developer

Terimakasihbanyak ilmunya read more

ic-star ic-star ic-star ic-star ic-star
Achiruddin Islami at BuildWithAngga
Achiruddin Islami

Full-Stack Developer

pembelajaran mudah difahami. read more

ic-star ic-star ic-star ic-star ic-star
Afidlu Jihan Ulya at BuildWithAngga
Afidlu Jihan Ulya

Full-Stack Developer

makasih bang Dimas udah share ilmunya, doakan semoga bermanfaat read more

ic-star ic-star ic-star ic-star ic-star
Sigit Priyo Hartanto at BuildWithAngga
Sigit Priyo Hartanto

Full-Stack Developer

Manteb Banget Ilmunye ..om Sifu master read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Featured Projects

6 Hasil karya terbaik di kelas UI Vector Illustration Design

 member of BuildWithAngga

irvansyhptra3

 member of BuildWithAngga

leonardusyoris12

 member of BuildWithAngga

anggacamata

 member of BuildWithAngga

ariessukamto10

 member of BuildWithAngga

meikaervin105

 member of BuildWithAngga

cdwiangelina

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 390,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas UI Vector Illustration Design Foto kelas UI Vector Illustration Design Foto kelas UI Vector Illustration Design Foto kelas UI Vector Illustration Design

UI Vector Illustration Design

Learn how to build a real project from scratch

  • lock
    Referensi Style dan Warna
    4 minutes
  • play
  • lock
    Membuat Tampilan UI dengan Figma
    6 minutes

  • play
  • play
  • lock
    Latihan Sketsa Referensi Foto part1
    6 minutes
  • lock
    Latihan Sketsa Referensi Foto part2
    5 minutes
  • lock
    Menggambar Sketsa Ilustrasi 1
    11 minutes
  • lock
    Menggambar Sketsa Ilustrasi 2
    12 minutes
  • lock
    Menggambar Sketsa Ilustrasi 3
    8 minutes
  • lock
    Pengumuman
    1 minutes

  • lock
    Penjelasan Pen Tool
    6 minutes
  • lock
    Penjelasan Shape Tool
    5 minutes
  • lock
    Penjelasan Gradient
    5 minutes
  • lock
    Penjelasan Management Layer
    7 minutes
  • lock
    Tracing Sketsa 1
    13 minutes
  • lock
    Tracing Sketsa 2
    12 minutes
  • lock
    Tracing Sketsa 3
    8 minutes
  • lock
    Coloring Illustration 1
    10 minutes
  • lock
    Coloring Illustration 2
    12 minutes
  • lock
    Coloring Illustration 3
    7 minutes

  • lock
    Add Effect Noise 1
    14 minutes
  • lock
    Add Effect Noise 2
    10 minutes
  • lock
    Add Effect Noise 3
    9 minutes
  • lock
    Export File Ilustrasi
    5 minutes
  • lock
    Apply Ilustrasi to UI Design
    6 minutes

  • lock
    Proses Line Art
    14 minutes
  • lock
    Coloring Wajah & Rambut
    7 minutes
  • lock
    Penambahan Komponen Wajah
    5 minutes
  • lock
    Coloring Baju
    11 minutes
  • lock
    Finishing ( Add Shadow & Light)
    11 minutes
  • lock
    Export File Design
    4 minutes

  • lock
    Pengenalan Pen Tool
    8 minutes
  • lock
    Penjelasan Shape Tool
    7 minutes
  • lock
    Line Art Ilustrasi 1
    11 minutes
  • lock
    Line Art Ilustrasi 2
    15 minutes
  • lock
    Line Art Ilustrasi 3
    6 minutes
  • lock
    Coloring Ilustrasi 1
    6 minutes
  • lock
    Coloring Ilustrasi 2
    10 minutes
  • lock
    Coloring Ilustrasi 3
    7 minutes
  • lock
    Export File Ilustrasi
    2 minutes
  • lock
    Apply Ilustrasi to UI Design
    6 minutes

  • lock
    Epilogue Kelas BWAVECTOR
    1 minutes

  • lock
    Jenis Rambut Wanita Part 1
    10 minutes
  • lock
    Jenis Rambut Wanita Part 2
    8 minutes
  • lock
    Jenis Rambut Pria
    10 minutes
Develop Your Skills

Flat ilustrasi atau dikenal juga sebagai ilustrasi datar, merupakan gaya ilustrasi yang menggunakan pendekatan minimalis dan sederhana dalam menggambarkan objek atau karakter. Dalam flat ilustrasi, objek-objek dihadirkan dengan menggunakan warna-warna cerah dan solid, tanpa bayangan, gradasi, atau efek tiga dimensi. Ciri khas dari flat ilustrasi adalah penggunaan garis yang tegas dan sederhana, serta warna-warna yang cerah dan kontras. Flat ilustrasi populer dalam desain grafis, pembuatan ikon, User interface (UI), dan animasi. Kelebihan dari flat ilustrasi adalah kesederhanaan dan kemudahan pemahaman visual. Dengan menghilangkan detail-detail yang rumit, flat ilustrasi memudahkan penonton untuk langsung fokus pada pesan yang ingin disampaikan.

Dalam beberapa tahun terakhir, flat ilustrasi telah menjadi tren yang populer dalam desain digital. Banyak perusahaan teknologi, media sosial, dan aplikasi menggunakan flat ilustrasi dalam branding mereka untuk menciptakan identitas yang konsisten dan mudah dikenali. Dalam aplikasi, flat ilustrasi sering digunakan untuk memvisualisasikan proses, menggambarkan fitur-fitur produk, atau memberikan petunjuk penggunaan.

Pada kelas ini kita akan belajar membuat flat ilustrasi yang dapat diimplementasikan pada Desain User Interface (UI) sebuah aplikasi. Proses ini dapat dibagi menjadi empat bagian penting yang akan kita eksplorasi secara mendalam yaitu ideation, menggambar sketsa, mengubah sketsa ke vector, dan menambahkan effect pada ilustrasi. Pertama, kita akan memulai dengan tahap ideation, di mana kita akan mengembangkan ide-ide kreatif dan konsep untuk ilustrasi yang akan dibuat. Selanjutnya adalah menggambar sketsa yang berguna untuk memberikan panduan visual awal dan membantu dalam memperjelas konsep ilustrasi yang akan dihasilkan.

Setelah sketsa selesai, selanjutnya kita akan mengubah sketsa tersebut ke dalam format vektor. Kita juga akan menggunakan software desain vektor seperti Adobe Illustrator , in vision app dan figma. Tahap terakhir adalah menambahkan efek pada ilustrasi untuk memberikan dimensi. Selain itu, dalam kelas ini juga akan disertakan materi tambahan tentang vector portrait, di mana kita akan belajar bagaimana mengubah foto menjadi ilustrasi yang menarik.

Melalui kelas ini, kita akan mendapatkan pemahaman yang mendalam tentang proses kreatif dan teknis dalam menciptakan flat ilustrasi yang cocok untuk implementasi dalam Desain User Interface (UI) aplikasi. Dengan mempelajari setiap tahap dengan cermat, kita akan mampu menghasilkan ilustrasi yang menarik, estetis, serta menciptakan User Experience yang menyenangkan dan informatif. Tunggu apalagi? Jangan lewatkan kesempatan untuk belajar bersama kami di kelas ini, ayo bergabung dengan kami sekarang!

read more
Learn With Expert
Key Points
  • check
    Belajar membuat Moodboard untuk pengumpulan Ide
  • check
    Belajar menggambar Sketsa Ilustrasi untuk memperjelas konsep ilustrasi yang akan dihasilkan
  • check
    Belajar membuat Vector Portrait untuk mengasah kemampuan visual
  • check
    Belajar mendesain tampilan UI Onboarding suatu aplikasi
  • check
    Belajar mengubah gambar Sketsa menjadi Ilustrasi Digital
Created For
  • check
    Cocok untuk pemula di bidang design
  • check
    Cocok untuk UI Designer yang sekaligus ingin belajar Ilustrasi
  • check
    Cocok untuk yang ingin mempelajari alur pembuatan ilustrasi
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
676
Happy Students
labahbalang at BuildWithAngga
labahbalang

Full-Stack Developer

Sangat membantu

ic-star ic-star ic-star ic-star ic-star
oki7z92 at BuildWithAngga
oki7z92

UI Designer

penjelasan mudah di pahami

ic-star ic-star ic-star ic-star ic-star
samyacob2 at BuildWithAngga
samyacob2

Full-Stack Developer

Terimakasihbanyak ilmunya

ic-star ic-star ic-star ic-star ic-star
achirudinislami at BuildWithAngga
achirudinislami

Full-Stack Developer

pembelajaran mudah difahami.

ic-star ic-star ic-star ic-star ic-star
eduulya at BuildWithAngga
eduulya

Full-Stack Developer

makasih bang Dimas udah share ilmunya, doakan semoga bermanfaat

ic-star ic-star ic-star ic-star ic-star
sigith8 at BuildWithAngga
sigith8

Full-Stack Developer

Manteb Banget Ilmunye ..om Sifu master

ic-star ic-star ic-star ic-star ic-star
loader

Rp 390,000

arrow_upward