Semua materi yang tersedia di kurikulum ini.
WFC Internal
css
Gratis
Introduction to UI/UX Design
Learn the design principles that help developers build better interfaces.
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22rgba(255%2C255%2C255%2C0.05)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22blur%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%2248%22%20%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%221200%22%20height%3D%22720%22%20rx%3D%2248%22%20fill%3D%22url(%23bg)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%221010%22%20cy%3D%22120%22%20r%3D%22160%22%20fill%3D%22%2338bdf8%22%20opacity%3D%220.28%22%20filter%3D%22url(%23blur)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22220%22%20cy%3D%22640%22%20r%3D%22180%22%20fill%3D%22%230ea5e9%22%20opacity%3D%220.18%22%20filter%3D%22url(%23blur)%22%20%2F%3E%0A%20%20%3Crect%20x%3D%2256%22%20y%3D%2252%22%20width%3D%221088%22%20height%3D%22616%22%20rx%3D%2238%22%20fill%3D%22url(%23panel)%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.14)%22%20%2F%3E%0A%20%20%3Crect%20x%3D%2284%22%20y%3D%2284%22%20width%3D%22168%22%20height%3D%22168%22%20rx%3D%2234%22%20fill%3D%22%23e0f2fe%22%20opacity%3D%220.96%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%22168%22%20y%3D%22186%22%20text-anchor%3D%22middle%22%20font-family%3D%22Poppins%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2264%22%20font-weight%3D%22700%22%20fill%3D%22%230ea5e9%22%3ECSS%3C%2Ftext%3E%0A%20%20%3Crect%20x%3D%2284%22%20y%3D%22286%22%20width%3D%22190%22%20height%3D%2242%22%20rx%3D%2221%22%20fill%3D%22rgba(255%2C255%2C255%2C0.14)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%22108%22%20y%3D%22313%22%20font-family%3D%22Poppins%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2218%22%20font-weight%3D%22600%22%20fill%3D%22%23f8f7ff%22%3EWFC%20CURATED%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2284%22%20y%3D%22388%22%20font-family%3D%22Poppins%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2264%22%20font-weight%3D%22700%22%20fill%3D%22%23ffffff%22%3EIntroduction%20to%20UI%2FUX%20Design%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2284%22%20y%3D%22446%22%20font-family%3D%22Poppins%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2226%22%20font-weight%3D%22500%22%20fill%3D%22rgba(255%2C255%2C255%2C0.78)%22%3Ecss%3C%2Ftext%3E%0A%20%20%3Crect%20x%3D%2284%22%20y%3D%22504%22%20width%3D%22250%22%20height%3D%2258%22%20rx%3D%2229%22%20fill%3D%22rgba(255%2C255%2C255%2C0.12)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%22114%22%20y%3D%22541%22%20font-family%3D%22Poppins%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2224%22%20font-weight%3D%22600%22%20fill%3D%22%23ffffff%22%3EWFC%20Course%3C%2Ftext%3E%0A%20%20%3Cg%20transform%3D%22translate(930%2C%20488)%22%3E%0A%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22168%22%20height%3D%22132%22%20rx%3D%2228%22%20fill%3D%22rgba(255%2C255%2C255%2C0.12)%22%20%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%2088h88%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%2212%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.78%22%20%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%2064h58%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%2212%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.52%22%20%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M40%2040h88%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%2212%22%20stroke-linecap%3D%22round%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E)
Kurikulum internal
Materi, practice, quiz, dan lab disusun agar selesai langsung di dalam WFC.
Latihan langsung untuk mengasah pemahaman.
Kombinasi evaluasi cepat dan praktik terstruktur.
Overview
Tentang kursus ini
Learn the design principles that help developers build better interfaces.
- Level: beginner
- Topik: css
- Estimasi jam: 2
- Total sesi: 5
- Total item kurikulum: 23
Curriculum
36 item
Materi dan sesi belajar
Sesi
User Interface Design Fundamentals
Materi Bacaan
Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.
1
What Are Common Design Terms to Help You Communicate with Designers?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
2
How Do You Create Good Background and Foreground Contrast in Your Designs?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
3
What Is the Importance of Good Visual Hierarchy in Design?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
4
How Does Scale Work in Design?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
5
How Does Alignment Work in Design?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
6
What Is the Importance of Whitespace in Design?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
7
What Are Best Practices for Working with Images in Your Designs?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
8
What Is Progressive Enhancement?
MateriUser Interface Design Fundamentals
Baca
Setelah ini
Mulai Aktivitas
Aktivitas Terpisah
Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.
9
User Interface Design Fundamentals Section Quiz 1
QuizUser Interface Design Fundamentals
Kerjakan
10
User Interface Design Fundamentals Section Quiz 2
QuizUser Interface Design Fundamentals
Kerjakan
11
User Interface Design Fundamentals Checkpoint Quiz
QuizUser Interface Design Fundamentals
Kerjakan
Sesi
User-Centered Design
Materi Bacaan
Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.
12
What Is User-Centered Design?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
13
What Are User Requirements, User Research, and Testing?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
14
What Are Best Practices for Designing a Dark Mode Feature?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
15
What Are Best Practices for Designing Breadcrumbs?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
16
What Are Best Practices for Designing Cards?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
17
What Are Best Practices for Designing Infinite Scrolls?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
18
What Are Best Practices for Designing Modal Dialogs?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
19
What Are Best Practices for Progress Indication on Forms, Registration, and Setup?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
20
What Are Best Practices for Designing Shopping Carts?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
21
What Is Progressive Disclosure?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
22
What Is Deferred and Lazy Registration?
MateriUser-Centered Design
Baca
Setelah ini
Mulai Aktivitas
Aktivitas Terpisah
Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.
Sesi
Common Design Tools
Materi Bacaan
Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.
Aktivitas Terpisah
Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.
Sesi
Design Fundamentals Review
Aktivitas Terpisah
Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.
Sesi
Design Fundamentals Quiz
Aktivitas Terpisah
Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.
Sesi
Evaluasi Akhir
Aktivitas Terpisah
Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.