GÖRSEL WEB TASARIMI

Web için görsel tasarımda iyi planlanmış bir gezinimin, kullanıcılara hangi menünün içinde bulunduğunu daha açık bir ifade ile hangi sayfada olduğunu belirlemek için buton renkleri kullanılması beklenir.

Kullanışlı ve çekici bir web sitesi tasarlayabilmek için her zaman kullanıcıların ihtiyaçları temel
alınır. Şekildeki örneklerde de gösterildiği gibi kullanıcılar bilgi aramak, eğlenmek, çeşitli şekillerde
birbirleriyle etkileşime girmek, iletişim kurmak ya
da iş hayatı ile ilgili işlemleri yapmak için bu ortamları kullanıyor olabilirler. Bu nedenle web sitenizi oluşturan her sayfanın net bir amacı olmalı ve
kullanıcılar bu ortamları kullandıklarında ihtiyaçlarını en etkin bir şekilde karşılamalıdırlar

Web için görsel tasarımda
öncelikle tasarlamayı planladığınız (ortamın amacı) ve
hitap edeceği (kullanıcıların
ihtiyaçları) belirlenmelidir.
Web için görsel tasarımda
atılacak ilk adım amaç ve
kullanıcı ihtiyaçlarıdır.

Çizgi, şekil, alan, boyut, doku ve renk konularından oluşan görsel tasarım öğeleri, bir bilgi aktarımında kullanılan temel unsurları oluşturmaktadırlar. Bir web sitesi tasarlanırken de aynı şekilde
bu temel görsel öğelerden yararlanılmaktadır.

Çizgi: Yön ve hareket gösteren, şekilleri ayırma ya da birleştirmede kullanılabilen, kullanıcının
dikkatinin belirli bir yöne çekmekte yararlanılan
bir öğedir (Shaver, 2011).

Şekil: Bir yüzeyde oluşturulan iki boyutlu biçimler olarak tanımlanabilir (Shaver, 2011). Farklı şekiller bir araya gelerek bir bütünü ifade eden anlamlı yapıları oluşturabilir.

Bütünlük, denge, vurgu, hizalama ve yakınlık genel olarak ele alınan görsel tasarım ilkelerini oluşturmaktadır. Web için görsel tasarımda
temel alınan bir diğer husus da görsel tasarım
ilkeleridir.
Bütünlük, iletilmek istenen mesajı anlamayı
ve yorumlamayı kolaylaştırıcı, çizgi, şekil, renk
gibi tasarım öğelerinden faydalanılarak bir görseli öğeleri arasındaki ilişkilerle yansıtma ilkesidir. Denge ve simetri, kullanılacak içerik unsurlarının ve görsel unsurların yatay ve dikey olarak
web sitesini oluşturan sayfaların her birinde denk
biçimde yerleştirilmesiyle sağlanır. Web sayfaları yatay ve dikey olarak ortadan ikiye bölündüğünde, içeriğinde bulunan bağlantıların, bu bağlantılara atanan tıklanabilir alanların, görseller
veya metinlerin birbirine denk ağırlıkta olmaları
gerekmektedir. Vurgu, bir web sitesi için düşünüldüğünde kullanıcıların dikkati çekmesi için
sayfadaki belirli bölgenin ilgi merkezi haline getirilmesidir. Bunun için renklendirme, yön belirtici çizgilerin kullanılması gibi görsel öğelerin çeşitli tekniklerle ilgili sayfa düzeninden daha farklı
görünmesi sağlanabilir. Hizalama, bir web sitesinin gezinim, içerik, başlık gibi bütün alanlarındaki çeşitli unsurlarının ve bu unsurlar arasındaki
ilişkilerin daha kolay algılanması ve anlaşılması
için oluşturulan düzendir. Görsel tasarım ilkelerine ilişkin ayrıntılı bilgileri bu kitabın ikinci
ünitesinde bulabilirsiniz.

Bütünlük, denge, vurgu, hizalama ve yakınlık genel olarak ele alınan görsel tasarım ilkelerini oluşturmaktadır. Web için görsel tasarımda
temel alınan bir diğer husus da görsel tasarım
ilkeleridir.
Bütünlük, iletilmek istenen mesajı anlamayı
ve yorumlamayı kolaylaştırıcı, çizgi, şekil, renk
gibi tasarım öğelerinden faydalanılarak bir görseli öğeleri arasındaki ilişkilerle yansıtma ilkesidir. Denge ve simetri, kullanılacak içerik unsurlarının ve görsel unsurların yatay ve dikey olarak
web sitesini oluşturan sayfaların her birinde denk
biçimde yerleştirilmesiyle sağlanır. Web sayfaları yatay ve dikey olarak ortadan ikiye bölündüğünde, içeriğinde bulunan bağlantıların, bu bağlantılara atanan tıklanabilir alanların, görseller
veya metinlerin birbirine denk ağırlıkta olmaları
gerekmektedir. Vurgu, bir web sitesi için düşünüldüğünde kullanıcıların dikkati çekmesi için
sayfadaki belirli bölgenin ilgi merkezi haline getirilmesidir. Bunun için renklendirme, yön belirtici çizgilerin kullanılması gibi görsel öğelerin çeşitli tekniklerle ilgili sayfa düzeninden daha farklı
görünmesi sağlanabilir. Hizalama, bir web sitesinin gezinim, içerik, başlık gibi bütün alanlarındaki çeşitli unsurlarının ve bu unsurlar arasındaki
ilişkilerin daha kolay algılanması ve anlaşılması
için oluşturulan düzendir. Görsel tasarım ilkelerine ilişkin ayrıntılı bilgileri bu kitabın ikinci
ünitesinde bulabilirsiniz.

Web için görsel tasarımda
iyi planlanmış bir gezinim,
kullanıcılara bu ortamlarda
gerçekleştirdikleri eylemleri
kontrol etmelerini, ortam
içerisinde nerede olduklarını bilmelerini ve kaybolma
ihtimallerini düşürmelerini
sağlar.

Temelde kullanıcıların web üzerindeki alışkanlıkları bir mağazadaki müşterinin alışkanlıklarına benzetilebilir. Ziyaretçiler her
sayfaya göz atarlar, bazı metinleri tararlar
ve ilgilerini çeken ya da aradıkları bilgiyle
ilgili olduğunu düşündükleri ilk bağlantıya
tıklarlar. Aslında sayfada kullanıcıların bakmadığı büyük bir alan da bulunmaktadır.
Birçok kullanıcı ilgilerini çeken ya da kullanışlı olduğunu düşündüğü bir konuyu ararken, bir bağlantıya tıkladığında onu hemen
bulmak ister. Eğer yeni sayfa kullanıcının
beklentisini karşılamazsa geri butonuna tıklanır ve arama süreci devam eder.

Kullanıcıların karşılaştıkları sayfalardaki
içeriğin kalitesi ve güvenirliği memnuniyetin artmasını sağlar. Daha önce de bahsedildiği gibi kullanıcıların web ortamlarındaki
göz hareketlerinin incelendiği araştırmalarda “F” şeklindeki bir iz şeklinde tarama
yaptıkları, site sayfalarında bulunan her şeyi
tamamıyla okumadıkları belirlenmiştir

Web için görsel tasarımda öncelikle tasarlamayı planladığınız (ortamın amacı) ve hitap edeceği (kullanıcıların ihtiyaçları) belirlenmelidir. Web için görsel tasarımda atılacak ilk adım amaç ve kullanıcı ihtiyaçlarıdır.

Para, görsel tasarımın öğeleri arasında yer almaz. Diğer her biri bu öğelerdendir. Buna göre doğru yanıt C'dir.

Çizgi: Yön ve hareket gösteren, şekilleri ayırma ya da birleştirmede kullanılabilen, kullanıcının dikkatinin belirli bir yöne çekmekte yararlanılan bir öğedir.

Şekil: Bir yüzeyde oluşturulan iki boyutlu biçimler olarak tanımlanabilir (Shaver, 2011). Farklı şekiller bir araya gelerek bir bütünü ifade eden anlamlı yapıları oluşturabilir.

Bütünlük, denge, vurgu, hizalama ve yakınlık genel olarak ele alınan görsel tasarım ilkelerini oluşturmaktadır.

Bütünlük, iletilmek istenen mesajı anlamayı ve yorumlamayı kolaylaştırıcı, çizgi, şekil, renk gibi tasarım öğelerinden faydalanılarak bir görseli öğeleri arasındaki ilişkilerle yansıtma ilkesidir.

Hizalama, bir web sitesinin gezinim, içerik, başlık gibi bütün alanlarındaki çeşitli unsurlarının ve bu unsurlar arasındaki ilişkilerin daha kolay algılanması ve anlaşılması için oluşturulan düzendir.

Web için görsel tasarım unsurları genel olarak; amaç, iletişim, yazı biçimi, renkler, görseller, gezinim, tablo tabanlı yerleşim, “F” model tasarımı, yüklenme süresi ve mobil dostu olması şeklinde sıralanabilir.

Üç tık kuralı sitede kullanıcı gezinimi sırasında site içerisinde nerede olduklarını bulabilmelerini ve kontrolü kaybetmemelerine yardımcı olur. Gezinim sırasında kullanıcıların karmaşık sayfalar içerisinde kaybolmaması için, web sitesini planlarken sayfaları hiyerarşik olarak düzenleme, kullanıcı geçmişlerini kullanma, tıklanabilir alanlar tasarlama ve üç tık kuralını aşmamak önemli stratejiler olarak söylenebilir.