Figma ile Sıfırdan Responsive Web Tasarım Eğitimi series by

Bu eğitime başlangıç seviyesinde Figma bilgisine sahip olan tüm arkadaşlar kayıt olabilirler. Müfredat kısmında eğitim içeriği hakkında detaylı bilgilendirme yer almaktadır.

• Responsive design nedir? of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Responsive tasarıma giriş - Google Chrome üzerinde responsive bir sayfanın farklı çözünürlüklerde incelenmesi

• Responsive Tasarımın Önemi ve Avantajları Nelerdir? of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Responsive tasarımın sağladığı faydalar - Responsive olmayan tasarımlarda karşılaşılan zorluklar

• Detaylı Constraints Kullanımı of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Uygulama üzerinde constraints (kısıtlamaların) kullanımı - Scale ve Left and Right arasındaki farklar - Horizontal and Vertical constraints

• Tüm detaylarıyla Auto Layout of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Auto Layout ve Flexbox yapısının kullanımı - Fill Container - Hug Content - Fixed width, Fixed Height - Absolute Position kullanımı - Responsive UI Card Yapımı

• Responsive Layout Grid Kullanımı of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Fixed ve Fluid Yapının Kullanımı Masaüstü, Tablet ve Mobile için grid yapısı Container kullanımı Gutter, stretch ve side margin kullanımı

• Layout Grid Offset Kullanımı of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Grid yapısında offset kullanımı - Verilen offset değerine göre matematiksel olarak grid genişliğinin hesaplanması

• 4'lü ve 8'li Boşluk Sistemlerinin Kullanımı of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - 4'lü ve 8'li boşlukların örnek üzerinde uygulanması - Hard ve Soft Spacing nedir?

• Responsive Text Kullanımı of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Başlık etiketlerinin tanımlanması - Font size değerlerinin farklı cihazlar için belirlenmesi - EM kullanımı - Tipofrafik öğelerin design system için eklenmesi

• Responsify Eklentisinin Kullanımı of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Figma'da Responsify eklentisinin kullanımı

• Sıfırdan Responsive Web Tasarım Projesine Giriş of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Projeye giriş - Design system öğelerinin incelenmesi

• Design System Öğelerini Tanımlama of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  - Grid Yapısı - Butonlar - Tipografi - İkonlar - Boşluk Sistemi - Renkler

• Header Alanının Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Masaüstü versiyon için header alanının tasarımı

• Slider Alanın Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Slider alanın yerleşimi ve tasarımı

• Neden Bizi Seçmelisiniz Modülünün Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Neden Bizi Seçmelisiniz modülü için tasarımın yapılması ve gerekli componentlerin oluşturulması

• Öne Çıkan Özellikler Modülünün Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Öne Çıkan Özellikler modülü için tasarımın yapılması ve gerekli componentlerin oluşturulması

• Hizmetlerimiz Modülünün Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Hizmetlerimiz modülü için tasarımın yapılması ve gerekli componentlerin oluşturulması

• Fiyat Tablosu Modülünün Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Fiyat Tablosu için tasarımın yapılması ve gerekli componentlerin oluşturulması

• İletişim Formu ve Sıkça Sorulan Sorular Modülünün Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  İletişim Formu ve Sıkça Sorulan Sorular modülü için tasarımın yapılması ve gerekli componentlerin oluşturulması

• Takım Modülünün Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Takım Modülü için tasarımın yapılması ve gerekli componentlerin oluşturulması

• Stretch Yapısı için Tasarımın Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Fluid-Stretch Grid yapısında tasarımın yapılması

• Tablet Yapısı için Tasarımın Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Tablet Grid yapısında tasarımın yapılması

• Mobil Yapı için Tasarımın Tamamlanması of Figma ile Sıfırdan Responsive Web Tasarım Eğitimi by

  Mobil Grid yapısında tasarımın yapılması