Web Tasar�m� Yaparken Ba�ar�l� Olman�n 5 Yolu

Çe�itli unsurlara ve içeriklere ba�l� olarak geli�tirilen web tasar�m, daima son kullan�c�ya kolay ula��labilir, anla��labilir ve istedi�ini veren internet siteleri sunmay� hedefliyor. Bu yüzden siz de “Web sitesi tasar�m� nas�l yap�l�r?” ya da “Web tasar�m�nda nas�l ba�ar�l� olunur?” gibi sorular�n cevaplar�n� merak ediyor olabilirsiniz. Tüm bu sorular�n cevaplar�na ula�mak için içeri�in devam�na göz atman�z yeterli. 

Web Tasar�m� Nedir?

Web tasar�m�; “�nternet sitelerinin son kullan�c�ya estetik ve fonksiyon gibi çe�itli ilkeler do�rultusunda sunulmas�n� sa�layan, kod ve programlar arac�l���yla gerçekle�tirilen uygulamalar bütünü.” �eklinde tan�mlan�yor. Web tasar�m� sayesinde son kullan�c�, herhangi bir internet taray�c�s�ndan ba�land��� web sitelerini, teknik bir bilgiye ihtiyaç duymadan kolayca kullanabiliyor.

Di�er yandan web sitesi tasar�m� ile ilgili yap�lan hatalar ya da göz ard� edilen eksiklikler, temel amaçlardan uzakla��lmas�na neden olabiliyor. Bu nedenle web sitesi tasarlarken görsellik kadar kullan�m kolayl��� da büyük önem ta��yor. Tüm bu ko�ullar� yerine getirebilmek için de çe�itli kurallar, tasar�m araçlar� ve tasar�m programlar� kullanmak gerekiyor.  

Web Tasar�m� Yaparken Nelere Dikkat Edilmelidir?

Web tasar�m�, estetik ve fonksiyonel bir internet deneyimi için en etkili disiplinlerden birini meydana getiriyor. Bu disiplin içinde düzen, renk, grafikler, fontlar ve içerik gibi unsurlar�n d���nda navigasyon, multimedya, uyumluluk, teknoloji ve interaktiflik gibi kullan�m� kolayla�t�ran dinamikler de yer al�yor. Hem estetik hem ergonomik bir web sitesi için de tüm bu ayr�nt�lar� dikkate almak gerekiyor. 

Etkileyici bir internet sitesi tasar�m� için uyulmas� gereken tasar�m tavsiyeleri aras�nda hedef kitleden SEO’a, kullan�lacak görsellerden fonta kadar birçok ayr�nt� bulunuyor. Ad�m ad�m bu ayr�nt�lara uygun �ekilde bir web tasar�m� gerçekle�tirmek, ��k ve sa�l�kl� �ekilde kullan�labilen bir internet sitesi tasarlaman�za yard�mc� oluyor. Web tasar�m�nda ba�ar�l� olman�n 5 yolu ise �u �ekildedir:  

1. Hedef kitle odakl� tasar�mlar yapmak. 

• Hedef kitlenizin gereksinimlerine ba�l� tasar�m yaparak hem ziyaretçi say�s�n� art�rabilir hem de sad�k bir ziyaretçi kitlesi kazanabilirsiniz. Örne�in; çocuklara özel bir oyun sitesinde renkleri, butonlar�, fontlar� ve basitlik derecesini onlara uygun �ekilde seçmelisiniz. 

2. SEO dostu tasar�mlar gerçekle�tirmek.

• SEO’nun temelini metin içerikleri olu�tursa da internet sitelerinde kullan�lan görseller, görsel alt� aç�klamalar�, tasar�m kurgusu ve yaz�l�m da büyük önem ta��yor. Bu yüzden tasar�m anlam�nda daha sa�l�kl� bir kullan�c� deneyimi yaratarak Google’da üst s�ralara ç�kabilirsiniz. 

3. Responsive site tasar�m� gerçekle�tirmek. 

• Responsive site tasar�m�, bilgisayarlar d���nda mobil cihazlara uygun bir biçimde �ekil de�i�tirebilen sitelerin dizayn�nda kullan�l�yor. Günümüzde milyonlarca ki�inin interneti mobil cihazlardan kulland��� dü�ünüldü�ünde bu detay da yüksek bir öneme sahip oluyor. 

4. Orijinal ve özgün görseller seçmek, çok fazla renk kullanmamak. 

• En temel  tasar�m hatalar�n�n ba��nda özgün olmayan içerik kullan�m� geliyor. Bunun d���nda çok renkli bir sitenin dikkat çekici olabilece�i dü�ünülse de asl�nda kullan�c�y� yorabiliyor. Bu sebeplerden dolay� daima özgün içerik ve uyumlu tonlar kullanmak gerekiyor. 

5. Okunakl� fontlar tercih etmek ve tüm alanlarda ayn� fontu uygulamak. 

• Renk kullan�m�nda dikkat edilmesi gereken detaylar, benzer �ekilde web sitesi font seçimi konusunda da etkili oluyor. Tüm sitede ayn� fontu kullanmak; abart�dan uzak, okunmas� kolay yaz� biçimleri seçmek, ba�ar�l� bir tasar�m yaratman�n en temel ad�mlar�ndan birini meydana getiriyor. 

Web Tasar�m Programlar� Nelerdir?

Web sitesi tasar�m araçlar� ile ilgili olanlar, genellikle birçok program� bir arada kullan�yorlar. Bu programlardan baz�lar� i�in yaln�zca görsel k�sm�yla ilgiliyken baz�lar� daha çok yaz�l�m di�erleriyse animasyon ve benzeri ayr�nt�larla ilgili olabiliyor. Yayg�n �ekilde kullan�lan web site tasar�m programlar� �unlard�r: 

Adobe Dreamweaver 

• Adobe Dreamweawer, hem kodlama hem tasar�m i�lemlerini bir arada sundu�u için tüm dünyada popülerli�ini korumaya devam ediyor. Bu program sayesinde HTML, JavaScript, ASP ve PHP gibi farkl� yaz�l�m dilleri arac�l���yla çok çe�itli tasar�mlar yapabilirsiniz. 

Adobe Fireworks

• Adobe Photoshop program�na benzeyen ancak daha çok web tasar�m�na özel i�lemlerle donat�lm�� olan Fireworks, JPG dosyas�n� HTML ya da CSS kodu haline getirme veya PDF dönü�türücüsüne sahip olma gibi özellikleriyle ön plana ç�k�yor. 

Adobe Photoshop

• Dünyan�n en popüler görsel i�leme program� olan Photoshop, grafik tasar�mdan foto�rafç�l��a kadar pek çok alanda oldukça yayg�n bir �ekilde kullan�lmakla beraber web tasar�m alan�nda da  en çok tercih edilen programlardan biri olarak kabul ediliyor. 

Microsoft Frontpage

• Frontpage, HTML sayfalar�n� Word, Powerpoint ve Publisher gibi Microsoft programlar�yla uyumlu hale getirme imkan� sunuyor. Böylece önceden haz�rlam�� oldu�unuz bir Powerpoint sunumunu dahi diledi�iniz web sitesine kolayca yerle�tirebiliyorsunuz. 

Adobe Flash

• Web sitelerinde animasyonlar yaratmak amac�yla kullan�lan Adobe Flash, çizimden veya görsel dosyas�ndan animasyonlar olu�turabiliyor. Ancak internet sitelerini yava�latabildi�i için arama motorlar� taraf�ndan uygun bir tasar�m metodu olarak görülmüyor. 

Corel Draw

• Genellikle web tasar�m� konusunda profesyonel olanlar�n kulland��� Corel Draw, vektör tabanl� bir program olu�uyla avantaj sa�l�yor. Flash animasyonlar yapmay� sa�layan Corel Draw, ayn� zamanda herhangi bir nesneyi butona dönü�türebiliyor 

Freehand

• T�pk� Corel Draw gibi vektörel bir program olan Freehand ise daha çok logo ve reklam tasar�mlar�nda tercih ediliyor. Freehand’in en önemli avantajlar�ndan birini; çözünürlük art�p, azald���nda görüntünün bozulmamas� ya da piksel kayb�na u�ramamas� olu�turuyor. 

Adobe Illustrator

• Di�er bir vektörel çizim program� olan Illustrator, daha çok kurumsal kimlik çal��malar�nda ve bas�l� yay�nlarda kullan�l�yor. Kaliteyi art�rma özelli�iyle öne ç�kan programda kara kalem çal��malar�n� renklendirmek gibi i�lemler yap�labiliyor. 

Swish

• Son dönemlerde giderek yayg�nla�an Swish, geli�mi� animasyon yaratma seçenekleriyle öne ç�k�yor. Hareketli animasyonlar olu�turulabilen program, di�er yandan yaz� haz�rlarken de kullan�labiliyor. Ek olarak program�n SWF ve HTML olarak kay�t yapabilme özelli�i bulunuyor. 

Sketch

• Di�er web tasar�m programlar�na göre çok daha az bir maliyete sahip olan Sketch, dijital tasar�m ve arayüz tasar�m� için kullan�lmakla beraber web tasar�mc�lar�n�n yan� s�ra dünyaca ünlü teknoloji markalar�n�n da kulland��� programlar aras�nda bulunuyor. 

Web Tasar�mc�s� Nas�l Olunur?

Web tasar�mc�s� olabilmenin birden fazla yolu bulunuyor. Bunlar; deneyim kazanarak, kurslar arac�l���yla ya da yüksek e�itim �eklinde s�ralan�yor. Herhangi akademik veya mesleki bilgisi olmayan ancak zaman içinde Photoshop’ta basit i�lemlerle ba�lay�p, kendini geli�tirerek çe�itli ajanslarda web tasar�mc�s� olmay� ba�aran birçok ki�i bulunuyor. Bu ki�iler, e�itim yerine deneyimle bu unvan� kazand�klar� için sektörün alayl� nüfusunu olu�turuyor. 

Özellikle son y�llarda kamu ya da özel e�itim kurumlar�n�n çe�itli seviyelerde web tasar�mc�l��� e�itimi verdi�ini görebilirsiniz. Ücretsiz alternatifleri de olan bu kurslarda e�itmenler, site tasar�m� öneri ve deneyimlerini kat�l�mc�larla payla�arak hem teorik hem pratik e�itimler veriyorlar. Kurslarda do�rudan i�in nas�l yap�ld���na odaklan�ld��� için toplam süre, yüksek e�itim sürecine göre daha az zaman al�yor. 

Son ve en yayg�n seçen�i ise yüksek e�itim olu�turuyor. Üniversitelerin �leti�im ya da Güzel Sanatlar gibi belirli fakültelerinde bulunan Görsel �leti�im Tasar�m� ve benzeri bölümlerden mezun olanlar, bu alanda çal��an ki�ilerin büyük bir yüzdesini olu�turmakla beraber e�itimleri boyunca sanat, tasar�m ve bili�imle ilgili birçok detay ö�renebiliyorlar.