Ölçeklenebilir tasarım sistemleri kurun
UI/UX: Tasarım Sistemleri (İleri Düzey) Eğitimi, büyüyen ürün ve ekiplerde tutarlılığı ölçeklendiren bir tasarım sistemini uçtan uca kurmayı öğretir.
Tasarım sistemi mimarisinden token'lara, Figma kütüphanesinden Storybook ve yönetişime
UI/UX Tasarım Sistemleri Eğitimi, büyüyen ürün ve ekiplerde tutarlılığı ölçeklendiren bir tasarım sistemini uçtan uca kurmayı öğretir. Katılımcılar Atomic Design metodolojisini, tasarım ilkeleri ile yönetişimi ve design token mimarisini öğrenir. Figma'da bileşen kütüphanesi, variant, Variables ile token yönetimi, tema ve mod ölçekleme işlenir. Program; Storybook ile dokümantasyon, tasarım-kod senkronizasyonu, versiyonlama ve benimsetmeyle tamamlanır. İleri düzey programdır.
3 Gün. Her gün dört modül; sıfırdan bir tasarım sistemi token'dan Storybook dokümantasyonuna kurulur.
Orta-İleri Seviye — design token, bileşen kütüphanesi ve Storybook ile ölçeklenebilir tasarım sistemi kurma
Her modül gerçek bir tasarım sistemi üzerinde uygulanır; token, bileşen ve dokümantasyon adım adım üretilir ve senkronize edilir.
Atomic Design ve token mimarisiyle ürün büyüdükçe dağılmayan, tutarlı ve sürdürülebilir bir tasarım temeli kurarsınız.
Figma Variables ve Storybook ile tasarım ile kodu aynı kaynaktan besleyerek iki taraf arasındaki kopukluğu ortadan kaldırırsınız.
Hazır bileşen kütüphanesiyle ekibin daha hızlı, daha tutarlı ve daha az tekrar ederek ürün geliştirmesini sağlarsınız.
Eğitimden verim almak için gereken bilgi ve ortam
Bileşen, stil ve düzen kavramlarına hâkimiyet beklenir; bu ileri düzey program temelden başlamaz.
Component, variant ve Auto Layout kullanabilmek gereklidir; token yönetimi bunların üzerine kurulur.
HTML, CSS ve bileşen mantığına dair temel farkındalık, kod senkronizasyonu modüllerinde faydalıdır.
Güncel bir Figma hesabı ve Storybook örneklerini inceleyebilecek bir tarayıcı gereklidir.
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.
Program sonunda katılımcılar:
Atomic Design ve token mimarisiyle ürün büyüdükçe dağılmayan, ölçeklenebilir bir tasarım sistemi kurarsınız.
Global, alias ve semantik token katmanlarıyla tasarım kararlarını yeniden kullanılabilir biçimde kodlar ve yönetirsiniz.
Figma'da variant ve property içeren, yayınlanan ve sürümlenen bir bileşen kütüphanesi oluşturursunuz.
Figma Variables ile token'ları tanımlar, bileşenlere bağlar ve güncellemeleri tüm sisteme tutarlı biçimde yayarsınız.
Mod ve çoklu marka token katmanlarıyla açık-koyu tema ve farklı markaları aynı sistemde ölçeklendirirsiniz.
Storybook ile bileşenleri story, controls ve kullanım örnekleriyle belgeler, canlı dokümantasyon sunarsınız.
Style Dictionary ve token aktarımıyla tasarım ile kodu tek kaynaktan besleyerek drift sorununu önlersiniz.
Versiyonlama, katkı süreci ve benimseme stratejileriyle tasarım sistemini canlı ve sürdürülebilir tutarsınız.
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.
Test planlama, moderasyonlu ve uzaktan test, SUS metrikleri ve kültürlerarası uyarlamayı kapsayan uygulamalı kullanılabilirlik testi eğitimi.
Detayları Gör →
Çok cihazlı akışlar, ekransız etkileşim, sensör verisi görselleştirme ve güven tasarımıyla bağlı cihaz deneyimi kurmayı öğreten IoT UI/UX eğitimi.
Detayları Gör →
Problemleri insanı merkeze alarak çözmeyi tasarım geçmişi olmayan herkese tanıtan, uygulamalı ve başlangıç seviyesi Design Thinking giriş eğitimi.
Detayları Gör →
UX ve UI farkından Figma ile ilk tasarıma kadar kullanıcı deneyimi ve arayüz tasarımını sıfırdan öğreten başlangıç seviyesi UI/UX giriş eğitimi.
Detayları Gör →
Kullanıcı araştırması, persona, bilgi mimarisi, wireframe, prototip, kullanılabilirlik testi ve WCAG erişilebilirlikle uçtan uca uygulamalı UX tasarımı eğitimi.
Detayları Gör →
Auto layout, bileşen ve varyant, değişkenler, tasarım sistemi, prototip, FigJam ve Dev Mode ile uçtan uca uygulamalı Figma UX/UI tasarım eğitimi.
Detayları Gör →