Akses kelas selamanya

Ambil Promo
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

(50.6K)

Our Happy Students

Review setelah bergabung di kelas UI Vector Illustration Design

All Rating
Leonardus Yoris at BuildWithAngga
Leonardus Yoris

Full-Stack Developer

Kelas dengan Mentor yang luar biasa.. Menjelaskan dari 0 sampai selesai.. jadi buat yang benar benar baru belajar jangan takut tidak bisa... karena dibimbing dari awal sama Mentornya.. read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Yogi at BuildWithAngga
Muhammad Yogi

Full-Stack Developer

Kelas nya sangat menarik dan mudah untuk di pahamkan read more

ic-star ic-star ic-star ic-star ic-star
Ashri Herdani at BuildWithAngga
Ashri Herdani

UI Designer

Penjelasan baik dan keren read more

ic-star ic-star ic-star ic-star ic-star
Mantra at BuildWithAngga
Mantra

Illustration Designer

Mudah dipahami, penjelasan nya mudah dimengerti. Terimakasih atas ilmunya. read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Fachriza Noor at BuildWithAngga
Muhammad Fachriza Noor

Illustration Designer

penjelasan teliti dan mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Khairuman at BuildWithAngga
Khairuman

Illustration Designer

Materi sangat mudah dipahami, niceee 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
Leonardus Yoris at BuildWithAngga
Leonardus Yoris

Full-Stack Developer

Kelas dengan Mentor yang luar biasa.. Menjelaskan dari 0 sampai selesai.. jadi buat yang benar benar baru belajar jangan takut tidak bisa... karena dibimbing dari awal sama Mentornya..

ic-star ic-star ic-star ic-star ic-star
Muhammad Yogi at BuildWithAngga
Muhammad Yogi

Full-Stack Developer

Kelas nya sangat menarik dan mudah untuk di pahamkan

ic-star ic-star ic-star ic-star ic-star
Ashri Herdani at BuildWithAngga
Ashri Herdani

UI Designer

Penjelasan baik dan keren

ic-star ic-star ic-star ic-star ic-star
Mantra at BuildWithAngga
Mantra

Illustration Designer

Mudah dipahami, penjelasan nya mudah dimengerti. Terimakasih atas ilmunya.

ic-star ic-star ic-star ic-star ic-star
Muhammad Fachriza Noor at BuildWithAngga
Muhammad Fachriza Noor

Illustration Designer

penjelasan teliti dan mudah dipahami

ic-star ic-star ic-star ic-star ic-star
Khairuman at BuildWithAngga
Khairuman

Illustration Designer

Materi sangat mudah dipahami, niceee

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

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.

Rp 390,000

arrow_upward