Figma: UI/UX Tasarım ve Prototipleme
YENİArayüz temellerinden bileşen sistemine, Auto Layout'tan prototiplemeye, Dev Mode'dan takım kütüphanesi yönetimine kadar Figma'yı sıfırdan profesyonel UI/UX iş akışına taşıyan kapsamlı rehber.
Aşama 1: Arayüz ve Temel Araçlar
Canvas, katmanlar, move/scale, kısayollar, tercihlerCanvas, Panel Düzeni ve Navigasyon
Sol panel (katmanlar/varlıklar), sağ panel (tasarım/prototip/inspect), araç çubuğu.
Temel Araçlar ve Kısayollar
Move (V), Frame (F), Pen (P), Text (T), Scale (K), Hand (H), Comment (C).
Katmanlar Paneli ve Organizasyon
Katman isimlendirme, gruplama, kilitleme, gizleme, arama, hiyerarşi.
Figma Kısayolları ve Verimli İş Akışı
Kısayol listesi, Quick Actions (Ctrl+/), global arama, panel gizleme, zoom.
Aşama 2: Frame, Shape ve Düzenleme
Frame vs Group, vektör araçları, hizalama, ızgara sistemiFrame ve Group Farkı
Frame clip content, layout grid, padding; Group sadece görsel gruplama.
Layout Grid ve Hizalama
Column grid, row grid, smart grid, align/distribute, spacing token.
Vektör Araçları ve Boolean İşlemler
Pen tool, anchor point düzenleme, Union, Subtract, Intersect, Exclude.
Auto Layout ile Dinamik Bileşen
Auto Layout yatay/dikey/sarma, padding, gap, minimum boyut, içerik tabanlı büyüme.
Aşama 3: Bileşen (Component) Sistemi
Main component, instance, detach, component özelleştirmeMain Component ve Instance
Ctrl+Alt+K ile main component oluşturma, instance kullanımı, master-instance ilişkisi.
İç İçe Bileşen ve Detach
Nested component, icon-in-button, bileşen içinde bileşen, Detach from Component.
Bileşen Özelleştirme: Override
Metin override, renk override, swap instance, nested override aktarımı.
Component Varyantları ve Props
Variant Property, Boolean, Text, Instance Swap, Nested Variant, Component Property.
Bilgi Sorumluluktur
buyoldan.com tarafından sunulan bu yol haritaları, yalnızca öğrenme sürecini kolaylaştırmak amacıyla hazırlanan birer rehber ve tavsiye niteliğindedir. Konular zamanla güncellenebilir, değişebilir veya sınav sistemlerine göre farklılık gösterebilir. Hedefine ulaşırken yalnızca buradaki içeriklerle yetinmemeni, resmi kaynakları ve güncel müfredatları da düzenli olarak araştırmanı şiddetle öneririz. Kendi yolunu çizmek senin elinde!
Buna Da Göz At
UI / UX Tasarımcısı
Görsel arayüz tasarımı ve kullanıcı deneyimi stratejileri. Figma uzmanlığından kullanıcı araştırmalarına kapsamlı rehber.
Blender ile 3D Modelleme ve Animasyon
Blender arayüzünü tanımaktan başlayıp poligon modellemeden sculpting'e, materyal ve aydınlatmadan render'a, rigging ve karakter animasyonundan simülasyon ve kompozisyona kadar sıfırdan profesyonel düzeye uzanan eksiksiz Blender rehberi.
Adobe Photoshop: Görsel Düzenleme ve Raster Tasarım
Arayüzü tanımaktan katman ustalığına, rötuştan renk teorisine, kompozisyondan baskı ve web ihracatına kadar Photoshop'u sıfırdan gerçek projelere taşıyan akıcı ve pratik yol haritası.