Web sitesi tasarımı, web sitenizde bulunan metinsel içerikler ve görsel olan her şeyin tümüdür. Web tasarım kullanıcı tarafından da tamamen görünür ve işlevsel olan bir yapı olduğu için, kaliteli bir yapıda olması çok önemlidir.
Web sayfaları estetik bir düzene göre tasarlanmalıdır. Göz yoran, çok fazla renk barındıran, web tasarım ilkelerine uymayan sayfaların tasarlanması, kullanıcı bakış açısından da olumsuz olacaktır. Ayrıca yapılan işe göre web sitesi tasarlanması da çok önemlidir. Web sayfası tasarlanırken, arama motorları açısından da uygunluklar düşünülmelidir.
Web sitesi tasarımı konusunda, tasarımcı HTML dilini kullanarak, kullanıcıların web sitesine giriş yaptıklarında gördükleri görüntüyü oluşturur. Tasarımcı CSS yapısını kullanarak, web sayfasının düzenini, yazı tipini, kısacası web sayfasına ait biçimleri oluşturur. HTML ve CSS bir noktada iç içe kavramlardır. Web tasarımı yapan kişi ve web programlama yapan kişi, arama motorlarının uyarıda bulunmayacağı tarzda kodlar yazmalı ve optimize edilecek kodları da optimize etmelidirler.
Web sitesi tasarımında, yapılan iş sadece kod ve görsel bilgisi ile işçilik gibi görülse de, yapım aşamasında özellikle görsel alımı olarak belli bir miktar para harcanılabilir. Müşterinin isteği doğrultusunda görseller seçilir ve bu doğrultuda da bir ödeme yapılabilir.
Web tasarım işinde, işi yapacak ekip ve ekipteki kişilerin profesyonelliği çok önemli bir unsurdur. Yapılacak işin CMS yani içerik yönetim sistemi dahilinde bir iş mi yoksa farklı bir tasarım mı olup olmadığı bilgisi de işin yapılış sürecinde maliyeti belirleyen unsurlardandır. İş bitim tarihi uzunluğu, ekibin iş gücünü o işe vermesinden dolayı, yine maliyeti belirleyecek farklı bir unsurdur. Web tasarım işinde sabit bir fiyatın olması, değişken koşullar göz önünde bulundurulduğunda çok zordur. Yapılan işin şekline göre işin maliyeti de değişkenlik gösterebilir.
Web tasarım işinde, Photoshop ve Illustrator gibi grafik tasarım programlarına da sıklıkla ihtiyaç duyulur. Görsel yapmak, logo yapmak, banner yapmak, görsel biçimlendirmek gibi durumlar için, grafik tasarım programlarını kullanmak gerekmektedir.
Bu ilkeleri web tasarımı alanında örneklendirerek konuşmak gerekirse:
Web sitesi tasarlarken bazı ilkeler vardır. Aslında bunlar bir tasarım ilkesidir. Denge, kontrast, vurgu, hareket, ritim, hiyerarşi, beyaz alan ve bütünsellik, bu ilkelerdir.
Denge: Bir web sayfasında yan yana bulunan on ürün düşünün. Ürünlerin görsel boyutlarının farklı olması, göze hoş gelmez. İşte bu noktada denge ilkesi bozulur.
Kontrast: Web sitenizde paylaştığınız görsellerin üzerindeki yazılar ile arkadaki görsel, açık – koyu, koyu – açık formda olmalıdır. Görsel rengi ile yazı renginin yakın olması, kontrastı bozar.
Vurgu: Web sitenizde yan yana duran ögeler olduğunu düşünün. Bunlardan birisini ön plana çıkarmak isteyebilirsiniz. Bu kampanyalı bir ürün ya da hedef kitlenin dikkatini çekebilecek bir ürün olabilir. İşte bu noktada vurgu devreye girer ve o ürünün ön plana çıkarıldığını kullanıcıya belli eder. Vurgulama genellikle farklı bir renk kullanılarak ya da yazı ile belirtilerek yapılabilir.
Hareket: Web sitesine giren kullanıcı, web sitesinde bulunan ögeler arasında, tasarımcının istediği geçişleri yapıyor ise hareket ilkesi doğru tasarlanmıştır.
Ritim: Örneğin yan yana yirmi adet ürünün olduğu bir sayfa düşünün, ürünler yuvarlak çerçeve içerisinde olsun. Bu durum bir ritim sağlarken, tasarım ilkesine aykırı bir şekilde birkaç ürünün çerçevesinin farklı şekilde olması, ritmi bozar.
Hiyerarşi: İçeriklerin diziliminin doğru bir sırada olmasıdır. Örneğin bir haber sitesi düşünün. Siteye ilk girişte manşet haberler en üsttedir. Daha spesifik ve manşete göre daha az önemli haberler ise daha aşağılarda yer alır. Bu durum hiyerarşi ilkesi kapsamındadır. Bunu bir gazetenin ilk sayfasının ortalarda, orta sayfanın ise ilk sayfada olması gibi de düşünebilirsiniz.
Bütünsellik: Bütünsellik ilkesi ritim ilkesinin bir benzeridir. Sitede bulunan ögelerin bütün bir görünümde olması, alelade olmaması önemlidir. Belirli sayfalara belirli boyutlarda resimler koymak, yan yana olan içerik görüntülerinin boyutlarının aynı olması ve farklı sayfalarda da benzer içeriklerin aynı formda olması önemlidir ve bütünsellik ilkesi ile ilgilidir.
Beyaz alan: Web sitesinde bulunan beyaz alanlar, siteye sadelik ve ferahlık katar. Kullanıcılar içerikleri daha net görür.
