İşinizi hızlandıracak 5 web tasarım aracı

Web tasarımı yapan herkesin ihtiyacı olabilecek 5 kullanışlı tasarım aracını sizler için derledik. Bu araçlarla çalışarak iş planınızda hızlıca ilerleyebilirsiniz.

1. Figma

Figma birden fazla tasarımcının ekip halinde aynı proje üzerinde gerçek zamanlı olarak çalışmasını sağlayan bir ara yüz tasarım aracı. Internet tarayıcısı üzerinde çalışabilen bu araç aynı zamanda Windows, Mac veya Linux’da da kullanılabiliyor. Ne için kullanacağınıza bağlı olarak da ücretli ve ücretsiz sürümleri de mevcut.

Ekip arkadaşınızla grafikler paylaşmanızı sağlayan Figma’da açılış sayfası wireframelerinden, ikonlarakadar her şeyi üretmeniz mümkün. Var olan tasarıma yeni katmanlar eklemeniz ise oldukça kolay. Üstelik Figma ile tasarımlarınızı masaüstü, tablet ve mobil alanlarına uygun şekilde tasarlayabiliyorsunuz.

2. Anime

Web sayfasına yerleştirilen animasyonlar uzun süre boyunca dalga konusu olsa da yazılımcılar onlardan vazgeçmiyor. CSS animasyonları ve geçişleri bu konuda ileriye atılmış en büyük adımlardan biri ancak daha karmaşık geçişler için bir kütüphaneye sahip olmanız şart. Eğer uygulamalarınızda daha karmaşık geçişlere yer vermek istiyorsanız anime‘ye bakmanızda fayda var.

Bu konuda basit bir API örneği verelim;

Bu kod, canlandırmak istediğiniz nesneleri ve animasyonların özelliklerini tanımlıyor. API ise CSS seçicilerini, DOM öğelerini veya JavaScript nesnelerini kullanarak öğeleri hedeflemenizi sağlıyor. anime ile daha detaylı bir çalışma yapmak için ise kurucusu Julian Garnier’in CodePen koleksiyonuna ya da Github‘ına bakabilirsiniz.

3. Affinity Designer

Bazılarının Photoshop Katili unvanını layık gördüğü Affinity Designer özellikleriyle bir çok web ve grafik tasarımcının aklını başından alıyor. Ayarlanabilen ve tahrip edici olmayan katmanlar bunlardan biri. Böylece görselleri veya vektörleri onlara zarar vermeden ayarlayabiliyorsunuz. Genellikle Photoshop’ta yüzde 32.000 yaklaştırabildiğiniz görselleri Affinity Designer’da yüzde 1.000.000 yakınlaştırabilmeniz de mümkün. Özellikle vektörler üzerine çalışanlara hitap eden bu özelliğin yanı sıra geri al ve geçmiş özellikleri de oldukça kullanışlı. Öyle ki; Affinity Designer’da 8.000 adım geriye gidebiliyorsunuz.

Affinity Designer kullananlar, programın ara yüzünden de memnun. Dikkat dağıtan öğeleri sizden uzakta tutmayı amaçlayan program, Photoshop, Illustrator ve detaylı >>>

Alıntının kaynağı: Webrazzi