DÜNYA

Figma Kullanıcılarının İşini Kolaylaştıracak 10 Tüyo

macOS ve Windows işletim sistemi için uygulama geliştirenlerin en sık kullandığı arayüz tasarım programı olan Figma kullanırken bazı ipuçlarını bilmek, işinizi epey kolaylaştıracaktır. Figma kullanıcıları için vakit ve emek gücünden tutum etmenizi sağlayacak bazı tüyoları anlattık.

Standart bir kullanıcı için bir uygulamanın derin yazılım özellikleri pek anlam ifade etmez, mühim olan görünen taraf kısaca arayüzüdür. Bu yüzden macOS ve Windows işletim sistemi için uygulama geliştirenler Figma programı ile arayüz tasarımları yaparlar. Figma, benzerleri olsa bile sunmuş olduğu özellikler ile öne çıkmakta ve uygulama arayüzü tasarlamak mevzusunda uzun süreden beri en popüler olma unvanını korumaktadır.

Yetenekli bir tasarımcı, Figma ile hakikaten mükemmel işler başarabilir. Sadece bu mükemmel işler için yoğun emek gücü ve vakit harcamak gerekiyor. Her programda olduğu şeklinde Figma için de kullananların işini kolaylaştıracak bazı ipuçları ve tüyolar var. Söz mevzusu tüyoları bilmeden de mükemmel tasarımlara imza atılabilirsiniz sadece birkaç tüyo bilmek, oldukça zorluk derecesi yüksek tasarım sürecini birazcık daha kolaylaştıracaktır.

Figma’da işinizi kolaylaştıracak tüyolar:

  • Bileşen ve katmanlara hususi adlar verin.
  • Birden fazlaca sayfa üstünde gruplama yapın.
  • Zamandan tutum etmek için bileşenleri kullanın.
  • Hazır Figma stillerini kullanmaktan çekinmeyin.
  • Bileşenleri değişik boyutlarda inceleyin.
  • Kesinlikle tüm Figma kısayollarını öğrenin.
  • Izgaralarınızı her yerde kullanın.
  • Renkleri tek tek değiştirmekle uğraşmayın.
  • Arama çubuklarını etkili kullanın.
  • Renk stillerine süratli ulaşın.

Bileşen ve katmanlara hususi adlar verin:

figma,  dosya adları

Tasarımın ne kadar karmaşık olduğuna bağlı olarak kullanıcı, kimi zaman yüzlere bileşen ve katman içinde bile kalabilir. Bu dosyaları varsayılan isim ile kullanmak ya da o kadar da açıklayıcı olmayan adlar vermek, ilerleyen süreçte içinden çıkılmaz bir karmaşaya sebep olacaktır. Tertipli bir gruplama yapmak, uzun da olsa açıklayıcı dosya adları vermek ve her birini doğru bir halde yerleştirmek fazlaca daha verimli çalışmanızı elde edecektir.

Birden fazlaca sayfa üstünde gruplama yapın:

figma,  sayfa oluşturma

Tasarım yaşamına hemen hemen yeni adım atmış olan kişiler tüm kullanıcı akışlarını, yinelemeleri ve bileşenleri aynı sayfada tutarak sanki her şey ellerinin altında olursa daha kolay olur diye düşünürler. Normal olarak bu durumun yarattığı tek şey kafa karışıklığı olur. Katman panelinde bulunan menüden istediğiniz kadar yeni sayfa açabilir ve bu sayfalarda aynı öğeleri gruplandırarak kendinize ne aradığınızı kolayca bulabildiğiniz bir emek verme ortamı yaratabilirsiniz.

Zamandan tutum etmek için bileşenleri kullanın:

figma,  bileşenler

Diyelim tasarımınızda tekrarlanabilir simgeler ve düğmeler var. Emek verme sisteminize uygun olarak bir ihtimal onlarca da kopya tasarım öğesi oluşturdunuz. Peki, yaptığınız her bir düzenlemeyi yeniden yeniden kopyalar üstünde tekrardan gerçekleştirmek mantıklı mı? Doğal olarak ki değil. Tekrarlanabilir simgeleri ve düğmeleri birer bileşene dönüştürün. Böylece orijinal tasarım üstünde yaptığınız her değişim kopyalara da yansıyacaktır. Zamandan iyi mi tutum edebileceğinizi bir düşünün.

Hazır Figma stillerini kullanmaktan çekinmeyin:

figma,  hazır stiller

Tasarımın yapısına gore değişim gösterse de bir tasarımcı kimi zaman yüzlerce tasarım öğesinin içinde kaybolabilir. Hazır stiller ise tüm bu öğelerin standart dizilimini sunar. Bir unsur için hazır bir yoldam seçtiğiniz vakit her seferinde tekrardan elle kıymet girmekten ve düzenleme yapmaktan kurtulursunuz. Küçük bir renk değişikliği yapmak istediğiniz vakit elle bu kıymeti tek tek girmek yerine hazır bir yoldam yardımıyla tek tıkla bu değişimi gerçekleştirebilirsiniz. Kolay şeklinde görünen fakat tam anlamıyla yaşam kurtaran bir tüyo.

Bileşenleri değişik boyutlarda inceleyin:

figma,  boyut, çerçeve

Figma üstünden bir bileşen oluşturduğunuz vakit elle belirli bir kıymet olarak girerek tam da olması ihtiyaç duyulan boyutu ayarlayabilirsiniz. Sadece çalışmanın ilerleyen safhalarında boyut değişikliğine gitmek zorunda kalabilir ve bileşenin hangi boyuta haiz olması gerektiğinden güvenilir olamayabilirsiniz. Bileşen çerçevesinin bir ucundan tutarak değişik boyutlarda iyi mi göründüğünü öğrenebilirsiniz. İyi hazırlanmış bir bileşen, her boyuta uyum elde edecektir.

Kesinlikle tüm Figma kısayollarını öğrenin:

figma,  kısayollar

Her program şeklinde Figma da kullanıcıları için bazı işlemleri kolayca gerçekleştirebilecekleri kısayollar sunuyor. Ctrl + C şeklinde kısayollar artık hepimiz tarafınca biliniyor ve her programda uygulanıyor. Sadece Figma’da fazlaca daha fazlası var, hem de buraya sığmayacak kadar. Katman panelindeki menüden Yardım ve Hesap seçeneğine, oradan Kısayollar seçeneğine tıklayarak Figma üstünden kullanabileceğiniz tüm kısayolları öğrenebilirsiniz.

Izgaralarınızı her yerde kullanın:

figma

Bir tasarıma başlamadan ilkin epey uğraştınız ve neyin nereye geleceğini gösteren mükemmel bir ızgara yaptınız. Ondan sonra değişik bir emek verme yüzeyi açtınız ve o da ne, o denli emek verdiğiniz ızgara yok. Merak etmeyin, ızgaranızı değişik emek verme yüzeylerinde de kullanabilirsiniz. Sağ paneldeki ızgara butonuna tıklayın, buton mavi olduktan sonrasında Ctrl + C tuş kombinasyonunu tuşlayın. Izgarayı kullanmak istediğiniz emek verme yüzeyini açın ve yapıştırın. İşte bu kadar kolay.

Renkleri tek tek değiştirmekle uğraşmayın:

figma,  renk

Her tasarımın genel bir renk teması olur ve tasarımdaki öteki bileşenler de bu temaya uygun renklerde düzenlenir. Sadece her şey tasarımcının elinde. Vazgeçtiniz ve artık değişik bir renk teması üstünde çalışmak istiyorsunuz diyelim. Renkleri tek tek değiştirerek tüm gününüzü harcamayın. Sağ panelden Selection Colors aracını açın ve buradan tüm tasarımın renk temasını tek tıkla değiştirin. Yeni rengi beğenmediyseniz aynı vasıta üstünden eski haline çeviriverin.

Arama çubuklarını etkili kullanın:

figma,  arama çubuğu

Figma panellerinde bulunan neredeyse tüm araçların üstünde bir arama çubuğu görürsünüz. Bazı tasarımcılar asla tenezzül etmezler fakat bir öğeyi arama çubuğu üstünden arayarak, elle aramaktan fazlaca daha süratli bir halde bulabilirsiniz. Bilhassa metin stili şeklinde binlerce seçeneğin olduğu bir araçta hangisini kullanacağınızı bulmak oldukça uzun sürebilir. Bunun yerine arama çubuğuna birkaç harf yazarak anında aradığınız metin stilini bulabilirsiniz.

Renk stillerine süratli ulaşın:

figma,  renk

Tasarımcılar fazlaca iyi bilecektir, bir rengin onlarca değişik stili vardır. Kısaca mavi, devamlı yalnızca mavi değildir. Bu stili belirlemek için elle sayısal kıymet de girebilirsiniz fakat bir değil, beş değil tek tek elle renk stili belirlemek fazlaca zaman alacaktır. Bunun yerine sağ paneldeki Kılavuz menüsünden Sıralama seçeneğini açın. Renk Stilleri aracı üstünden aradığınız rengin binbir tonuna ulaşabilir ve tek tıkla bu değişimi tasarımınıza yansıtabilirsiniz. Hissedilir bir vakit tasarrufu sağlayacaksınız. 

macOS ve Windows işletim sistemine uygulama geliştiren kullanıcılar içinde en popüler arayüz tasarım programı olan Figma kullanırken işinizi kolaylaştıracak bazı tüyolardan bahsettik. İşin ustaları elbet bu tarz şeyleri biliyordur sadece tasarım yaşamına yeni adım atanlar için bu tüyolar kulağa küpe olacak cinsten. 



İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu
Kapalı

Please allow ads on our site

Looks like you're using an ad blocker. We rely on advertising to help fund our site.