İçerik
- 01. Tasarım Sistemleri Repo
- 02. PixelSnap
- 03. Eskiz.Ripper
- 04. Stackswell
- 05. Değişken Yazı Tipleri
- 06. Şeritli Faturalama
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradients
- New York'u Oluşturmak için biletinizi alın
Bu ayki toplamamızın teması hız ve verimlilik: bunlardan birkaçı web tasarım araçları tasarımla hiçbir ilgisi olmayan sıkıcı, sinir bozucu görevleri ortadan kaldırarak iş akışınız için harika şeyler yapacak. Stackswell'i ele alın - Sketch'te duyarlı tasarım yapmanın tüm can sıkıcı kısımlarını otomatikleştirir. Araçlarımızdan bir diğeri, bir .sketch dosyasından tüm varlıkları çıkararak ve düzenleyerek işleri sizin için hızlandırır.
Üstelik Stripe'den harika bir yeni faturalandırma ürünü, Tina Roth Eisenberg'in reklam öğeleri için harika bir ağ oluşturma aracı ve ekranınızdaki nesneleri piksel cinsinden ölçmek için harika bir araç var.
01. Tasarım Sistemleri Repo
Kuruluşunuzun tasarım sistemi için bazı bileşenler üzerinde çalışmakla, hatta belki de sistemin kendisini oluşturmak veya kodlamakla görevlendirildiyseniz, konuyla ilgili en son kaynaklarla hızlanmak isteyeceksiniz.
Bunun için Design Systems Repo sizin dostunuzdur. En iyi kuruluşların ve önde gelen düşünürlerin işleri nasıl yaptığını anlamak için kullanabileceğiniz kitaplar, makaleler, konuşmalar, web siteleri, araçlar, tasarım sistemleri, kalıp kitaplıkları ve stil kılavuzlarından oluşan bir koleksiyondur.
02. PixelSnap
PixelSnap, ekranınızdaki şeyleri ölçmeyi çok daha az sinir bozucu hale getiren çok şık bir uygulamadır. İmlecinizi bir resim ve bir başlık gibi iki öğenin arasına koyun ve aralarındaki piksel sayısını size otomatik olarak söyler. Bir öğenin etrafına bir dikdörtgen çizin ve etrafına yaslanıp boyutlarını size söyleyin. Evet. Her şeyi bu kadar hızlı ölçebilirsiniz.
Fikir edinmek için ana sayfadaki videoyu izleyin. Uygulamanın fiyatı 15 ABD dolarıdır ve tek dezavantajı, şimdilik yalnızca bir Mac uygulaması olarak kullanılabilir olmasıdır. Ama bir Mac kullanıcısıysanız, bu harika bir şey.
03. Eskiz.Ripper
Varlıkları Sketch'ten başka bir takıma aktarmak için dışa aktarmak ve hazırlamak gerçek bir sürüklenme olabilir, bu nedenle bunu sizin için tek bir tıklama ile yapacak bir aracın olasılığı oldukça heyecan verici. Sketch.The.Ripper, ekranları ayıklar ve düzenler, tüm çalışma yüzeylerinden görüntüleri bir .sketch dosyasında kopyalayıp tarar ve bunları uygun bir şekilde sunar. Burada riplenmiş bir dosyanın çıktısının bir örneğini görebilirsiniz.
Bu araç web tabanlıdır, bu nedenle herhangi bir işletim sisteminde çalışır ve insanlar farklı sistemler kullanıyorsa iş akışınızdaki bazı sürtünmeleri ortadan kaldırabilir. Icons8 tarafından yapılmıştır ve buradan daha fazla bilgi edinebilirsiniz.
04. Stackswell
Stackswell, medya sorgularını Sketch'e getirerek ve her kesme noktası için yazı stillerini ve sembolleri güncelleme sürecini otomatikleştirerek duyarlı tasarım iş akışınızı hızlandırır. Bu işi elle yapmak yerine, bir çalışma yüzeyinin genişliğini ayarladığınızda stiller otomatik olarak güncellenir.
Stackswell ayrıca, her bir kesme noktası için dikey aralıklarınızı kontrol etme işinden de kurtulur, böylece minimum güçlükle tutarlı aralık elde edersiniz. Bu makalede daha fazlasını okuyabilirsiniz.
05. Değişken Yazı Tipleri
Değişken yazı tipleri, her biri için ayrı bir dosya eklemenize gerek kalmadan birçok farklı yazı tipi ağırlığı ve genişliği kullanmanıza olanak tanır: bir dosya ekler ve ardından yazı tipini CSS kullanarak değiştirirsiniz. Bu harika bir durumdur çünkü sayfa ağırlığınızı artırmak zorunda kalmadan tipografiyi tasarımlarınızda en iyi şekilde kullanmanıza olanak tanır.
Yine de tüm değişken yazı tipleri eşit değildir; bazıları diğerlerinden daha esnektir. Bu araç, farklı yazı tipleri bulmanızı ve ihtiyaçlarınıza uygun olup olmadıklarını görmek için onlarla denemeler yapmanızı sağlar. Değişken yazı tipleri hakkında daha fazla bilgi almak ve nelerin başarılabileceğine dair bir fikir edinmek için bu demoyu deneyin.
06. Şeritli Faturalama
Stripe’in çevrimiçi işletmelere yönelik yeni faturalandırma ürünü, bir faturalandırma sistemi oluşturma veya satın alma ikilemini düşünen şirketler için üçüncü bir yol sunuyor (bununla ilgili daha fazla bilgi için, çevrimiçi mağaza çözümleri hakkındaki makalemize göz atın). Stripe Billing API, mevcut bir siteye kolayca entegre olur ve ihtiyaçlarınıza göre uyarlanmış esnek bir sistem oluşturmak için yapı taşlarını kullanmanızı sağlar.
Sisteminiz kurulduğunda, her şey abonelikler, faturalar ve finansal raporlar hakkında bilgi sahibi olabileceğiniz bir kontrol panelinden yönetilir. Ayrıca, Stripe’in farklı para birimleri ve kredi kartlarını yöneten global ödeme sistemi ve fiyatlandırmayı denemenizi sağlayan esnek faturalandırma bileşenleri gibi güçlü özelliklere de sahip olursunuz.
07. CreativeGuild
CreativeGuild, on yıl önce Brooklyn'de Tina Roth Eisenberg tarafından kurulan aylık ücretsiz bir konferans dizisi olan CreativeMornings'in bir yan ürünüdür. Konsept bir hit oldu ve şimdi tüm dünyada 185'den fazla şehirde, her biri üyelerini besleyen ve onlara ilham veren kendi canlı topluluğuna sahip CreativeMornings bölümleri var.
CreativeGuild, daha fazla kişinin erişebilmesi için bazı topluluk özelliklerini çevrimiçi hale getirmeyi amaçlamaktadır. Bunu biraz LinkedIn gibi düşünebilirsiniz, ancak yaratıcılar için. Yaratıcı şirketler, kişiler ve işlerden oluşan bir dizin vardır ve şehrinizdeki fırsatları bulmak için konuma göre arama yapabilirsiniz.
08. Mobbin
Mobbin, kendi projeleriniz için fikir edinmek için kullanabileceğiniz bir mobil uygulama tasarımları galerisidir - çok sayıda uygulama yüklemek yerine, diğerlerinin tasarım sorunlarını nasıl çözdüğünü görmek için tek bir yerde bunlara göz atabilirsiniz. Her uygulama için altı ekran görüntülenir, böylece her biri için kullanıcı yolculuğu ve tasarım modeli hakkında fikir edinebilirsiniz. İş listelerini gösteren bir kenar çubuğu da vardır.
09. HueSnap
İlhamın ne zaman geleceğini asla bilemezsiniz; belki bir otelin dekoru veya parktaki ışık, işiniz için doğru renk şeması gibi hissedecektir. Böyle bir durumda, bir fotoğraf çekebilir ve HueSnap'i kullanarak renkleri görüntüden alıp bir palete dönüştürebilirsiniz.
Uygulama mobil kullanıma yöneliktir, bu nedenle telefonunuzda en iyi şekilde çalışır ve paletlerinizi kaydedebilir ve başkalarıyla paylaşabilirsiniz. Bir paleti değiştirmenize yardımcı olacak, tamamlayıcı ve bileşik renkleri seçme seçenekleri gibi çeşitli özellikler vardır. Paletlerinizin her biri en fazla altı renge sahip olabilir.
Daha fazlası için, web tasarımcıları için en iyi renk araçları derlememize bir göz atın.
10. Eggradients
Bu güzel gradyan koleksiyonunu bir araya getiren kişi, renk konusunda harika bir göze ve ilginç bir mizah anlayışına sahiptir. Her gradyan, yumurta şeklindeki bir kapta gösterilir ve renklerle bir şekilde ilişkili olan veya olmayan bir ad verilir. Bir ilişki varsa, onu deşifre edemedik.
Örnek isimler arasında turkuaz renk geçişi için "Başarılı Göçmen", soluk mavi için "Wozniak’ın Kırık Kalbi" ve sarıdan yeşile geçiş için "Merhametli Düşman" sayılabilir.
New York'u Oluşturmak için biletinizi alın
Önde gelen web tasarım etkinliği New York'u Oluştur geri döndü. 25-27 Nisan tarihleri arasında gerçekleşecek olan ana konuşmacılar arasında SuperFriendly's Dan Mall, web animasyon danışmanı Val Head, tam yığın JavaScript geliştiricisi Wes Bos ve daha fazlası yer alıyor. Ayrıca bir günlük atölye çalışmaları ve en iyi ağ oluşturma fırsatları var - bunu kaçırmayın. Generate biletinizi şimdi alın.
