Web Sitesi Tasarım Araçları Nelerdir?

Web Sitesi Tasarım Araçları Nelerdir?

Web tasarım ‘ını meslek olarak tercih etmek isteyen genç arkadaşlara yol göstermek ve yeni tasarımcıların da kullanabileceği pratik ve oldukça faydalı olan araçları sizler için bu yazımızda paylaşmak istedik Genellikle çok kişi tarafından sevilerek kullanılan, faydalı olduğu bilinmekte olan ve bunun yanında sizinde işinize yarayacağını düşündüğümüz web tasarım araçları sizlerle paylaşacağız

Bu araçların aralarında font araçları, css , grafik ile ilgili araçlar ve video düzenleme araçlarına kadar bir çok ücretsiz yazılımın bulunacağı bu içeriğimizde mutlaka işinize yarayacak araçlar bulacaksınız Dilerseniz hemen başlayalım



6Psd dosyasını Html ve CSS e döken ücretsiz online araçlar
1 http:wwwpsdtowebde 800 Megabayta kadar olan PSD dosyalarını online olarak ücretsiz CSS ve HTML ye çevirebilen bir araçtır

2 http:css3pscom ,Bu adresten indireceğiniz Photoshop eklentisi ile PSD den HTML ve CSS çevirmesini yapabilirsiniz

3Adobe Air eklentisi ile çalışan httpsdbreakercompsdbreakerair uygulaması sayesinde Photoshopta düzenlediğiniz web sitelerini hiç bir programlama bilgisine sahip olmanıza gerek olmadan Xhtml ve CSS dönüştürme işlemini gerçekleştirebilirsiniz

6Genel web tasarım araçları
51 Notepad++
Ufak tefek kod yazma ve düzeltme çalışmalarınız için kolaylıkla kullanabileceğiniz bu metin düzenleyici Windows ‘un not defteri programının daha da gelişmiş hali gibidir de diyebiliriz

52 Online renk yönetim ve renk uyum aracı
http:wwwcolorschemercomonlinehtml

Yapılan web sitesi tasarımlarında renk uyumu için kullanabileceğiniz bir sistemdir Hangi rengin hangi renk yoğunluğu ile uyumlu olduğunu ve bu renklerin Rgb , Cmyk kodlarını alabileceğiniz küçük ama çok kullanışlı araçlar arasında yer almaktadır

53 HTML Entity Character Lookup
http:leftlogiccomloungearticlesentitylookup

Karakterlerin, sayıların tamamının HTML karşılıklarını bulmanızı sağlayan araçtır Bu sayede dil kodlamasında sıkıntı yaşadığınız harflerin html karşılıklarını yazarak bu sorunu çözebilirsiniz

54 Firefox Web yöneticisi eklentisi
:addonsmozillaorgenUSfirefoxaddon60

Web developer tool bir firefox eklentisidir Firefox içinde css ve html ile ilgili ve kodlarla ilgili bir çok işlevi kolay ve hızlı şekilde yerine getirir

55 Resimdeki yazının fontunu bulma aracı
http:wwwmyfontscomWhatTheFont

Bu online araç sayesinde her hangi bir görseli web sitesine upload ederek o resmin içindeki yazı fontun ne olduğunu kolaylıkla öğrenebilirsiniz Bu sayede grafiklerde kullanılan fontları rahatlıkla tespit edebilir ve kullanabilirsiniz

56 Css framework
http:wwwblueprintcssorg

Türkçesi ile anlatmak gerekirse css alt yapısı , css çatısı olan css frameworkler css uzmanlarının işlerini oldukça kolaylaştıran bir sistemdir Blueprint css de bu imkanı sunan online bir kaynaktır CSS tasarımcısı yada css geliştiricisi iseniz garanti veririz ki çok işinize yarayacak bir araçtır

57 Typetester
http:wwwtypetesterorg

Kısaca anlatmak gerekirse font karşılaştırma sistemi diye açıklayabileceğimiz bu sistem hangi yazı fontun, hangi yazı büyüklüğünün sitenizde nasıl durduğunu çok fazla zaman harcamadan kolayca test etmenize yarıyor

58 Em Calculator
http:riddleplemcalc

Css siteler tasarlarken ölçeklerle ilgili size yardımcı olacak küçük ama hayat kurtaran bir araçtır

59 Zopim ücretsiz online destek yazılımı
Tamamı ile ücretsiz web siteniz üzerinden online destek hizmeti vermenizi sağlamakta olan profesyonel bir yazılımdır Web üzerinden resmen müşteri hizmetlerini interaktif olarak sunabilme olanağı veren bu online yardım masası yazılımı tamamen ücretsizdir