10 Ücretsiz Web Tasarım Aracı

Web Tasarım işiyle uğraşan start-up'lar veya grafikerlerin işin aslında çok iyi bir toolsete ihtiyaç duydukları kesindir. İyi bir tasarımcının hard-diskinde neler miweb-tasarim-teknikleri olur dersiniz. Sizin için sayalım.
1. PSD Kaynakları : Örnek hazırlanmış psd kaynaklar tasarımcının hızını arttıracaktır. Bu yüzden etkili bir tasarım oluşturabilmek için farklı tasarımlardan ilham almakta tabiyki sakınca yok.
2. Tasarım için Yazılımlar : Tasarımcı firefox, photoshop, illustrator gibi temel tasarım araçlarıyla istediği arayüzü tasarlayabilir.
Bu yüzden Adobe serisini daha fazla önerdiğimizi tasarımcılar web tasarımı için ihtiyaç duydukları tüm araçları Adobe Creative CC'de bulabilirler. 
3.Script Yazılımları: Tasarımı hazırladınız slice ladınız. Ancak buna can katacak bazı frameworkların, javascript kütüphanelerinin de hazır olması gerekir. Bunları internette ücretsiz olarak bulabileceğiniz gibi eğer bir sitede gördünüz ve çok hoşunuza gittiyse yapacağınız işlem basit. Kaynak koduna bakın ve fikir sahibi olun. Yeter ki ne aradığınız bilin 🙂
4. Emulatörler Tasarımı yaptınız aceba tasarımınız mobil uyumlu mu? Hızı nasıl? İşte bunları öğreneceğiniz emülatör uygulamaları da mevcut. Sitenizi IE,Chrome,Firefox,Safari de test etmeden müşteriye sunarsanız hayal kırıklığı yaşayabilirsiniz. Ne mi yapmanız gerekiyor, bazı browser buglarını kullanabilirsiniz.
Detaylı bilgi ve yardım almak için bize email gönderebilirsiniz.

Tabiyki liste böyle uzayıp gider, siz de bu sektörde kalıcı olmak için hızlı düşünebilir ve iyi araştırmacı olmanız gerekir. İşte web tasarımcılar da mikro ve makro planlar yaparak bir website projesini iyi bir şekilde ele almalıdır. Tabiyki eğer bir tasarım ajansında yer alıyorsanız zaten biraz daha rahatsınız. Herkesin bir iş bölümü olduğundan iş sizin üzerine binmez, iş paylaşımı ile etkili tasarımlar hazırlayabilirsiniz.

Biz işin biraz daha dinamik boyutuna el atmak istedik. Tasarımcıların ihtiyaç duyduğu wordpress eklentileri, temaları, basit uygulamaları,kütüphaneleri, grafik paketlerini ve daha birçok işe yarar know-how'ı sizler için derledik. Umarım makalemizi bunca emeğe karşı paylaşırsınız.

Tabiyki bu kadar geniş içeriği daha rahat bulabilmeniz ve kullanabilmeniz için kategorilere ayırdık.

1. HTML CSS & Sass (bu sayfa)
2. JavaScript
4. Tasarım Araçları
5. Mobil Genel Bakış

A. ai2html
ai2html
This is an open-source script that converts your Ilustrator documents to HTML and CSS, from the developers at the New York Times. It looks like a really powerful and useful tool for designers who work in Adobe Illustrator. The script is a JavaScript file that you download and drop into the scripts folder of your Illustrator install.
İllustrator dökümanlarınızı html+css ye dönüştüren muazzam bir ücretsiz kaynaktır. Çok güçlü ve kullanışlı olan bu aracı illüstrator sevenler için geliştirmişler. Dosya javascript dosyası olduğundan illüstratör dizinine ekleyerek yüklemeyi gerçekleştirebilirsiniz. Aslında benim gibi photoshop sevmeyenler için ideal bir araç olduğu kesin. Ama unutmamak gerekir ki bunlar da yapay zeka olmadığı için yeterli bir kullanım sağlamayacaktır. Ajansımızda çalışan tasarımcıların birçoğu artık bu aşamaya bile gerek duymuyor. 🙂

uikit
02. Autoprefixer ( Otomatik Düzeltici)

You're not still writing CSS vendor prefixes by hand, are you? Keep your development files clean and let Autoprefixer (now a PostCSS plugin) do the hard work for you as part of your build process.

Yazımın ilk başlarında belirtmiştim. CSS uzmanı olmayabilirsiniz ki css başlı başına bir uzmanlık dalıdır. Elbette hatalarınız olacak,W3C uyumundan tutun da browser ayarlarında elbette farklılıklar olacaktır. Sizde kendi css inizi autoprefizere bırakın bu işi sizin adınıza yapsın. Şimdilerde eklentisi de çıkmış elinizi çabuk tutun, keyfine varın.

05. Ani Koleksiyonu

AniCollection hazır CSS animasyon kütüphanesidir. Kodlarınıza çağırırsanız ve uygun bir şekilde kullanırsanız sayfanızda güzel,hareketli ve dikkat çekici bir hava katacaktır. Unutmayın HTML, CSS or JavaScript 3 lüsü mahşer 3 lüsü gibidir. Olmazsa olmaz.

Size bir tüyo vereyim, tasarımı yaptınız, çok da beğendiniz. Hemen müşterinize sunmayın. 3-4 arkadaşınızın, varsa grafiker arkadaşlarınız daha iyi olacaktır. Görüş ve yorumlarınızı alın, ertesi gün sunum yapın. Ayrıca tasarımı yapıyorsanız neyi neden yaptığınızı anlatmayı da unutmayın. En iyi grafiker, tasarladığını müşteriye gerekçeleriyle birlikte en iyi anlatandır. Bunu bizzat yaşayan bizler, bazen müşteri telefonda iken ilk etapta beğenmeyip anlayamadığı tasarımı, nedenleriyle birlikte izah ettiğimizde zaten kendisi gerekeni yapmaktadır. Bu makalemizi paylaşmanız bizi onore edecektir.

Bir dahaki makalemizde daha etkili bir şekilde bunu yaşayacağız.