Bu derste öğrenecekleriniz - Figma'ya kayıt olmak - Figma'da takım oluşturmak - Figma masaüstü uygulamasını indirmek - Figma nasıl ücretsiz kullanılır? - Figma'da bilgisayarda yüklü fontlar nasıl kullanılır?
- Frame tool nedir? - Constraints - Layout Grid - Prototyping'e Giriş
- Auto Layout Nedir? - Auto Layout Nasıl Oluşturulur? - Hizalama - Hug Contents, Fixed Width, Fill Container - Space Between, Packed - Included, Excluded Strokes - Text Baseline Alignment
Bir önceki dersin devamı olarak yüklenmiştir. Bu derste aşağıdaki örneklerin yapımını detaylarıyla göreceksiniz: - Auto Layout ile Search Bar (arama çubuğu) yapımı - Auto Layout ile Hava Durumu kartı yapımı - Auto Layout ile UI Card yapımı
Bu dersle birlikte Auto Layout konusunu bitirmiş oluyoruz :) Öğrenecekleriniz - Auto Layout ile responsive takvim yapımı
Bu derste öğrenecekleriniz: - Component nedir? - Component nasıl oluşturulur? - Assets paneli - Slash naming convention - İkonları componente çevirmek - Optik hizalama - Buton component oluşturmar
Bu derste öğrenecekleriniz - Interactive Components - Variants - Live Shapes - Button Hover Yapımı - Toggle Yapımı - Loading Spinner Yapımı
Bu derste öğrenecekleriniz: - Component Properties
Bu derste öğrenecekleriniz - Tab Bar İkonlarının Hazırlanması - Tab Bar (Nav Bar) Tasarımı
Bu derste öğrenecekleriniz - Takvim için variant elementlerinin hazırlanması - Auto Layout ve Variants ile Takvim Tasarımı
Bu derste öğrenecekleriniz - Pagination elementi için variant hazırlanması - Pagination yapımı
Bu bölümde öğrenecekleriniz - Stiller - Stil oluşturma, düzenleme, isimlendirme, kategorize etme - Yazı, renk, grid ve efekt stilleri
Bu derste öğrenecekleriniz - Pen Tool kullanımı - Vector Networks - Vektör Çizim Yapımı
Bu derste öğrenecekleriniz: - Vektör çizim yapımı devam, ikinci örnek
Bu derste müzik uygulamamızı bir diyagram eşliğinde planlamış olacağız.
Bu derste öğrenecekleriniz: - ChatGPT yapay zeka modelini kullanarak uygulamamıza isim bulmak
Bu derste öğrenecekleriniz: - Logo Tasarımı - Döküman Düzeni
Bu derste öğrenecekleriniz - Logo tasarımına devam - Uygulama için renk paleti oluşturma, renk seçme
Bu derste öğrenecekleriniz: - Döküman kapağı oluşturma
Bu derste öğrenecekleriniz: - Interactive Components kullanarak animasyonlu splash screen yapımı
Bu derste öğrencekleriniz: - https://flixier.com ile YouTube videosunu arkaplana çevirme - ChatGPT'ye slogan yazdırma - Onboarding tasarımı
Bu derste öğrenecekleriniz: - Kayıt ekranı oluşturma - Input component anatomisi - Auto layout ve interactive components kullanarak input yapımı
Bu derste öğrenecekleriniz: - Giriş Yap Ekranı - Şifremi Unuttum Ekranı - Döküman düzenindeki ufak detaylar
Bu derste öğrenecekleriniz: - Müzik türü seçim ekranı planlaması - Müzik türü seçim ekranı için görsel seçimi - Müzik türü seçim ekranının tasarlanması
Bu derste öğrenecekleriniz: - Müzik türü seçim ekranının tasarlanması - Figma'yı daha hızlı kullanmak için tüyolar - Birden fazla gradienti dolgu olarak kullanma - Interactive Component ile ilgili tüyolar
Bu derste öğrenecekleriniz - Loading ekranı yapımı - Interactive components ile yazı ve loading animasyonu yapımı
Bu derste öğrenecekleriniz: - Premium teklif ekranı tasarımı
Bir önceki dersteki müzik türü seçiminde resimlerin değiştirilmesi problemini çözüyoruz.
Ödeme ekranlarını hazırlıyoruz.
Sanatçı ve çalma listelerini barındıran ekranları tasarlıyoruz.
Uygulamamız için header ve navigasyon bar tasarımı yapıyoruz.
Arist ve çalma listesi detay sayfalarını tasarlıyoruz.
Çalma listesi detayını birtakım çakallıklarla tasarlıyoruz :)
Çalma listesi ekranını tamamlıyoruz ve sanatçı profili sayfasına başlıyoruz.
Artist sayfasını tamamlıyor ve albüm detay sayfasına geçiyoruz.
Albüm detay sayfasındaki bazı kısımları düzeltiyor ve player sayfasını tasarlıyoruz.
Player sayfasını bitirip şarkı sözlerini gösteren modalı hazırlıyoruz.
Mini Player ve çalma listesi oluşturma modalını oluşturuyoruz.
Home ve Library ekranlarını tasarlıyoruz.
Arama ve arama sonuçları sayfalarını tasarlıyoruz.
Ayarlar ve bildirim ekranlarını tasarlıyoruz.
Eksik kalan son ekran olan tüm albümler ekranını ekliyor ve prototipi test ediyoruz.
Tasarımımızı behance portfolyomuz için hazırlıyoruz. Bu dersle birlikte kursumuz bitiyor arkadaşlar. Siz de tasarımlarınızı portfolyonuza koyduktan sonra paylaşırken beni de etiketlerseniz sevinirim. Sorularınız için ferdicildiz@gmail.com'dan bana ulaşabilirsiniz. Kariyerinizde başarılar dilerim!