Grafik tasarım yazılımı dünyası çok büyük ve çok fazla rekabet var. Figma, dünyanın dört bir yanındaki UX/UI tasarımcıları için en üst sıralarda yer alan bir tasarım aracıdır. Ancak bu sezgisel araç hakkında ne biliyorsunuz?
Basit olsa da, diğer tasarım araçlarına alışkınsanız bir öğrenme eğrisi de vardır. Şimdi Figma'ya ve nasıl kullanılacağına bakalım. Figma 101'e hoş geldiniz.
Figma Nedir?
Son birkaç yılda grafik tasarımcı veya web tasarımcısı olarak çalıştıysanız, muhtemelen Figma'yı duymuşsunuzdur. Hatta kullanmış olabilirsin.
Figma bir tasarım aracıdır ve web tasarımı ve daha fazlası için Adobe XD, Adobe Photoshop ve Sketch gibi seçeneklerin üzerine çıkarak dijital tasarımcıların sürekli favorisi haline gelir. Ancak, beri Adobe, 2022'de Figma'yı satın aldı, skor tablosunu değiştirecek bazı değişiklikler olabilir.
Var Figma için birçok kullanım. Öncelikle dijital tasarım için kullanılır ve baskı için CMYK'da tasarım yapamazsınız. Figma'nın ana kullanımlarından bazıları şunlardır:
- prototipleme
- UX/UI tasarımı
- Uygulama tasarımı
- Web tasarımı
- Sunum tasarımı
Yapabilirsiniz Figma mockup eklentilerini kullanın tasarımlarınızı sergilemenize yardımcı olmak için, gerçek web sayfalarını Figma tasarımlarına dönüştürün eklentileri kullanarak ve hatta oluştur Figma tasarımları için ana şablonlar tekrarlayan tasarım türlerinde size zaman kazandırmak için.
Figma'nın Maliyeti Ne Kadar?
Ücretsiz olarak Figma hesabı oluşturabilirsiniz. figma sitesi veya indirerek Figma uygulaması. Ücretsiz bir hesap, uygulamanın tüm tasarım yönleri için işlevsellik sağlar. Figma ile tasarlayabilir ve FigJam—Figma'nın işbirliği aracı.
Figma'yı hobi olarak veya tek serbest çalışan olarak kullanıyorsanız, Free Forever sürümü neredeyse mükemmeldir. Hala tüm eklentilere erişiminiz var, sınırsız ortak çalışanı davet edebilir, sınırsız kişisel dosya kullanabilir ve tüm platformlardan Figma'yı kullanabilirsiniz.
Figma'nın ücretsiz sürümü, herhangi bir standart tasarımcı için fazlasıyla yeterliyken, bir Figma Professional aboneliği, şunları yapmanızı sağlar: ayda 12 ABD Doları karşılığında ekip arkadaşlarını davet edin, ekip kitaplıklarından çalışın, sınırsız Figma dosyalarına ve sürüm geçmişine ve daha fazlasına erişin editör. Öğrenci veya eğitimciyseniz, Figma Professional'ı ücretsiz edinebilirsiniz.
Figma Nasıl Kullanılır: Temel Bilgiler
İster Figma uygulamasını ister tarayıcı sürümünü kullanın, kolayca takip edebilirsiniz.
Figma'yı açtığınızda, size yeni bir Figma dosyası, yeni bir FigJam dosyası başlatma veya Sketch veya Adobe XD gibi başka bir programda yapılmış bir dosyayı içe aktarma seçenekleri sunulur. Daha önce Figma kullandıysanız, açıp üzerinde çalışabileceğiniz önceki Figma projelerinizi de göreceksiniz.
Figma Çalışma Alanında Gezinme
Yeni bir dosya açmak başlangıçta ilham verici görünmüyor. Diğer birçok tasarım programının aksine, çalışma yüzeyiniz veya tuvalinizle değil, tamamen boş bir tasarım sayfasıyla başlarsınız. Ancak ilham dolu bir zihin, uzun süre boş bir alan olarak kalmayacaktır.
Sol üstteki yatay menü, Ana menü simgesi—Figma logosu. seçme Ana menü, diğer dosyalarınıza, Figma hızlı işlemlerine, tipik dosya seçeneklerine gidebilir ve eklentilere, widget'lara ve kitaplıklara erişebilirsiniz.
Ardından, Taşınmak alet (V), ile Ölçek alet (K) altına yerleştirilmiştir. Bu araçlar, tasarımınızın öğelerini hareket ettirmek veya parçalarını yukarı veya aşağı ölçeklemek içindir. Ve bu araçların sağında, Bölge araçlarını göreceksiniz. Çerçeve (F), Bölüm, Ve Dilim, iç içe geçmiş.
Figma'da çerçeve, diğer programların çalışma yüzeyi veya tuval olarak adlandırdığı şeydir. Seçme Çerçeve Özel boyutlu tuvalinizi çizmek için. Seçildiğinde sağdaki menü, yaygın cihaz boyutları için önceden hazırlanmış çerçeve seçenekleri sunar: akıllı telefonlar, tabletler, masaüstü bilgisayarlar, akıllı saatler, sunumlar ve sosyal medya seçenekleri. Ayrıca herhangi bir özel boyutta yapmak için çerçevenizi doğrudan tıklayıp sürükleyebilirsiniz.
Sol üst menüye dönün, Bölge araçlarının sağında Şekil aletler, Dolma kalem araçlar ve Metin alet. Ardından Kaynaklar geldi—Bileşenler, Eklentiler, Ve Widget'lar-ve El dosyanızda gezinmek için bir araç. Ve son olarak, Yorumlar not almak ve ekip arkadaşlarıyla işbirliği yapmak için harika bir araç.
Figma Tasarım Menüsü
Çizilen bir çerçeve ile, başlığının seçilmesi çerçeveyi harekete geçirerek tasarıma hazır hale getirir. Sağdaki menü şu başlıkları gösterir: Tasarım, Prototip, Ve İncelemek. Adından da anlaşılacağı gibi Tasarım seçeneği, çerçevenizdeki öğeleri tasarlamak için kullanacağınız menüdür.
İlk Tasarım menüsü biraz basit olsa da, tasarımınıza daha fazla öğe ekledikçe menü seçenekleri gelişir. İlk başta, menü yukarıdan aşağıya hizalama araçları, boyutlandırma araçları, otomatik düzen, Düzen ızgarası, Katman, Doldurmak, Felç, Etkileri, Ve İhracat. Bunlardan bazıları varsayılan olarak simge durumuna küçültülür, ancak + işaretle, herhangi bir menüyü açabilir veya tıklayabilirsiniz – en aza indirmek için.
Proje için ana çerçevenizi çizdikten sonra, şekiller çizmek için Şekil araçlarını veya Kalem araçlarını kullanabilirsiniz. görüntü yer tutucuları ekleyin ve Metin aracını kullanarak muhtemelen diğer uygulamalarda yaptığınız gibi metin ekleyebilirsiniz. yazılım.
Çerçevede şekilleriniz veya metniniz olduğunda, bu öğeleri düzenlemek ve tasarlamak için çeşitli sağ menü seçeneklerini kullanın. bu Katman menü opaklık ve karışım modları sunar; ile Doldurmak gibi bazı düzenleme özellikleriyle renk ekleyebilir veya resimler ekleyebilirsiniz. Maruziyet, Zıtlık, Sıcaklık, ve dahası.
Projenizde daha fazla öğe oluşturdukça, katmanlar sol tarafta oluşacaktır. Katmanlar yanındaki menü Varlıklar sekme. Öğeyi bulmak için bir katman başlığına çift tıklayabilirsiniz veya bunun tersi de geçerlidir; Vurgulanan katmanı bulmak için bir tasarım öğesini çift tıklayabilirsiniz. Başlıklara çift tıklamak, optimum organizasyon için onları yeniden adlandırmanıza olanak tanır.
Figma Prototip Menüsü
sağında Tasarım menü seçeneği Prototip Menü. Tasarımınızın görsel yönlerini tamamladıktan ve görüntü kutularını ve metni gitmeleri gereken yere ayarladıktan sonra, tasarımlarınıza animasyonlar ve geçişler eklemek için prototip araçlarını kullanabilirsiniz.
bu Prototip menüsü, çerçeveleri veya bileşenleri geçişler olarak birbirine bağlamanıza olanak tanır. Hangi sırayı ve her çerçevenin diğerine nasıl geçiş yapacağını seçebilirsiniz.
Bu harika çalışıyorsa Figma sunumu yapmak Bu, bir slayttan diğerine animasyon yapar, ancak araç, uygulama ve web tasarımı için düğmeler veya menüler için animasyonları ustalıkla görselleştirmenize de olanak tanır. Tüm farklı şeyler için sayfa başına birden fazla geçiş ekleyebilirsiniz, böylece kullanıcıların web siteniz canlı olduğunda nasıl etkileşimde bulunacağını görebilirsiniz.
Bir web sitesi tasarlamak için Figma'yı kullanmak, canlı bir web sitesi oluşturmakla aynı şey olmasa da, Figma'nızı devredebilirsiniz. prototip etkileşimlerinizi sizin için gerçek hayattaki animasyon tasarımları olarak yeniden oluşturabilen geliştirici ekibinize tasarlayın. İnternet sitesi. Bu, tıklama, zaman veya diğer etkileşimlerden sayfadan sayfaya geçiş yapabileceğiniz anlamına gelir.
Figma'ya Başlamak Çok Kolay
Artık Figma düzeninde nasıl gezineceğinizi ve temel tasarım ve prototip araçlarının nasıl çalıştığını biliyorsunuz. Figma'ya bu kadar kolay erişilebildiğinden, gidip bu tasarım aracını kurcalamanın ve neler yaratabileceğinizi görmenin zamanı geldi.