İçeriğe geç

Figma ile UI/UX Tasarim: Wireframe ve Prototip

12.09.2024 1,674 okunma

Figma Nedir ve Neden Öğrenmelisiniz?

Figma, tarayıcı üzerinde çalışan bulut tabanlı bir UI/UX tasarım aracıdır. Gerçek zamanlı işbirliği, çapraz platform desteği ve güçlü prototipleme özellikleriyle tasarım sektörünün standart aracı haline gelmiştir.

Temel Kavramlar

  • Frame: Ekran boyutlarını temsil eder (iPhone, Desktop, Tablet). Her tasarım sayfası frame içinde oluşturulur.
  • Component (Bileşen): Tekrar kullanılabilir tasarım öğeleridir. Ana bileşen değiştirildiğinde tüm kullanımlar otomatik güncellenir.
  • Auto Layout: Flex-box mantığıyla çalışan düzen aracı; içerik değiştiğinde tasarım otomatik yeniden düzenlenir.
  • Styles: Renk, tipografi ve efekt stilleri merkezi olarak yönetilir; marka tutarlılığı sağlanır.

UI Tasarım Prensipleri

Hizalama (alignment), tutarlılık (consistency), beyaz alan kullanımı (whitespace), kontrast ve tipografi hiyerarşisi UI tasarımının temel prensipleridir. Figma bu prensipleri uygulamak için gerekli araçları sunar.

Prototipleme

Figma'da ekranlar arasına geçiş animasyonları eklenerek tıklanabilir prototip oluşturulur. Prototype paylaşım linki müşteri ve geliştirici ile paylaşılır; yorum ekleme mümkündür.

Developer Handoff

Geliştiriciler Inspect panelinden CSS değerlerini, boyutları ve renk kodlarını doğrudan kopyalayabilir. Bu özellik tasarım-geliştirme sürecini hızlandırır.

Bilkey Web Tasarım Kursu

Figma ve UI/UX tasarım prensipleri Bilkey Bilişim Akademisi'nde web tasarım eğitiminin bir parçası olarak öğretilmektedir. Kurtköy Pendik'te birebir özel ders alabilirsiniz.

figma nedir figma ui ux figma wireframe web tasarim figma pendik
Web Tasarım Yazılım Eğitimi hakkında bilgi almak ister misiniz?

Birebir özel yüz yüze eğitim yada uzaktan eğitim, esnek ders saatleri ile Pendik Kurtköy'de.