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.