Top

Web tasarım araçları

Celilcan / Tasarım  / Web tasarım araçları
1 Puan2 Puan3 Puan4 Puan5 Puan
1 Kişi oy verdi
Ortalama puan: 5,00.
Bu yazıya oy vermek ister misiniz?
Loading...

Web tasarım araçları

Web tasarım ‘ı bir meslek olarak tercih edecek genç arkadaşlara yol göstermek ve yeni tasarımcılar ‘ın kullanabileceği ve pratik araçları sizler için bir yazı dizisi şeklinde sunmak istedik. Sıklıkla kendi kullandığımız ve sizinde işinize yarayacağını düşündüğümüz web tasarım araçları sizlerle paylaşacağız.

Aralarında font araçlarından tutun, css , grafik ile ilgili araçlardan tutun video düzenleme araçlarına kadar bir çok ücretsiz yazılımın bulunacağı yazı dizimizin ilk yazısı olan bu yazımızda tanıtacağımız araçlara geçelim.

Psd dosyasını Html ve CSS e döken ücretsiz online araçlar

  • http://www.psdtoweb.de 800 Megabayta kadar olan PSD dosyalarını online olarak ücretsiz CSS ve HTML ye çeviren araçtır.
  • http://css3ps.com/ adresinden indireceğiniz Photoshop eklentisi ile PSD den HTML ve CSS çevirmesini yapabilirsiniz.
  • Adobe Air eklentisi ile çalışan http://psdbreaker.com/psdbreaker.air uygulaması ile Photoshopta düzenlediğiniz web sitelerini hiçbir programlama bilgisine sahip olmadan Xhtml ve CSS dönüştürme işlemini gerçekleştirebilirsiniz.

Genel web tasarım araçları

  • Notepad++

Ufak tefek kod yazma ve düzeltme işlemleri için kullanabileceğiniz bu metin düzenleyici Windows ‘un not defteri programının daha dagelişmiş hali diyebiliriz.

  • Online renk yönetim ve renk uyum aracı 

http://www.colorschemer.com/online.html

Yapılan tasarımlarda renk uyumu için kullanabileceğiniz bir sistem. Hangi rengin hangi renk yoğunluğu ile uyumlu olduğun ve bunları Rgb , Cmyk kodlarını alabileceğiniz küçük ama çok kullanışlı araçlar sınıfında yer almaktadır.

  • HTML Entity Character Lookup

http://leftlogic.com/lounge/articles/entity-lookup/

Karakterlerin, sayıların tümünün HTML karşılıklarını verir. Böylece dil kodlamasında sıkıntı yaşadığınız harflerin html karşılıklarını yazarak bu sorunu çözebilirsiniz.

  • Firefox Web yöneticisi eklentisi

https://addons.mozilla.org/en-US/firefox/addon/60

Web developer tool bir firefox eklentisidir. Firefox içinde css ve html ile ilgili ve kodlarla ilgili bir çok işlevi yerine getirir.

  • Resimdeki yazının fontunu bulma aracı

http://www.myfonts.com/WhatTheFont/

Bu online araç ile her hangi bir resmi siteye upload ederek o resmin içindeki yazı fontun ne olduğunu öğrenebilirsiniz. Böylelikle grafiklerde kullanılan fontları rahatlıkla tespit edebilirsiniz.

  • Css framework

http://www.blueprintcss.org/

Türkçe olarak tabir etmek gerekirse css alt yapısı , css çatısı olan css frameworkler css uzmanlarının hayatını kolaylaştıran sistemdir.  Blueprint css de bu imkanı sunan online bir kaynak. CSS tasarımcısı yada css geliştiricisi iseniz çok işinize yarayacak.

  • Typetester

( Online font görünümü ve karşılaştırması ) – http://www.typetester.org/

Kısacası font karşılaştırma sistemi diyebileceğimiz bu sistem hangi yazı fontun, hangi yazı büyüklüğünün sitenizde nasıl durduğunu çok fazla uğraşmadan test etmenize yarıyor.

  • Em Calculator

http://riddle.pl/emcalc/

Css siteler tasarlarken ölçeklerle ilgili size yardımcı olacak küçük ama müthiş bir araçtır.

  • Zopim ücretsiz online destek yazılımı

Tamamen ücretsiz web siteniz üzerinden online destek hizmeti vermenize yarayan profesyonel bir yazılım. Web üzerinden resmen müşteri hizmetlerini interaktif olarak sunabildiğiniz bu online yardım masası yazılımı tekrar ediyoruz tamamen ücretsiz. Açık kaynak kodlu yazılımların gözünü seveyim.

2 yorum yazılmış
  • Murat
    13 Ocak 2016 at 04:04

    bir tasarımcının en çok zaman kaybettiği css html derleme sürecini kısaltabilecek pratik siteleri paylaşmanız harika.
    emeğinize sağlık

Yorum yaz