-
Derece türü: Sertifika "HTML, CSS ve Visual Studio Code ile Web Tasarımı"
Sertifika "UI/UX Tasarımı"
Sertifika "İleri Düzey UI Tasarımı" -
Final Sınavı: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
-
Ders saatleri: Tam zamanlıPazartesi'den Cuma'ya 8:30 - 15:35 (resmi tatil olan haftalarda 8:30 - 17:10)
-
Eğitim dili: Alman
-
Süre: 14 Haftalar
Web tasarımı (HTML/CSS/Visual Studio kodu)
HTML ve CSS (yaklaşık 6 gün)
HTML giriş
Temel çerçeve
Metin oluşturma için etiketler (h1-h6, p, br, span)
Metin biçimi komutları
Grafiklerin entegre edilmesi
Bağlantılar (dahili, harici, telefon, mailto bağlantısı)
Faviconlar
Listeler ve tablolar
Doğru sözdizimi yapısı
W3C doğrulama aracı ile kontrol etme
CSS giriş
CSS özellikleri için entegrasyon seçenekleri (dahili, harici, satır içi stil)
Temel komutlar (metin tasarımı, yazı tipi rengi, arka plan rengi)
HTML kapsayıcıları
Konteynerlerin kullanımı ve şekillendirilmesi
YouTube ve Google Haritalar entegrasyonu
Video ve ses oynatıcı
Nesne uyumu
VS Kodu (yaklaşık 1 gün)
VS Code'a Giriş
VS Code için ek uzantılar. (örn. Canlı Sunucu, Emmet Komutları, Kopilot (AI))
VS Code ile birlikte yapay zeka kullanımı
Yerleşim teknikleri (yaklaşık 4 gün)
Sınıflar, ID'ler, seçiciler
Giriş kutusu modeli
Dolgu, kenar boşluğu, kenarlık, kenarlık yarıçapı ve bunların kısaltmaları
Flex-Box tanıtımı
Esnek kutulu düzenler
Flexbox ile Hizalama
Grid Sistemine Giriş
Izgaralı Düzenler
Izgara Sistemi ile Hizalama
Float ve clear ile görüntülerin etrafında kayan metin
Etiketlerin genel görüntüleme özellikleri
Arka plan resimleri
Durum ve değerler (yaklaşık 1 gün)
Sözde sınıfların tanıtımı (hover, active, focus, nth-child, first-child, last-child)
Sözde öğeler (::before, ::after, content)
Özgüllük (kodların değeri)
Konumlandırma (yaklaşık 2 gün)
Pozisyonlara giriş
Statik, mutlak, sabit, yapışkan, göreli
Sol, sağ, üst, alt, z-indeksi
Açılır menüler
:target
:target gezinme menüleri ve modallerle birlikte
Formlar (yaklaşık 2 gün)
Formlara giriş
Alan kümesi, efsane
Girişler, metin alanları, etiketler, değerler, ad, seçimler
Otomatik Tamamlama
CSS ile form tasarımı
Php-script'in yapay zeka ile entegrasyonu
CSS ile efektler ve yazı tipleri (yaklaşık 1 gün)
CSS geçiş efektleri
Geçiş, filtre, dönüşüm
Renk gradyanları, kutu gölgesi, metin gölgesi
font-face ile yazı tipi entegrasyonu
Duyarlı web tasarımı (yaklaşık 2 gün)
Duyarlı tasarıma giriş
Medya sorguları, kesme noktaları
Manzara, portait modu
Resim ve srcsets ile duyarlı görüntüler
Görüntü düzenleme, görüntülerin sıkıştırılması
Yapay zeka ile görüntü oluşturma
Arama motoru optimizasyonu (yaklaşık 1 gün)
SEO'ya Giriş
Sayfa içi optimizasyon ve yapay zeka tarafından oluşturulan metinlerin kullanımı
SEO'yu iyileştirmek için performans optimizasyonu ve uygun araçların sunumu
CSS teknikleri ve etkileşimi (yaklaşık 2 gün)
CSS değişkenleri
Karanlık mod
CSS ile Hesaplama
CSS animasyonlarına giriş
Süre, gecikme, yön, zamanlama işlevi, yineleme sayısı, doldurma modu
Animasyonlu burger düğmesi
Tek sayfa ve çok dillilik (yaklaşık 2 gün)
Tek sayfalara giriş
Düzgün kaydırma
Fontawesome kütüphanesinin entegrasyonu
SVG grafikleriyle çalışma
Katman entegrasyonu ve CSS özelleştirmesi
Çok dilli web siteleri
Uzantılar ve çerçeveler (yaklaşık 1 gün)
Bootstrap'e Giriş
Bootstrap bileşenlerinin kullanımı
Bootstrap ile duyarlı tasarım
JavaScript (yaklaşık 3 gün)
JavaScript'e Giriş
JavaScript/jQuery yöntemleri
jQuery Lightbox Oluşturma
Değişkenler
If-else ifadeleri
Kaydırma, pencere, yeniden boyutlandırma
diziler
For döngüsü
Matematik nesnesi
Yasal gereklilikler ve proje yönetimi (yaklaşık 2 gün)
İnternet hukuku
AI/KI ile ilgili telif hakları
Erişilebilirlik
Proje yönetimi
Proje çalışması (yaklaşık 10 gün)
Öğrenilen içeriği pekiştirmek için
Proje sonuçlarının sunumu
UI/UX tasarımı
Genel tanıtım (yaklaşık 1 gün)
UX, Kullanılabilirlik, UI, Zihinsel Model Kılavuzu, İnsan Faktörleri Kılavuzu
Kullanıcı merkezli tasarım ilkeleri
ISO 9241-210/HCD
Erişilebilirlik: Temel terimler, yasal gereklilikler (BITV, AB direktifleri), UX tasarımı için önemi
Kullanılabilir interaktif sistemler tasarlama süreci
UI/UX bağlamında yapay zeka araçlarının türleri (metin, görüntü, analiz)
HCD: Analiz - kullanım bağlamı (yaklaşık 2 gün)
Personae ve empati haritası
Müşteri yolculuğu
Web analizine genel bakış/anket
HCD: Kullanım ihtiyacının belirlenmesi (yaklaşık 1 gün)
Senaryolar, kullanıcı hikayeleri
Görev modeli, görev akışları
Bağlam görüşmeleri ve gözlem
Günlük çalışmaları
HCD: Kullanım gereksinimlerini karşılamak için tasarım çözümleri oluşturma (yaklaşık 1 gün)
Kılavuzlar ve standartlar: ISO 9241-110'un 7 diyalog ilkesi
Jakob Nielsen'e göre kullanıcı arayüzü tasarımının 10 ilkesi
Görsel algı, düzenlilikler
HCD tasarım çözümleri: Taksonomi, bilgi mimarisi ve navigasyon kavramları (yaklaşık 3 gün)
Akış Şeması
Kullanıcı Akışı
Bilgi Mimarisi
Mikro bilgi mimarisi
Dönüşüm stratejisi
Navigasyon kavramları ve site haritası
Kart sıralama: planlama, hazırlık, uygulama ve değerlendirme
Mobil navigasyon modelleri (bootom navigasyon, hamburger menüler, sekmeler)
Çevik proje yönetimine genel bakış (yaklaşık 1 gün)
Şelale modeline karşı çevik yöntemler
Scrum yöntemine göre çevik yönetim hakkında içgörü
Destan, kullanıcı hikayesi ve görev
Tasarım sprint yöntemi
HCD tasarım çözümleri: Kullanıcı Arayüzü Tasarımı (yaklaşık 2 gün)
Styleguide, UI KIT'leri, desen kütüphanesi ve tasarım sistemi
UI bileşenleri/elemanları ve formları
Kullanıcı arayüzündeki renkler, yazı tipleri ve tipografi, simgeler
Erişilebilirlik: renk kontrastları ve okunaklı yazı tipleri, kontroller (boyut, boşluk, odak)
Kontrastların, okunabilirliğin ve alternatif metinlerin otomatik testi
Semantik yapıya kısa bir genel bakış (HTML/ARIA)
Atomik tasarım
Mobil öncelikli tasarım
HCD tasarım çözümleri: Figma ile tasarım teknikleri (yaklaşık 3 gün)
Yapı ve temeller: sayfalar ve çerçeveler, düzen ızgaraları, kısıtlamalar
Bileşenler ve varyantlar (düğmeler, kütüphaneler, tasarım sistemleri)
Duyarlı tasarım (çerçeveler, otomatik düzen)
Karalamalar, tel kafesler, maketler
Prototip oluşturma: etkileşimler, geçişler, kaplamalar, prototip paylaşımı
Tasarımların hızlı bir şekilde oluşturulması ve çeşitlendirilmesi için Figma'da yapay zeka işlevlerinin ve tamamlayıcı araçların kullanılması
Kullanılabilirlik testi ve değerlendirmesi (yaklaşık 2 gün)
Kullanılabilirlik testi yöntemlerine genel bakış
Sesli Düşünme: planlama, hazırlık, uygulama ve değerlendirme
Anketler (UEQ, AttrakDiff, VisAWI)
A/B testi
Erişilebilirlik: klavye ve ekran okuyucu ile testler
Yardım ve araçların kullanımı
Proje çalışması (yaklaşık 4 gün)
Öğrenilen içeriği pekiştirmek için
Proje sonuçlarının sunumu
İleri Düzey UI Tasarımı
Figma'da derinlemesine eğitim (yaklaşık 4 gün)
Temel prototipleme işlevlerinin kısa tekrarı
Karmaşık ve duyarlı düzenler için Adobe Layout
Gelişmiş etkileşimler: Animasyonlar, etkileşimli bileşenler ve mikro etkileşimler
Farklı cihazlar için prototipler oluşturma
Değişkenlerin ve koşullu mantığın kullanımı
Figma ile geliştirme aktarımı (Geliştirme Modu/İnspect)
Kullanıcı testlerini ve geri bildirim döngülerini entegre etme
Günlük yaşamda Figma AI: içerik üretme, metinleri yeniden yazma, düzen önerilerini destekleme
Kullanıcı arayüzü tasarımında yapay zeka (AI) (yaklaşık 1 gün)
Uygulama senaryoları ve sınırları
Kullanıcı arayüzü tasarımı için harici yapay zeka araçları (örn. yapay zeka tabanlı kullanıcı arayüzü oluşturucular ve asistanlar)
Axure RP'ye Giriş (yaklaşık 2 gün)
Axure'un temel işlevleri ve gelişmiş özellikleri
Dinamik ve etkileşimli prototiplerin oluşturulması
Değişkenlerin ve koşullu mantığın kullanımı
Dinamik panellerle çalışma
Kullanıcılar ve arayüz arasındaki etkileşimi simüle etme
Yüksek sadakatli prototiplerin geliştirme ekiplerine teslim edilmesi ve yayınlanması
Araçlar arası iş akışları (yaklaşık 1 gün)
Figma'da işbirliği ve versiyonlama (şubeler, kütüphaneler)
Tasarımların proje yönetimi ve geliştirme araçlarına aktarılması
Proje çalışması (yaklaşık 2 gün)
Öğrenilen içeriği pekiştirmek için
Proje sonuçlarının sunumu
Değişiklikler mümkündür. Kurs içeriği düzenli olarak güncellenmektedir.
Modern bir web tasarımı için tüm iş akışını biliyorsunuz ve kullanıcı dostu ve sofistike web siteleri üretiyorsunuz.
Ayrıca, ikna edici kullanılabilirlik ve iyi bir kullanıcı deneyimi, müşterinin şirketle etkileşime girme konusunda güven duymasının temelini oluşturur. Bu eğitimden sonra, kullanıcı deneyimi ve kullanıcı arayüzü konularında kapsamlı temel bilgilere sahip olacak ve insan merkezli tasarım sürecine dayalı grafik kullanıcı arayüzleri için temel yönergelere ve standartlara hakim olacaksınız. Figma prototipleme programını kullanarak, çeşitli yöntemler kullanarak test edilebilen ve daha da geliştirilebilen etkileşimli tasarımlar oluşturabileceksiniz. Ayrıca çevik çalışma yöntemleri, kullanılabilirlik testleri ve UI/UX sürecinde yapay zeka araçlarının kullanımı hakkında bilgi sahibi olacaksınız.
Ayrıca, Figma'da gelişmiş prototipleme tekniklerini uygulayabilecek ve Axure RP'yi kullanma konusunda kendinize güveneceksiniz. Axure'da dinamik paneller, değişkenler ve koşullu mantık ile etkileşimli ve dinamik kullanıcı arayüzleri oluşturabilecek ve ayrıca konseptten prototip oluşturmaya ve geliştiricilere teslim etmeye kadar tüm iş akışını yürütebilecek ve araçları entegre ederek projeleri verimli bir şekilde yönetebileceksiniz.
Web tasarımcıları, web programcıları, grafik tasarımcıları, medya tasarımcıları, sanatsal mesleklerden uzmanlar veya web sitelerinin konseptinden, tasarımından ve pratik olarak gerçekleştirilmesinden sorumlu olan ve gerekli bilgi ve becerileri edinmek isteyen kişiler.
Günümüzde neredeyse tüm şirketler, kendilerini bir şirket olarak temsil etmek için çekici bir İnternet varlığına güveniyor. Başlıca potansiyel işverenler grafik tasarım, reklam, web, multimedya veya tam hizmet ajanslarının yanı sıra yazılım ve veritabanı sağlayıcılarıdır. Web tasarım becerileri neredeyse tüm sektörlerde gereklidir. Uygun uzmanlık ile serbest meslek de ilginç bir olasılıktır.
Ayrıca, ileri düzeyde kullanıcı arayüzü tasarımı bilgisi grafik, web ve yazılım ajanslarında çok çeşitli kariyer fırsatları yaratacaktır. Modern prototipleme tekniklerinin anlaşılması neredeyse tüm sektörlerde talep görmektedir ve size bir UI tasarımcısı veya ön uç geliştiricisi olarak mükemmel beklentiler sunar.
Anlamlı sertifikanız, edindiğiniz nitelikler hakkında ayrıntılı bir fikir verir ve kariyer beklentilerinizi geliştirir.
Didaktik kavram
Eğitmenleriniz hem profesyonel hem de didaktik açıdan son derece kalifiyedir ve size ilk günden son güne kadar ders verecektir (kendi kendine çalışma sistemi yoktur).
Etkili küçük gruplar halinde öğreneceksiniz. Kurslar genellikle 6 ila 25 katılımcıdan oluşmaktadır. Genel dersler, tüm kurs modüllerinde çok sayıda pratik alıştırma ile desteklenmektedir. Uygulama aşaması kursun önemli bir parçasıdır, çünkü bu süre zarfında öğrendiklerinizi işler ve uygulamada güven ve rutin kazanırsınız. Kursun son bölümü bir proje, bir vaka çalışması veya bir final sınavını içerir.
Sanal sınıf alfaview®
BildungszentrumDersler, modern alfaview® video teknolojisi kullanılarak kendi evinizin rahatlığında ya da 'deki tesislerimizde gerçekleştirilir. Tüm kursiyerler alfaview® aracılığıyla birbirlerini yüz yüze görebilir, birbirleriyle dudak senkronize ses kalitesinde iletişim kurabilir ve ortak projeler üzerinde çalışabilir. Elbette, bağlı eğitmenlerinizi de istediğiniz zaman canlı olarak görebilir ve onlarla konuşabilirsiniz ve kursun tüm süresi boyunca eğitmenleriniz tarafından gerçek zamanlı olarak eğitileceksiniz. Dersler e-öğrenme değil, video teknolojisi aracılığıyla gerçek canlı yüz yüze öğretimdir.
alfatraining Agentur für Arbeit Eğitim kursları, AZAV onay yönetmeliğine uygun olarak sübvanse edilmekte ve sertifikalandırılmaktadır. Bildungsgutschein Aktivierungs- und VermittlungsgutscheinKurs başvurusunda bulunduğunuzda, kurs masraflarının tamamı genellikle finansman kuruluşunuz tarafından karşılanır.
Europäischen Sozialfonds Deutsche Rentenversicherung (ESF), (DRV) veya bölgesel finansman programları aracılığıyla da finansman mümkündür. Berufsförderungsdienst Düzenli bir asker olarak, (BFD) aracılığıyla daha fazla eğitim kursuna katılmak mümkündür. Agentur für Arbeit (Qualifizierungschancengesetz) Şirketler de çalışanlarını (BFD) tarafından sağlanan bir finansman programı aracılığıyla kalifiye hale getirebilirler.