GÖRSEL WEB TASARIMI

Web tasarım ilkeleri olarak sayılabilecek birçok farklı unsur vardır. Ancak bunlar arasında en çok dikkat edilmesi gerekenler İçerik, Hız, Kullanılabilirlik, İşlevsellik, Uyumluluk ve Görsel Tasarımdır.

Tasarımcılar rastgele bir içeriğin ekleneceği bir siteye herhangi bir tasarım yapamazlar. İçeriğe göre tasarım yapmak gerekir. Aksi durumdaki web sayfaları istenilen etkiyi yaratamadıklarından uzun ömürlü olamamaktadırlar. İçerik açısından site tasarlanırken dikkat edilmesi gereken unsurlar şunlardır;

Web sayfalarını değerli kılanın kullanıcı ziyareti olduğu düşünüldüğünde kullanıcı beklentilerinin önemli olduğu söylenebilir. Bu doğrultuda beklentileri yönünde hız ilkesinin tasarımcılar tarafından gözetilmesi ve sayfaların hızlı yüklenmesinin önündeki engellerin neler olduğunun bilinmesi gerekmektedir.

Web sayfası hazırlanırken hedef kitle özelliklerine göre kullanım kolaylığı gözetilmelidir. Kullanım kolaylığı, yazı tipi, renk, büyüklük, zemin ve yazı bütünlüğü ve çıktı formatı gibi birçok farklı seçeneğe göre düzenlenebilir.

Web sitesi tasarımında sitenin sahip olduğu teknik özelliklerden ve alt yapısındaki kaliteden çok kullanıcı ne gördüğü ve neye ulaşmak istediğiyle ilgilenir. Site ziyaretçileri web sayfasında gezinirken aradığını kolayca bulmak ister. Ana sayfa olarak isimlendirilen ve ziyaretçiyi ilk karşılayan sayfanın içeriği kapsar şekilde hazırlanması gerekir. Benzer şekilde alt sayfalarda gezinen kullanıcı yine farklı bir kategoriye, farklı bir içeriğe geçmek istediğinde içinde bulunduğu sayfadan bunu yapabilmelidir. Aksi durumda web sayfasında kullanıcının kaybolması ve aradığını bulamaması kaçınılmazdır. Ziyaretçilerin çok fazla bağlantı tıklamadan gezinim bileşenleri üzerinden istediğine erişebileceği bir hiyerarşi oluşturulması ve ziyaretçinin aradığına ulaşma çabasının minimize edilerek sağlanması web sayfasının işlevselliğinin göstergesidir.

Uyumluluk ilkesi tasarımcılar tarafından göz ardı edilmemelidir. Web sayfalarına ulaşmak için kullanıcılar özel programlardan yararlanır. Bu programlar web sayfası tasarım ve programlama kodlarını, bir başka deyişle ön yüz ve arkaplan kodlarını yorumlayacak tarayıcılardır. Her kullanıcı web sayfalarına ulaşmak için tarayıcılardan yararlanmak durumundadır. Bütün tarayıcılar genel olarak bütün biçimsel kodları tanır ve arkaplan kodlamalarını yorumlayabilir. Ancak standartlara uymayan tasarımlar tarayıcılarda farklı görünümlere sebep olabilmektedir. En çok kullanılan tarayıcılar arasında Google Chrome, Internet Explorer, Safari, Mozilla Firefox ve Opera gelmektedir.

Görsel Tasarım Web sayfası oluşturma sürecinde dikkat edilmesi gereken bir diğer aşama tasarım aşamasıdır. Görünümün nasıl olacağına, içeriğin nerede gösterileceğine, ana menüler ve alt menülerin konumuna, başlık ve taban görünümüne kadar bütün düzene tasarım aşamasında karar verilir.

Dönüşümsel Görseller: Zaman ve mekân bağlamında hareketi veya dönüşümü göstermek için tercih edilen görsellerdir. Su döngüsü animasyonu, imalat süreci animasyonu veya fotosentez sürecini anlatan bir animasyon dönüşümsel görsellere örnek olarak verilebilir.

Gerçekçi görseller:  Photoscape, Photoshop, PowerPoint, Illustrator, Paint, Panit.NET, Pencil vb.

Analojik görseller:  Photoshop, Illustrator, Paint, Panit.NET, Pencil vb

Örgütsel görseller:  Photoshop, PowerPoint, Illustrator, Paint, Panit.NET, Pencil vb

İlişkisel görseller:  PowerPoint, Word vb

Dönüşümsel görseller:  Photoscape, Pencil, Flash, Flex vb.

Yorumlayıcı görseller:  Illustrator, Paint, Panit.NET, Pencil vb.

İyi bir web sayfası kullanıcının daha sonra ihtiyaç duyduğunda tekrar ziyaret edebildiği web sitesidir. Bu bağlamda iyi bir web sayfasının oluşturduğu ilk izlenim çok önemlidir. İlk izlenim kullanıcının içeriğe daha sempatik yaklaşmasını ve ön yargılarından kurtulmasını sağlayacaktır. Bunun yanında iyi navigasyonu olan, içeriği güncel, gerçekçi, nesnel ve anlaşılır olan, iletişim kurma olanağı vererek aidiyet hissi oluşturmaya çalışan, farklı platformlarla uyum içerisinde olan ve kullanıcı memnuniyetine önem veren web sayfaları iyi olarak nitelendirilebilecek web sayfaları arasında gösterilebilir.

Web      sayfası  yapısı     itibariyle içerik  olarak   sürekli güncelleniyorsa mutlaka eski içerikleri için iyi bir arşiv sistemi ve bağlantı oluşturma sistemi olmalıdır.

Dönüşümsel Görseller: Zaman ve mekân bağlamında hareketi veya dönüşümü göstermek için tercih edilen görsellerdir. Su döngüsü animasyonu, imalat süreci animasyonu veya fotosentez sürecini anlatan bir animasyon dönüşümsel görsellere örnek olarak verilebilir.

Yorumlayıcı Görseller: Teorik ya da soyut ilişkileri göstermek için kullanılırlar.Elektrik devresinin şematik görünümü, kroki tasarımlar ya da alt yapı tasarımları örnek olarak   verilebilir. Yorumlayıcı görseller öğrenenler için görünmeyen ya da soyut olan olayları ve    süreçleri zihinsel bir modele dönüştürürler

Vurgu Görsel malzemeler üzerinde bazen tek bir yere daha çok dikkat çekilmek istenebilir. Karışık bir görselde istenilen objenin öğrenen tarafından hemen fark edilebilmesi için diğer objeleri bulanıklaştırma, asıl objeyi keskinleştirme, farklı renklendirme ile dikkati istenilen objeye yönlendirmenin yapılabileceği gibi özel işaretçilerden (ok, daire gibi) de yararlanılabilir.

Meta-tag’lar sayfa kodlamasında başlık olarak ifade edilen bölüme yazılan, web sayfasını tanıtan, aramalarla eşleştiren ve web sayfasının kısa özetini barındıran bilgi etiketleridir.

Görsel tasarım ilkeleri, Bütünlük, Denge, Simetri/Asitmetri, Vurgu ve Hizalama şeklinde derlenmiştir.

Denge ilkesi web sayfası tasarımlarında ve web sayfası içeriğinde oldukça önemli olan bir görsel tasarım ilkesidir. Kullanıcının sayfaya eriştiğinde kullandığı aracın bütününe hitap etmeyecek bir düzen biçimsel tasarımın doğru yapılmadığının göstergesidir. Tasarımcı nesneleri dizerken belirli bir terazi dengesi gözetmeli ve bir düzen takip etmelidir.

Web sayfalarını değerli kılanın kullanıcı ziyareti olduğu düşünüldüğünde kullanıcı beklentilerinin önemli olduğu söylenebilir. Bu doğrultuda beklen­tileri yönünde hız ilkesinin tasarımcılar tarafından gözetilmesi ve sayfaların hızlı yüklenmesinin önün­deki engellerin neler olduğunun bilinmesi gerek­mektedir.

Hizalama ilkesi simetri ve denge ilkesini tamamlayan bir özelliktir. Benzer nesnelerin bir düzene göre dizilmesi kullanıcının dikkatinin dağılmamasına ve algılamasının kolay olmasına olanak tanıyacaktır. Hizalama ilkesine uygun tasarlanan görsellerde dikeyde, yatayda ve radyal olarak bir simetri yakalandığı ve dengeli olarak dağıldığı gözlenecektir.

Doğru yazı tipleri kullanılmalıdır. Doğru yazı tiplerinin seçimi, içeriğin sunumunu kolaylaştıracaktır. Çok büyük ya da çok küçük büyüklükte yazılar tercih edilmemeli, font büyüklüğü olarak 12 ile 14 arası seçimlere özen gösterilmelidir. Başlıklar normal metinden 2 birim daha büyük yazılabilir.