Framer'da Uzmanlaşın!
Hiç kod yazmadan tüm ekran çözünürlüklerine uyumlu hem de animasyonlu modern tarzda web siteleri yapmak istemez misiniz?
- ✓ Figma'dan Framer'a Kusursuz Aktarım
- ✓ Kod Yazmadan Responsive Tasarım
- ✓ Modern Arayüzler ve Animasyonlar
- ✓ Güçlü Component ve Variant Yapısı
- ✓ Değişkenler ve Style Kullanımı
- ✓ CMS - İçerik Yönetim Sistemi
Bu eğitim ile nelere hakim olacaksınız?
Bu eğitim ile Framer'a yeni başlayan bir acemi olmaktan çıkıp, modern web sitesi tasarımları yapabilen bir uzman olacaksınız.
Framer Temelleri
Konumlandırma türleri, çerçeveler ve yığınlar, doldurma ve sığdırma, metin ve renk stilleri.
Component-Variants
Bileşenlerle çalışma, bileşen değişkenleri, varyantlar, default/hover/active state.
CMS Yönetimi
CMS kullanımı, koleksiyon oluşturma, filtreleme ve içerik sıralama.
Responsive Tasarım
Breakpoints, tablet ve mobil düzenlemeler, hamburger menü, %100 genişlik ve gridler.
Animasyon ve Efektler
Hover efekti, scroll variant, scroll animation.
Gelişmiş Özellikler
Uygulamalı örnekler, harici kodlarla çalışma, Figma to Framer ve SEO ayarları.
Adım adım tam program
Framer Temelleri ›
- Framer Nedir, Ne İşe Yarar?12:20
- Framer Arayüzüne Giriş09:34
Framer'a Hakim Oluyoruz ›
- Layout ve Grid Kullanımı17:41
- Breakpoints ve Responsive Design07:54
- Figma Dosyalarıyla Çalışma02:33
- Component-Variants-Variable12:00
Uygulamalı Örnekler ›
- Accordion Menu08:12
- Scroll Layer Animation16:28
- Custom Search Bar Yapımı05:03
- Lottie File ile Çalışma03:36
- FullPage Background Video Kullanımı07:00
- Infinity Scroll Kullanımı05:37
- Interactive Tab Content Components06:45
- Interactive Toggle Components06:17
- Sticky Scroll Animation - Yapışkan Frameler07:30
- Responsive Text Kullanımı03:35
- One Page Site Oluşturma13:36
- Mega Menu Uygulaması09:14
- Popup-Modal Frame Uygulaması07:25
- Slideshow Uygulaması05:28
- IFrame Etiketinin Kullanımı02:19
CMS (İçerik Yönetim Sistemi) ›
- CMS Nedir, Ne İşe Yarar?04:11
- CMS Collection ve Yeni Verilerin Oluşturulması03:56
- CMS Collection Detay Sayfası07:26
- CMS Collection Ana Sayfa05:39
- CMS Filtreleme02:50
RG Crypto Web Sitesinin Tamamlanması ve Site Ayarları ›
- Figma'da Tasarım ve Component Yapısının İncelenmesi03:32
- Renk ve Tipografik Stillerin Oluşturulması06:01
- Componentlerin Oluşturulması09:34
- Responsive Header ve Menü Componentinin Oluşturulması10:20
- Hero Section Alanının Tamamlanması05:18
- Hakkımızda Alanının Tamamlanması02:16
- Markalar Alanının Tamamlanması03:18
- Hizmetlerimiz Alanının Tamamlanması05:14
- Sayılarla Biz Alanının Tamamlanması10:45
- Takımımız Alanının Oluşturulması03:13
- Bize Ulaşın Alanının Oluşturulması05:42
- Geçiş Animasyonları15:11
- Responsive Ayarlar - Tablet05:33
- Responsive Ayarlar - Mobil11:58
- Link Verme ve Seo Ayarları15:11
Kapanış - Bonus ›
- Framer'ın Geleceği ve No Code Araçlar04:00
Tasarım becerilerinizi bir sonraki seviyeye taşıyın.
Framer ile güçlü web siteleri oluşturmaya başlayın.
Hemen Kayıt OlMerak ettikleriniz
Framer, tasarımcılar ve geliştiriciler tarafından kodsuz, etkileşimli ve yüksek kaliteli web siteleri oluşturmak için kullanılan güçlü bir web geliştirme aracıdır. Bu eğitim, web tasarımlarınızı hayata geçirme ve ilgi çekici kullanıcı deneyimleri yaratma fırsatlarının önünü açar.
Bu kurs Framer ile web geliştirme becerilerini geliştirmek isteyen yeni başlayan tasarımcılar veya geliştiriciler için hazırlanmıştır. İster Framer'la tanışmış olun ister yeni başlıyor olun, bu eğitim becerilerinizi geliştirmenize yardımcı olacaktır.
Kurs boyunca hayali bir "RG Crypto" projesi üzerinden Figma'dan Framer'a aktarımdan responsive tasarıma, CMS'ten animasyonlara kadar uçtan uca gerçek bir web sitesi kurgulanacaktır.
Evet. Eğitim içinde yer alan videoların hepsi güncel videolardır. Framer ile ilgili bir güncelleme olduğunda yeni ders videoları eklenecektir.
Evet. Videolara tablet ya da akıllı telefonlardan erişim sağlayabilirsiniz.
Evet. Kursta öğrendiğiniz bilgilerle modern tarzda web siteleri yaparak freelance olarak kazanç sağlayabilirsiniz.
Tasarım veya programlama konusunda önceden deneyim gerekmez. Kursta her şeyi sıfırdan başlayarak uygulamalı olarak tamamlıyor olacağız.
Eğitim temposunu kendiniz belirleyebilirsiniz. Genel olarak 4-6 haftada tamamlanabilir. Ancak ömür boyu erişiminiz olduğu için esnek bir şekilde ilerleyebilirsiniz.
Video derslerinin yanı sıra Figma dosyası ve Framer kursunda öğrenmenizi destekleyecek ek kaynaklar alacaksınız.
Evet, gelecekte eklenebilecek güncellemeler dahil olmak üzere eğitim materyallerine ömür boyu erişim hakkına sahip olacaksınız.
Kursa katılmak için internet bağlantısı olan bir bilgisayara (PC veya Mac) ihtiyacınız olacaktır. Framer tüm önemli tarayıcılarda çalışır, dolayısıyla herhangi bir özel yazılıma gerek yoktur.
Ramazan Güler
2008 yılından bu yana profesyonel olarak UI/UX tasarım alanında çalışmaktayım. Onlarca kurumsal firmanın ve öne çıkan bazı global firmaların web/mobil arayüzünü tasarladım. Kaliteli Türkçe kaynak bulmanın zor olduğu dönemde ilk Türkçe Figma Eğitim Seti'ni yayınladım. Udemy üzerinde şu an için 20.000'in üzerinde öğrenciye 7 kursum ile ulaştım.
Bu kurslardan Figma ve Adobe XD kurslarım; 4.8 ortalamaya sahip, Udemy Business koleksiyonuna seçilmiş en önemli 2 kursumdur. Bu başarımı artırarak Udemy Instructor Partner rozetini kazandım. Türkiye'nin önde gelen firmalarında İleri seviye Figma eğitimleri verdim. Aynı zamanda Türkiye'nin en büyük UX okulu olan Userspots'ta Figma eğitimleri vermeye devam ediyorum.
Sorularınız mı var?
Aşağıdaki form aracılığı ile iş birliği, proje, eğitim ve daha fazlası için bana ulaşabilirsiniz!