web tasarım araçları | bildirgec.org

Eğer bir web tasarımcıysanız zamanınız çok değerlidir. Sizlere zaman kazandırabilecek çok çeşitli araçları tanımak isteyeceğinizi düşünüyorum. Web tasarımcılar için 50 zaman kazandıran araç sizlerle..

1. Bounce
En büyük sorunlardan bir tanesi tasarım öğelerini müşterilerine anlatmaktır. Çoğumuz bunun için çeşitli grafik editörlerine tasarımın ekran görüntülerini atarak üzerine açıklamalar yazarız. Bounce tasarımlarda sayfaları bölümleyip, yorum ve metin yazabilmemizi sağlıyor. Ayrıca sayfayı ziyaret edenler de geri dönüşlerini buradan paylaşabiliyor.

2. HammingBird
Web sitesi üzerinde ziyaretçilerin davranışlarını eş zamanlı olarak detaylı bir şekilde sunan bu araç sisteme yüklenen küçük bir node.js dosyasıyla çalışıyor.

Web tasarımcıysanız dikkat etmeniz gereken en önemli şeylerden biri tarayıcılar arasındaki farklılıklardır. Örneğin internet explorer ile tasarladığınız bir sayfa mozilla firefox'ta farklı gözükebilir. CSS uyumu sağlanmayabilir. Bu tarz hataları düzeltmek için diğer tarayılardan kontrol etmeniz gerekmekte. Bu kontrolü sizin için yapan servisler bulunmakta. İşte Popüler servisler;

Net Renderer

Net Renderer, merkezi Almanya'da bulunan bir servis. İnternet explorer'ın tüm sürümleri ile web sitenizi kontrol edebilir anında ücretsiz olarak ekran görüntüsünü elde edebilirsiniz.

Browser Camp

Farklı işletim sistemleri, farklı tarayılar bulunduran bir servis. Aynı anda birden çok sayfanın farklı tarayılarla ekran görüntüsünü almanız mümkün. Servis ücretli.

Web 2.0 gelince web siteleri dahada güzelleşip renklendi.Fakat eski tasarımcıların bazıları buna uyum sağlayamadı.Örneğin bir arka plan için photoshop vb. program ile uğraşmak istemiyorsanız aşağıdaki araçlar tam size göre. Sizin için butonlar, arka planlar, rozetler, yükleniyor simgelerini birkaç dakikada oluşturabilirler. Bazen dar zamanda yapmak zorunda olduğunuz bir iş varsa sizin için hayat kurtarıcı olabilirler. Sizin 10 dakida yapıcağınız işi 1-2 dakika gibi kısa sürede bitirirler.

Favico

(Çok kullanışlı bir favicon oluşturucu. Web siteleriniz için favicon oluşturabilirsiniz.)

SpiffyBox

(Artık yuvarlak köşeli kutu ve bloklar yapmak için uğraşmanıza gerek kalmayacak. Bu servis sizin için yapıyor ve size css, html kodlarınızı veriyor. Size bunları web sitenize eklemek kalıyor.)

web tasarımcılar ve "geliştiriciler" için kullandıkaları "araç" ve "gereçler" her daim ellerinin altında olmasını ister, bu "bildiri"de tasarımcılar için gerektiğinde kullanabileceği araçları bir arada bulabilirsiniz.

01- tasarımlarınızı profesyonellerle paylaşın

tasarımlarınızı başkaları ile paylaşabileceğiniz sosyal ağ sitesi.

02- wix ile ücretsiz flash web sitenizi oluşturun

03- online html ve javascript editörü

demosuna şuradan ulaşabilirsiniz.

mozilla firefox tarayıcılar arasından öne çıkmış bir tarayıcı. belkide onu öne çıkaran eklentiler, temalar ile kişiselleştirilebilir olması. daha önce bir çok yerde ( *, *, * ) web geliştiricileri için firefox eklenti listeleri yapılmıştı. şimdi de sitepoint tarafından web tasarımcıları için firefox eklentileri listelenmiş.

renk araçları

colorsuckr renk skalası yaratmaya yarayan bir araç.

Başlangıç kitleri web tasarımcıları için harika bir zaman kazandırıcıdır.

başlangıç kiti nedir?

GUI (görsel kullanıcı arayüzü) tasarımcıları için buton, sekme, onay kutusu, açılır kutu gibi elemanların ekran görüntüsü ve şablonu oluşturma sürecini hızlandırarak yardımcı olur.

Bu yazıda web tasarımına yeni başlayanlar için faydalı olabilecek başlanıç kit'lerine ulaşabilirsiniz.

gui, form elemanları ve web bileşenleri

Onay kutusu, giriş alanları, metin alanı gibi elemanlar ve web tasarım bileşenleri olan buton, ok işareti, simge, işaret ve daha fazlası.

1. yahoo’s design stencil kit

Muhtemelen bir tasarımcı için eksiksiz bir alet çantası. GUI elemanları takvimler, ızgaralar, menüler, mobil (genel ve iphone), navigasyon ve sayfalama, sekmeler, UI kontrolleri ve daha fazlası!

Web tasarımı için popüler yazılımları satın almanız gerebilir. Ancak bu yazıda mac sisteminiz için ücretsiz ve açık kaynak web tasarım araçlarına ulaşabileceksiniz.

İmaj editörleri ve yardımcı uygulamalar

1 - artrage 2

artage 2 ücretsiz ve kolay kullanıma sahip bir yazılımdır. sanat çalışmalarının nasıl yapılacağına dair size bazı klavuzlar sunmaktadır.

2 - image tricks

Resim oluşturmak ve düzenlemek için ücretsiz bir uygulamadır.

Tasarım sırasında kullanabileceğiniz gerçeklerden işe yarar araçlardan daha kullanışlı hiçbir şey yoktur. İster bir diyagram oluşturma uygulaması olsun ya da vektör görselleri oluşturma yazılımı, CSS kodunuzu iyileştirme ya da biçimlendirme uygulaması veya motif oluşturma uygulaması, bu tip araçlar hayatınızı çok kolaylaştıracaktır. Biz de bunun üzerine bugünkü yazımızda web geliştiricilerinin ve tasarımcılarının hayatını kolaylaştıracak 40 web uygulamasını listeledik.

1. Are My Sites Up?

Are My Sites Up oldukça sade bir servis olup web sitenizin çalışır durumda olup olmadığını düzenli olarak kontrol eden ve bir sorun olduğunda sizi uyaran bir uygulama. Bu ücretsiz servis sayesinde 20 adede kadar web sitesini kontrol edebilir, sınırsız sayıda hatırlatıcıyı elektronik posta ya da kısa mesaj ile cep telefonunuza gönderebilirsiniz. Site kontrolleri günde 25 kez yapılıyor.