Web Tasarımı için 25+ Fresh Tools
Son aylar, her beceri seviyesinde tasarımcılara çok güzel şeyler getirdi.
Web siteleri tasarlamak için araçlarımız var. Bazıları bir tür melez görsel / kod iş akışı oluşturmaya çalışırken, diğerleri yeni başlayanlar için kodu tamamen uzak tutar.
Ayrıca hem uygulamalar hem de siteler için prototipleme araçları ve birkaç test aracı da var. Bazıları yeni. Diğerleri bir süredir etrafta dolaşıyor, ancak yakın zamanda müthiş yeni şeylerle güncellendi.
Kazanın! Keşif yarının eğlencesi.
Tasarım araçları
Amerika papağanı Scarlet
İlk önce listede Amerika papağanı Scarlet , çok taze bir araç, henüz yok! Ama sonra, bize orijinal Amerika papağanı getiren adamlardan geliyor, bu yüzden zaten birçok insan heyecanlanıyor.
Kendisini “canlı tasarım ortamı” olarak faturalandıran Macaw Scarlet, herkes için daha kolay yanıt veren web tasarımı yapmaya yönelecek.
sarı kuyruksallayan
sarı kuyruksallayan bir tasarım aracı değil, bir CMS. Yine de, özellikle içerik tasarımının söz konusu olduğu durumlarda, tasarım iş akışına kolaylıkla dahil edilebilir.
Görüyorsun, fantastik bir özelliği var Streamfield Bu, Medium'un yazı editörüne çok benziyor. Fark, özelleştirilebilir ve dolayısıyla daha güçlü olmasıdır. Bu, kullanıcının her sayfada içerik tasarlaması için çok daha kolay hale getirir.
Sketch 3 için Sihirli Ayna
Işte bir tane Sketch kullanıcıları için. Temel olarak, mockup'ları stok fotoğraflarına koymanıza yardımcı olacak bir çeşit akıllı nesne yapar.
Tel çerçeveleme araçları
Tel akış
Bu kişisel onay belgesini alır. Normal olarak çizim dostu olmayan tabletimde hızlı çalışır ve tel çerçeveleme uygulamasından istediğin her şeyi bulabilirsin.
Ayrıca bir telefon uygulama arayüzünü düzgün bir şekilde görselleştirmek için harika bir yol olabilecek telefon boyutundaki cihazlarla çalışmak üzere tasarlanmıştır.
Apple Watch tel çerçeve kiti
Tel çerçeve UI Apple İzle için öğeler! Daha ne bilmen gerekiyor?
PowerMockup
Apple'ın Keynote yazılımı için birden fazla tel kafes araç seti bulunmaktadır. Biri Powerpoint için gerçekleşmeden önce sadece bir zaman meselesiydi. Ve sahipler. İşte burada.
Prototipleme araçları
Origami
Facebook'un tüm yolundan geliyor: “ Origami modern kullanıcı arayüzleri tasarlamak için ücretsiz bir araçtır. Bir prototipi hızla bir araya getirin, iPhone veya iPad'inizde çalıştırın, üzerinde yineleyin ve mühendislerin kullanabileceği kod parçacıklarını dışa aktarın. ”
Bu kod parçacıklarının gerçekte ne kadar yararlı olduğuna dair henüz bir kelime yok. Ama bu Facebook. İyi mühendisleri var.
mucize
Basit araçlar ve sağlam bir serbest plan ile mucize harika bir prototipleme uygulaması yapar. Dropbox ve Google Drive'la bütünleşir, belirttiğiniz görüntüleri içe aktarır ve bir uygulamanın hızlı bir şekilde oluşturulmasında bunları birbirine bağlamanıza olanak tanır.
İçe aktarılan resimleriniz de senkronize edilir. Yeni sürümleri Dropbox veya Google Drive'a kaydederseniz, prototip uygulamanız otomatik olarak güncellenir.
Protosketch
Protosketch iPad için tasarlanmış bir prototip uygulamasıdır. Bir UI seti (tonlarca bileşen dahil), temel vektör araçları, hizalama araçları ve çok daha fazlası ile birlikte gelir.
Şu anda beta sürümünde ve sadece iPad için değil, ama eğer bu sizin platformunuzsa, bu sizin için mükemmel olabilir. Diğer uygulamalarla da güzel çalışır: dosyalarınızı raster formatlarda, SVG ve PDF olarak dışa aktarabilir.
Frontify
Bu listedeki diğer birçok araç gibi Frontify prototipleme yapar. Ayrıca bir grup olarak marka ve stil rehberleri üzerinde çalışma yapmak için araçlar sunar. Renk paletinizi oluşturun, tarzınızı tanımlayın ve UI öğeleri kütüphanesi oluşturun ve ekibinizin geri kalanıyla paylaşın.
atomik
kullanım atomik Dosyalarınızı Photoshop veya Sketch'den çekmek ve bunlardan prototip yapmak. Sürüm kontrolü, işbirliği özellikleri ve daha fazlası bunu kaygan, hızlı, yinelemeli tasarım için mükemmel bir araç haline getiriyor.
Form
Form iPhone'unuzla birlikte çalışan gelişmiş bir prototip yaratıcısıdır. Masaüstünüzde veya dizüstü bilgisayarınızda prototip oluşturun ve sonuçları hemen telefonunuzda görün. Ayrıca, prototipinizin harika görünmesi için Google'ın Materyal Tasarım ilkelerini kullanır.
Pixate
Pixate Telefonunuzda görüntülenen yüksek kaliteli “yerel” prototipler konusunda uzmanlaşır ve gerçek bir şey gibi çalışır.
Web oluşturucuları
Sandvox
Sandvox aralarında kodlayıcı olmayanlar için bir Mac uygulamasıdır. Büyük ölçüde şablon tabanlı (Internet'in giderek artan bir kısmı gibi), ancak daha gelişmiş kullanıcıların elle bir şeyler eklemeleri için şartlar hazırlıyor.
Bloglar gibi bazı site türleri için bir tür CMS olarak iki katına çıkar ve yazılım “yeni” olmasa da, son sürümler Sandvox Hosting'i tanıttı. Aramızdaki el kodlayıcılar bu fikre geri dönebilir, ancak yeni başlayanlar için paket anlaşması gerçekten harika.
Yine de, herhangi bir ana bilgisayarla çalışır, yani eğer bunu kendin halletmek istersen, yapabilirsin.
XPRS
Yeni başlayanlar için bir site oluşturucu XPRS sanatçılar ve öğrenciler için kişisel kullanım için ücretsiz siteler sunuyor. İş ve e-ticaret için pro planları var.
WordPress üreticileri
Tematik Akış
WordPress'in onun dedektifleri olabilir, ancak diğerleri bunu şaşırtıcı yeni yönlere taşıyor. Örneğin, Themify'daki çocuklar, yayın platformunun üstünde bir tasarım aracı yaratmanın zamanı olduğuna karar verdiler.
Sonuç Tematik Akış Bu, sürükle bırak arayüzünden özel, duyarlı WordPress temaları oluşturmanıza olanak tanır. Hepsinden iyisi, ücretsiz ve açık kaynak.
Köşetaşı
Köşetaşı Themify Flow ile rekabet ediyor, WordPress'in kendisinin üstünde WordPress temaları oluşturmanın görsel bir yolunu sunuyor.
Ancak, farklı çalışır. Örneğin, canlı kod düzenleyicisine ve ön uç tasarımına geliştirici düzeyinde erişim sağlamak için diğer özellikler tasarımına sahiptir. Ayrıca, satın aldığınız sürece ücretsiz değildir . X Teması .
Qards
Quards WordPress için başka bir sayfa oluşturucu eklentisidir. Tasarım işlerinin çoğu sizin için yapılmış, ancak tek bir şablon seçmek yerine, her sayfayı “kartlarla” oluşturuyorsunuz.
Bunlar temel olarak, bütün bir sayfa oluşturmak için karıştırılabilen ve eşleştirilebilen önceden hazırlanmış düzen bölümleridir. Açılış sayfaları, yeni makaleleri ve orijinal yollarla tek tek makaleleri, tanıtım sitelerini ve bu gibi şeyleri düzenlemek için iyi.
İşbirliği ve üretkenlik araçları
Röle
Hızlı ve kolay araç Tasarımlarını paylaşması gereken Slack kullanıcıları için çok çalışıyor. Adobe CC, Sketch, Chrome ve OSX için uzantılar / uygulamalar ile, üzerinde çalıştığınız her şeyi paylaşmanızı kolaylaştırır.
Skala Önizleme
Photoshop veya Android'de ne yapıyor olursanız olun önizlemelerini görmek ister misiniz? Sadece yükle Skala Önizleme ve sadece herhangi bir mobil cihaz için kayıpsız, renk mükemmel önizlemeler gönderebileceksiniz.
Cihazı wi-fi kullanmak yerine USB üzerinden bilgisayarınıza takma seçeneği ile birlikte gelir.
RightFont
RightFont Adobe CC ve Sketch ile entegre Mac için hızlı, güzel yazı tipi yöneticisidir.
Taze kod
jQuery 3
jQuery 3 alpha jQuery 3 alfa serbest bırakıldı. Konuşulacak yeni özellikler yoktur, ancak eski özelliklerin, hata düzeltmelerinin ve performans iyileştirmelerinin kapsamlı yeniden yazımları olmuştur.
Daha Kolay Kenar Çubuğu
JQuery'den bahsetmişken, tasarımcının işini çok daha kolaylaştırabilecek bir dizi yeni eklenti var, özellikle de biraz da kod yazan bir tasarımcıysanız.
İle başlıyoruz Daha Kolay Kenar Çubuğu , kenar çubukları yapar. Küçük, hızlı, güzel. Sadece kullanma hamburger menüsü Bunu tetiklemek için sanırım.
Labelauty
Etiketlemek radyo düğmeleri ve onay kutuları modaya uygun. Tarayıcıların kendi işlerini yapmasına izin vermeyen tasarımcı için harika.
Akıllı-tutucu
Formları doldururken, bazen bir alana tıklarım, bir şeyin dikkatini dağıtırım ve sonra tekrar geleceğim. Bu alan bir yer tutucu özelliği ile etiketlenmişse, bazen yazmam gereken şeyi hatırlamak için onu seçmem gerekiyor.
Aptal ama insan.
Akıllı-tutucu tasarımcısını, yer tutucunun yazılan metnin altında görünmesini sağlayarak çözer. Temiz, doğru mu?
Yenilenmiş araçlar
Çoktan bilinen uygulamalarda yapılan büyük işlere dikkat etmediysek, biz de berbat oluruz. Son zamanlarda bazı kayda değer güncellemeler yapmış olanlar:
WebFlow
Web akışı yapıldı üçüncü taraf hizmetleri entegre etmek Bazı yeni yollarla işlevselliğini (internetin geri kalanı gibi) içine. Şu andan itibaren web formlarınıza Webflow'tan işlevsellik ekleyebilirsiniz.
Mailchimp listelerine e-posta ekleyebilir, tweet'leri gönderebilir, Google e-tablolarına veri ekleyebilir veya Evernote ile yeni bir not oluşturabilirsiniz. Ayrıca, formunuzun bir e-posta göndermesini de sağlayabilirsiniz.
InVision
InVision tanıtılıyor Yeni özellikler sürekli, ücretsiz, sınırsız mobil kullanıcı testi, iş akışı yöneticisi, Dribbble entegrasyonu ve emoji dahil. Evet Emoji.
Çarpıcı
Son aylarda, Strikingly bir tanıttı yeni sayfa düzenleyici , işbirliği ve hatta bir ekledi RSS yayını Blog işlevselliği için… Asla geç olmamasından iyidir.
Adobe Muse
Son olarak, Adobe Muse hala bir şey - hey, herkesin DreamWeaver'ın gücüne ihtiyacı yok. Daha güçlü eski kardeşleri gibi Muse da artık TypeKit'ten herhangi bir yazı tipi kullanabilir.
Artık bloglar, e-ticaret siteleri ve geliştirilmiş iletişim formları oluşturabilir. Ayrıca, CC uygulama grubundaki diğer uygulamalar gibi, artık kitlesel erişime de erişebilir Adobe Hisse Senedi kütüphane.
