İçerik

    1. Kurs Hakkında

    2. Genel Bilgilendirme

    3. Road Map

    4. Kurs Materyalleri

    5. Kurs Değerlendirme

    1. UI/UX Kavramlarına Genel Bakış

    2. Figma Nedir, Ne İşe Yarar, Kimler Kullanır, Avantajları Nelerdir?

    3. Figma Kurulumu ve Kullanıcı Hesabı Oluşturma

    4. Figma Arayüzüne Giriş (Çalışma Ekranı)

    5. Figma Tools (Move Tool & Scale Tool)

    6. Figma Tools (Frame Tool & Section Tool)

    7. Figma Tools (Shape Tools)

    8. Figma Tools (Pen Tool)

    9. Figma Tools (Text Tool)

    10. Figma Tools (Comment & Hand Tool)

    11. Aligment ve Boolean Operations

    12. Layers (Katmanlar)

    13. Resim Dosyaları (Vektör ve Bitmap Dosyalar)

    14. Figma'da Resim Dosyalarının Kullanımı

    15. Renk ve Tipografileri Kütüphaneye Ekleme

    16. Pluginler (Eklentiler)_1

    17. Pluginler (Eklentiler)_2

    18. Pluginler (Eklentiler)_3

    19. QUIZ - Figma’ya Giriş

    1. Effects Kullanımı

    2. Layout Grid Kullanımı

    3. Constraints (Kısaltmalar)

    4. Tüm Yönleriyle Auto Layout V4_1

    5. Tüm Yönleriyle Auto Layout V4_2

    6. Auto Layout Örnek Uygulama

    7. Component ve Master Component Oluşturma

    8. E-Bülten Tasarımı_1

    9. E-Bülten Tasarımı_2

    10. Variantlar ve Pattern (Desen) Oluşturma

    11. QUIZ - Temel Figma Özellikleri

    1. Prototype (Prototip) Oluşturma_1

    2. Prototype (Prototip) Oluşturma_2

    3. Prototype (Prototip) Oluşturma_3

    4. Uygulama-Multiple Interaction Tab_1

    5. Uygulama-Multiple Interaction Tab_2

    6. Uygulama-Multiple Interaction Tab_3

    7. One Page (Anchor Link) Tekniği ile Sayfa Oluşturma

    8. Interactive Components_1

    9. Interactive Components_2

    10. Kaydırabilir-Otomatik Carousel_1

    11. Kaydırabilir-Otomatik Carousel_2

    12. Fonksiyonel Dropdown Menü

    13. Landing Page Tasarımı ve Interactive Hover Menü Çalışması

    14. Spinner Loading Animasyonu ile Efektif Buton Çalışması

    15. Liquid Loader Animasyon

    16. Kaydırılabilir Açılır Menü

    17. Collapse Menü

    18. Rotate (Döndürme) Smart Animation_1

    19. Rotate (Döndürme) Smart Animation_2

    20. Animasyonlu Search Box

    21. Efektif Manşet Slider

    22. Animasyonlu Kayıt Formu ve Floating Label_1

    23. Animasyonlu Kayıt Formu ve Floating Label_2

    24. Kaydırılabilir Mail Silme Animasyonu

    25. Pricing Table (Fiyat Tablosu) Design

    26. QUIZ - Prototype ve Interaction

    1. Google E-Tabloların Figma İle Birlikte Kullanımı

    2. Json Formatındaki Dosyaların Figma Componentler İle Kullanımı

    3. Airtable İle Uzak Veritabanından Verileri Figma'ya Aktarma

    4. Variables (Değişkenler) ve Tokens (Jetonlar)_1

    5. Variables (Değişkenler) ve Tokens (Jetonlar)_2

    6. Variables (Değişkenler) ve Tokens (Jetonlar)_3

    7. Advanced Prototype Özelliği (Mantıksal ve Şartlı İfadeler)_1

    8. Advanced Prototype Özelliği (Mantıksal ve Şartlı İfadeler)_2

    9. QUIZ - Dinamik Olarak Verilerin Figma’da Kullanımı

    1. Design System Nedir?, Ne İşe Yarar?

    2. Atomic Design System

    3. Atomic Design System'a Uygun UI Elemanları Oluşturma_1

    4. Atomic Design System'a Uygun UI Elemanları Oluşturma_2

    5. Grid System

    6. Butonlar ve Özellikleri

    7. Inputlar ve Özellikleri

    8. İkonlar ve Özellikleri

    9. Spacing (Boşluklar)

    10. Tipografi

    11. QUIZ - Design System'a Giriş

UI/UX Design with Figma

  • $149.00
  • 101 ders
  • 12 saat video içeriği