COMPLEX PROTOTYPES EĞİTİMİ

Gerçek ürün gibi davranan prototipler kurun

Değişken, koşullu mantık, etkileşimli bileşen ve akıllı animasyonla yüksek sadakatli prototip

Complex Prototypes Eğitimi, statik ekran bağlamanın ötesine geçerek Figma'da gerçek ürün gibi davranan yüksek sadakatli prototipler kurmayı öğretir.

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Gelişmiş bileşenden değişken ve koşullu mantığa, akıllı animasyondan test ve devre akış

Complex Prototypes Eğitimi, statik ekran bağlamanın ötesine geçerek gerçek ürün gibi davranan yüksek sadakatli prototipler kurmayı öğretir. Katılımcılar varyantlar, otomatik yerleşim ve etkileşimli bileşenlerle yeniden kullanılabilir bir sistem kurar. Değişkenler, koşullu mantık ve ifadelerle durum yönetimi ve veri taklidi işlenir. Program akıllı animasyon, mikro etkileşim, kullanıcı testi ve prototipin geliştirmeye devredilmesiyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; tek bir uygulama akışı gerçek gibi davranan ileri bir prototipe dönüştürülür.

Seviye

Orta Seviye — Figma'da değişken, koşullu mantık ve etkileşimli bileşenlerle gerçekçi prototipler kurma

Öğrenme Metodu

Her teknik Figma'da canlı prototip üzerinde uygulanır; bileşen, değişken ve etkileşimler atölyede adım adım kurulur.

Neden Bu Eğitim?

🧩Yeniden kullanılabilir sistem

Varyant ve etkileşimli bileşenlerle bir kez kurduğunuz öğeleri tüm prototipte yeniden kullanır, tutarlı ve hızlı çalışırsınız.

🔀Gerçekçi davranış

Değişkenler ve koşullu mantıkla prototipi gerçek veriye ve kullanıcı girdisine tepki veren, ürün gibi davranan bir deneyime çevirirsiniz.

🎬İkna edici akış

Akıllı animasyon ve mikro etkileşimlerle geçişleri yumuşatır, paydaş ve kullanıcıyı ikna eden akıcı prototipler sunarsınız.

Anahtar Konular

figma eğitimiprototip eğitimiileri figma prototiplemeetkileşimli bileşen eğitimifigma değişkenlerux prototip kursuyüksek sadakatli prototipkoşullu mantık prototiptasarım sistemi eğitimiürün tasarımı eğitimi
“Bir prototip ne kadar gerçekçi davranırsa, test o kadar dürüst, karar o kadar isabetli olur; bu eğitim prototipi gerçeğe yaklaştırır.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam

1
Figma temeli

Figma'da çerçeve, katman ve temel bileşen oluşturmaya aşinalık, ileri prototip konularının oturmasına yardımcı olur.

2
Temel prototipleme

Ekranları bağlama ve basit tıklama etkileşimi kurma deneyimi, değişken ve koşullu mantığa geçişi kolaylaştırır.

3
Tasarım dosyası

Üzerinde çalışabileceğiniz hazır bir arayüz ekranı seti, ileri etkileşimlere odaklanmanızı sağlar.

4
Figma hesabı

Güncel bir Figma hesabı ve tarayıcı veya masaüstü uygulaması, tüm uygulamalı çalışmalar için gereklidir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı varyantlarla durumları tek bileşende toplar, otomatik yerleşimle esnek yapılar kurar ve etkileşimli bileşenlerle davranışı bileşen düzeyinde tanımlar.
Modül 1
Varyant ve Bileşen Özellikleri
  • Varyantlarla durumları tek bileşende toplama
  • Boolean, metin ve örnek değiş-tokuş özelliği
  • Özellik adlandırma ve düzenli yapı kurma
  • İç içe örneklerde özelliği dışa açma
  • Varyant matrisi ve kombinasyon yönetimi
  • Bileşen açıklaması ve kullanım notu
Modül 2
Otomatik Yerleşim Derinliği
  • Yön, boşluk ve dolgu ile esnek düzen
  • Sarma davranışı ve çok satırlı yerleşim
  • Kaplama: dolgu, sabit ve içeriğe sığdır
  • İç içe otomatik yerleşim hiyerarşisi
  • Mutlak konum ile yerleşim dışına çıkma
  • Minimum ve maksimum genişlik kuralları
Modül 3
Etkileşimli Bileşenler
  • Bileşen içinde durum geçişleri tanımlama
  • Üzerine gelme ve basılı tutma tepkileri
  • Değiştir eyleminle varyantlar arası geçiş
  • Anahtar, onay kutusu ve açılır menü davranışı
  • Etkileşimi bileşene gömmenin avantajı
  • Örneklerde davranışın tutarlı kalması
Modül 4
Tasarım Sistemi Hazırlığı
  • Yayınlanan kütüphane ve bileşen dağıtımı
  • Renk, tipografi ve efekt stilleri
  • Değişkenlerle token tabanlı stil kurma
  • Bileşen güncellemesini örneklere yayma
  • Kütüphane sürümleme ve değişiklik takibi
  • Katkı ve adlandırma kurallarını belgeleme
Günün hedefiKatılımcı değişkenlerle durum ve veriyi yönetir, koşullu mantık ve ifadelerle prototipi girdilere tepki veren akıllı bir deneyime dönüştürür ve veri taklidi kurar.
Modül 1
Değişkenlerle Çalışma
  • Renk, sayı, metin ve boolean değişkenleri
  • Değişken koleksiyonları ve kapsam yönetimi
  • Mod ile tema ve dil değişimi kurma
  • Değişkeni bileşen özelliğine bağlama
  • Token mantığıyla tutarlı değer yönetimi
  • Değişken yeniden adlandırma ve düzen
Modül 2
Durum Yönetimi Teknikleri
  • Prototip durumunu değişkende saklama
  • Değişken ayarla eylemiyle durumu güncelleme
  • Sepet, sayaç ve form durumu örnekleri
  • Ekranlar arasında durumu koruma
  • Oturum açık ve kapalı akışı kurgulama
  • Durum sıfırlama ve başlangıç değeri
Modül 3
Koşullu Mantık ve İfadeler
  • Koşullu eylemle dallanan akış kurma
  • Eğer ve değilse mantığıyla tepki tasarımı
  • Karşılaştırma ve mantıksal operatörler
  • İfadelerle metin ve sayı hesaplama
  • Girdi doğrulama ve hata durumu kurgusu
  • Koşulları sade ve okunur tutma
Modül 4
Veri Taklidi ve Dinamik İçerik
  • Metin değişkeniyle dinamik içerik gösterme
  • Liste ve kart içeriğini değişkenle besleme
  • Arama ve filtre davranışını taklit etme
  • Koşullu görünürlükle içerik değişimi
  • Gerçekçi veri setiyle prototip zenginleştirme
  • Kenar durumlarını veriyle sınama
Günün hedefiKatılımcı akıllı animasyon ve mikro etkileşimlerle akışı canlandırır, prototiple kullanıcı testi yürütür ve prototipi dokümantasyonla geliştirme ekibine devreder.
Modül 1
Akıllı Animasyon
  • Akıllı animasyonla eşleşen katman geçişi
  • Yaylanma ve yumuşatma eğrisi seçimi
  • Süre ve gecikme ile ritim kurma
  • Sayfa geçişi ve kaydırma animasyonu
  • Gereğinden fazla hareketten kaçınma
  • Hareket azaltma tercihine saygı
Modül 2
Mikro Etkileşim ve Geri Bildirim
  • Buton ve giriş alanı durum geri bildirimi
  • Yükleniyor, başarı ve hata durumu geçişi
  • Üzerine gelme ve odak ipuçları
  • Sürükle, çek ve kaydır etkileşimleri
  • Boş durumları canlandırmayla yumuşatma
  • Mikro etkileşimle algılanan hızı artırma
Modül 3
Prototiple Kullanıcı Testi
  • Test senaryosu ve görev tasarımı
  • Paylaşım, izin ve sunum modu ayarı
  • Yönetimli ve uzaktan test yürütme
  • Prototip üzerinden gözlem ve kayıt
  • Yüksek sadakatin test sonucuna etkisi
  • Bulgulara göre prototipi yineleme
Modül 4
Geliştirmeye Devir
  • İnceleme modu ve ölçü, aralık, renk bilgisi
  • Değişken ve token'ları koda eşleme
  • Bileşen durumlarını açıklamayla belgeleme
  • Etkileşim ve akış notlarını paylaşma
  • Tasarımcı ve geliştirici el değiştirme ritmi
  • Sürüm ve değişiklik kaydını iletme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Varyant sistemi

Varyantlar ve bileşen özellikleriyle tüm durumları tek bileşende toplar, düzenli ve yeniden kullanılabilir bir bileşen kütüphanesi kurarsınız.

✅
Otomatik yerleşim

Otomatik yerleşimi iç içe ve kaplama kurallarıyla derinlemesine kullanarak içeriğe esnek tepki veren yapılar tasarlarsınız.

✅
Etkileşimli bileşenler

Durum geçişlerini bileşene gömerek üzerine gelme, değiştir ve basılı tutma davranışlarını örnekler arası tutarlı biçimde kurarsınız.

✅
Değişkenler

Renk, sayı, metin ve boolean değişkenleriyle tema, durum ve veriyi yönetir, token mantığıyla tutarlı değer sistemleri oluşturursunuz.

✅
Durum ve koşul

Değişken ayarla ve koşullu eylemlerle sepet, form ve sayaç gibi durumları yönetir, girdilere tepki veren dallanan akışlar kurarsınız.

✅
Veri taklidi

İfadeler ve dinamik içerikle arama, filtre ve liste davranışını taklit eder, gerçekçi veriyle kenar durumlarını sınarsınız.

✅
Animasyon

Akıllı animasyon ve mikro etkileşimlerle geçişleri canlandırır, hareket azaltma tercihine saygılı akıcı ve ikna edici akışlar üretirsiniz.

✅
Test ve devir

Yüksek sadakatli prototiple kullanıcı testi yürütür, inceleme modu ve dokümantasyonla tasarımı geliştirme ekibine sağlıklı devredersiniz.

Kimler İçin Uygundur?

  • Statik prototipin ötesine geçmek isteyen UX ve ürün tasarımcıları
  • etkileşimli bileşen sistemleri kurmak isteyen arayüz tasarımcıları
  • gerçekçi prototiplerle test yapmak isteyen ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Statik prototipin ötesine geçmek isteyen UX ve ürün tasarımcıları, etkileşimli bileşen sistemleri kurmak isteyen arayüz tasarımcıları ve gerçekçi prototiplerle test yapmak isteyen ekipler için uygundur. Figma'da temel bileşen ve basit prototipleme deneyimi beklenir.
Temel prototip eğitiminden farkı nedir?
Temel eğitimler ekranları bağlamaya ve basit tıklama akışına odaklanır. Bu eğitim ise değişkenler, koşullu mantık, ifadeler ve etkileşimli bileşenlerle prototipi gerçek veriye ve kullanıcı girdisine tepki veren, ürün gibi davranan bir deneyime dönüştürmeyi öğretir.
Hangi araç ve sürümle çalışılır?
Eğitim güncel Figma ile yürütülür; değişkenler, koşullu eylemler ve etkileşimli bileşenler gibi ileri prototip özellikleri kullanılır. Tarayıcı veya masaüstü uygulaması yeterlidir; çalışmalar paylaşılabilir prototip bağlantılarıyla test edilir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Tek bir uygulama akışı gerçek gibi davranan ileri bir prototipe dönüştürülür. Yüz yüze veya online yapılabilir; içerik kurumun ürün ve tasarım sistemine göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve atölyede geliştirilen ileri prototipi belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Complex Prototypes Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

UX/UI TasarımıUser Experience Design (UX)/User Interface Design (UI) Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

User Experience Design (UX)/User Interface Design (UI) Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

UX sürecini ve UI zanaatını ayırarak etkileşim tasarımı, mikro etkileşim ve görsel tasarım sistemi kurmayı öğreten kapsamlı UX ve UI eğitimi.

Detayları Gör →
UX/UI TasarımıUser Experience Fundamentals Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

User Experience Fundamentals Eğitimi

3 günTemelOnline / Yüz Yüze / Hibrit

Kullanıcı araştırmasından bilgi mimarisine, wireframe'den kullanılabilirlik testine UX'in temellerini sıfırdan öğreten uygulamalı giriş eğitimi.

Detayları Gör →
UX/UI TasarımıUX / UI Tasarım Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UX / UI Tasarım Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Kullanıcı araştırması, bilgi mimarisi, Figma prototip ve tasarım sistemiyle uçtan uca UX ve UI tasarımı öğreten uygulamalı tasarım eğitimi.

Detayları Gör →
UX/UI TasarımıUX Tasarımı ve Kullanılabilirlik Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UX Tasarımı ve Kullanılabilirlik Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Nielsen buluşsal ilkeleri, kullanılabilirlik testi ve WCAG erişilebilirliğiyle kullanılabilir ve kapsayıcı arayüzler kurmayı öğreten UX eğitimi.

Detayları Gör →
UX/UI TasarımıWearable Technology & UI/UX Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Wearable Technology & UI/UX Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Akıllı saat ve giyilebilir cihazlar için küçük ekran, bakışta okunur arayüz, Wear OS ve watchOS kılavuzlarıyla UI/UX tasarımını öğreten eğitim.

Detayları Gör →
UX/UI TasarımıWeb UX & Metaverse Design Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Web UX & Metaverse Design Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Web UX ilkelerinden mekânsal arayüze, VR ve AR etkileşiminden WebXR deneyimine metaverse tasarımını öğreten orta seviye uygulamalı eğitim.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn