Figma nedir? Figma yazılımı ve web tasarımındaki itibarı

Çeşitli programlara ve artan yazılım geliştirmeye rağmen, site tasarımı tamamen değişti ve geçmişte site tasarımı olarak adlandırılandan önemli ölçüde farklı. Web tasarımında meydana gelen değişiklikler arasında UI ve UX olarak adlandırılan kullanıcı arayüzü tasarımı ve kullanıcı deneyimi tasarımı konusunda iki konudan bahsedebiliriz. UI ve UX tasarımına dikkat ve duyarlılık, e-ticarette bir projeyi başarılı kılabilecek temel şeylerden bazılarıdır. UI ve UX tasarım yazılımları geniş bir yelpazeye ve çeşitliliğe sahiptir, ancak web tasarımcıları yalnızca sınırlı sayıda onay verir. Bu yazıda, en iyi UI ve UX tasarım programlarından biri olan Figma'ya gideceğiz ve onunla ilgili her şeyi keşfedeceğiz. Bu yüzden Figma'nın ne olduğunu ve çoğu UI tasarımcısının onu neden kullandığını görmek için bizi izlemeye devam edin.

Figma nedir

Girişte belirtildiği gibi Figma, UI ve UX tasarımı için bir yazılımdır. Genel olarak bu program, Windows ve Mac işletim sistemlerine kurulabilen ve bir tarayıcı üzerinde çalıştırılabilen ücretsiz ve bulut tabanlı bir yazılımdır. Çok amaçlı tasarım ekipleri oluşturmak, bulut alanının bu programda yarattığı yeteneklerden biridir.

Tasarım ekipleri oluşturmak, Figma programını kullanmanın, zamandan ve paradan tasarruf etmenin ve tasarım çalışmasını çekici ve eğlenceli hale getirmenin ana avantajlarından biridir. Figma ayrıca takım arkadaşları hakkında yorum yapma olanağı sağlayarak bir takım üyesi profiline giriş yapmanıza ve onların monitör ekranını görüntülemenize olanak tanır.

Versiyon Kontrolü özelliği, tasarımın herhangi bir aşamasında bir önceki adıma geri dönebileceğiniz ve ilgili öğeyi değiştirebileceğiniz veya değiştirebileceğiniz Figma programını kullanmanın bir başka avantajıdır.

İmalat bileşenleri, Figa programının bir başka avantajıdır. Bu özellik ile bileşenleri birleştirerek ve gerektiğinde kullanarak oluşturup kaydedebilirsiniz.

Figma kullanma yöntemleri

Figma programını kullanmak için yazılım yükleme yöntemini veya web sürümünü kullanabilirsiniz. Figma yazılımını kurmak için filtre kırıcıyı kullanarak Figma sitesine gitmeli ve Windows veya Mac işletim sistemi sürümünü indirerek sonraki kurulum adımlarını gerçekleştirmelisiniz. Bu programın web versiyonuna Figma web sitesi üzerinden ve IP değiştirme servisleri kullanılarak ulaşılabilir.

Figma nasıl kullanılır

Genel olarak, programın ilk görünümü ile Ara, Son, Eklentiler, Taslak ile ilgili seçenekleri görüyoruz. Ara'yı kullanarak mevcut dosyaları ve aktif kişileri arayabilirsiniz. Son seçeneği en son oluşturulan dosyalar içindir ve Eklentiler seçeneği yüklediğimiz eklentiler içindir. Son seçenek olan Taslak, üzerinde çalışmakta olduğumuz aktif projeleri gösterir.

Takım oluşturmak için sağ alt köşedeki seçeneği kullanın. Unutulmamalıdır ki Figma'da meslektaş ile ekip kurmak ücretsizdir ancak meslektaş sayısı artarsa ​​ilgili ücretin ödenmesi gerekir.

Projeyi başlatmak için Taslak içindeki artı simgesine veya sağ üst köşedeki ve sol üst köşedeki artı simgesine tıklamamız gerekiyor. Başlanan projenin başlangıçta belirli bir adı yoktur; kayıtlı olması gerekir.

Figma bölümlerine ve araçlarına giriş

İlk başta gördüğümüz sayfa birkaç bölümden oluşuyor. En üstte araç çubuğu bulunur ve menü, Araçlar, Çerçeve, Kalem ve Kurşun Kalem ve metin seçeneklerini içerir. Sağ üst köşede profil resminizi göreceksiniz ve eğer bir ekip varsa, iş arkadaşlarınızın profilini de görebilirsiniz. Paylaş seçeneği profil resminin yanında yer alır ve üzerine tıklayarak projeyi paylaşmak mümkündür ve Paylaş'ın yanında oluşturduğumuz projelerin görüntülenmesi ile ilgili bir simge vardır. Sağdaki sütun çizdiğimiz şekillerin ayarları ve özellikleri, soldaki sütun ise çerçeveler ve katmanlar içindir.

Oluşturduğumuz projeleri tasarlamaya başlamak için önce bir artboard veya çerçeve oluşturmalıyız. Yukarıdaki araç çubuğunda bulunan çerçeve ile ilgili seçeneği kullanarak mobil ekran, tablet vb. boyutunda bir çalışma yüzeyi veya çerçeve oluşturabilirsiniz ve çerçeve tipini onayladıktan sonra ilgili kayıt işlemini yapmanız gerekir.

Üst menüdeki araçlar

Araçları kullanarak çerçevelerin içinde şekiller oluşturabilirsiniz. Bu bölümdeki araçlar sırasıyla dörtgen, çizgi, ok, daire, çokgen ve yıldız ve görüntüyü içerir. Bu araçların özellikleri ile ilgili ayarlar ve değişiklikler sağ sütunda yer almaktadır ve ayarlar, köşelerdeki konumu, boyutu, keskinliği ve diğer bazı özellikleri değiştirmek için kullanılabilir. Burada sağ sütunun ayarlarındaki sayıların matematiksel sembollerle tutarlı olduğu ve ilk dört matematiksel işlem kullanılarak değiştirilebileceği söylenmelidir.

Tasarım sütununda değiştirilebilecek özelliklerden bazıları, köşe yarıçapını kullanarak köşeleri bir dörtgen haline getirmek, dairenin bir kısmını yay ile kesmek, kontur oluşturmak, şeffaflık miktarını değiştirmek ve açıyı değiştirmektir.

Çerçeve içinde şekiller çizerken Shift tuşunu basılı tutmak aynı kenarlara sahip şekiller çizebilir ve bu aynı zamanda dönerken ve açı değiştirirken de geçerlidir.

Figma programında katmanların uygulanması

Layer sütununun programın sol tarafında olduğunu söylemiştik. Bu bölümde önce çerçevenin adını görüyoruz ve çerçevenin altında üstteki son katman sırasına göre katmanları görüyoruz. Bu bölümden bir katman seçmek, çerçeve içindeki ilgili şekli etkinleştirecektir. Katmanların sırası, tıklayıp sürükleyerek ve kısayol tuşlarıyla değiştirilebilir. Shift tuşunu kullanmak, aynı anda birden çok katman seçmenize olanak tanır.

Figma içinde boole işlemi gerçekleştirin

Çerçevelerin içine çizilen ve temas halinde olan veya ortak noktası olan şekiller, çerçevenin üst kısmındaki Boole seçeneği kullanılarak değiştirilebilir. Boolean menü seçenekleri sırasıyla Birleştirme Seçimi, Çıkarma, Kesişme ve Hariç Tutmayı içerir. Boolean eylemlerini kullanmak bize yaratıcı şekiller oluşturma ve çizme yolu sağlar.

Üst menüdeki Kalem, Kurşun Kalem ve Karışım araçları

Kalem aracının kullanımı, grafik yazılımıyla çalışan herkes için açıktır. Bu araç ile düğümler ve çizgiler oluşturulabilir ve çizgimiz tıklanıp sürüklenirse eğri olur. Başlangıç ​​noktası uca bağlanırsa geometrik bir şekil veya eğri çizilir ve sağdaki tasarım menüsünden gerekli değişiklikler yapılabilir.

Kalem, Blend aracını kullanmak ve tıklamak ve sürüklemek durumunda çok sayıda düğüm ve yumuşak mod ile şekiller çizme yeteneği sağlayan başka bir araçtır; topuz tutamaçlarının değiştirilmesi ile ilgili iş yapılır.

Metin araçlarının Figma tasarım programında uygulanması

Genel olarak Metin aracının kullanımı hepimiz tarafından bilinir ve metin yazmak için kullanılabilir. Metin aracını seçip çerçevenin içine tıkladığınızda, sağ sütunda yazı tipi tipi, yazı tipi boyutu, satır aralığı vb.'den bahsedebileceğimiz bir dizi özellik ve nitelik görüntülenecektir.

Doğal olarak sitenizin veya mobil uygulamanızın menülerini ve farklı bölümlerini tasarlamak için bu bölüme ihtiyacınız olacak. Elbette bu yazılımın web versiyonunda Farsça metinler kullanmak mümkün değildir.

Çözüm

Bu yazımızda Figma kullanıcı arayüzü tasarım programını kısaca tanıtmaya ve mümkün olduğunca farklı kısımlarını ve bu programla nasıl çalışılacağını açıklamaya çalıştık. Unutulmamalıdır ki Figma yazılımı kullanıcı arayüzü tasarımında en iyi programlardan biridir ve sahip olduğu özellikler ile son zamanlarda birçok tasarımcı Adobe XD gibi diğer programlardan Figma'ya geçiş yapmıştır.