Görsel Web Tasarımı

Yanıt Açıklaması: İnsanın çevresiyle ilgili verileri toplamadaki en etkili duyusu görme duyusudur. Günümüz dijital dünyasında da elektronik ortam ve uygulamalar büyük ölçüde görsel tasarımlar üzerine inşa edilmiştir. Harvard Üniversitesi tarafından gerçekleştirilen bir araştırmada kullanıcıların web sitelerine ilişkin ilk izlenimlerini belirlemek amacıyla kullanıcıların algılanan görsel karmaşıklık ve renkliliğe ilişkin görüşleri belirlenmiştir. Araştırma sonucunda bir kullanıcının bir web sitesine ilişkin görüş oluşturmasının yarım saniye (50 ile 500 milisaniye) bile sürmediği belirlenmiştir. Yine aynı araştırmada kullanıcıda oluşan ilk izlenimin %94’ünün web sitesinin içeriğiyle değil görsel tasarımı ile ilgili olduğu belirlenmiştir. Diğer bir ifadeyle ne kadar önemli ve dikkat çekici olursa olsun bir web sitesi kötü bir görsel tasarımla sunulduğunda kullanıcıların ilgisini çekmesi mümkün olmayacaktır. Bu nedenle bir web tasarımı sürecinde görsel tasarım unsurları hayati önem taşır. Günümüz profesyonel web tasarım ekiplerinde grafik tasarımcı veya grafik tasarım ekibi grafik tasarımı için yeri doldurulamaz görev ve sorumluluklar üstlenir

Yanıt Açıklaması: Piktogramlar, bir eşyayı, bir objeyi, bir yeri, bir işleyişi, bir kavramı, bir durumu resmetme yoluyla, olduğu gibi temsil eden sembollere verilen isimdir. İdeogram ise piktograma göre anlamı sonradan yüklenmiş görsel yapıları belirtir. Başka bir ifade ile piktogramda olduğu gibi anlamı herkesçe belirgin olmayan, kültürel etmenler ve yaşantı yoluyla sonradan yüklenmiş anlamları barındırmaktadır. Logogram ise özellikle uzak doğu dillerinde örneklerine sıkça rastlanan, bir kelime ya da kelime öbeğine karşılık gelen işaretler için kullanılan bir kavramdır. Bu tür işaretleme örneklerine mağara duvar resimlerinde de rastlanmaktadır. İşaret, Türk Dil Kurumu (TDK) sözlüğünde “gösterme” (işaret etme) anlamına ek olarak, “anlam yükletilen şey, belirti, gösterge, alamet” olarak; simge ise “duyularla ifade edilemeyen bir şeyi belirten somut nesne veya işaret, alem, remiz, rumuz, timsal, sembol” olarak tanımlanmaktadır.

Yanıt Açıklaması: Alan: Bir web sayfasında kullanıcının ihtiyaçları doğrultusunda sunulacak içeriğin yayınlanacağı yer olarak tanımlanabilir. Diğer seçenekler farklı görsel tasarım ögelerini ifade etmektedir. Doğru cevap C'dir.

Yanıt Açıklaması: 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.

Yanıt Açıklaması: Link; buton, metin veya başka bir araç yoluyla etkileşime girildiğinde kullanıcıyı daha fazla içeriğe, yeni bir web sitesine veya web sitesi içinde farklı bir bölüme yönlendiren harf, rakam ve sembollerden oluşan özel verilerdir.

Yanıt Açıklaması: Piktogramlar, bir eşyayı, bir objeyi, bir yeri, bir işleyişi, bir kavramı, bir durumu resmetme yoluyla, olduğu gibi temsil eden sembollere verilen isimdir.

Yanıt Açıklaması: Web için görsel iç-tasarım elementleri dört başlık altında incelenmektedir: • Web sitesi logo ve başlıklarının (banner) görsel tasarımı, • Web sitesi görsel gezinim bileşenlerinin tasarımı, • Web sitesi görsel gövde tasarım bileşenleri ve • Web sitesi altbilgi (footer) görsel tasarımı.

Yanıt Açıklaması: Logo, tıpkı amblem gibi, kurumun imajını oluşturmak ya da desteklemek amacıyla kullanılan görsel yapıdır. Amblemden farkı ise görsel figürlerden çok tasarımda kurumun adının ya da adını oluşturan harflerin öne çıkarılmasıdır. Başka bir ifadeyle çeşitli tipografi teknikleri kullanılarak logolar oluşturulur. Doğru cevap D'dir.

Yanıt Açıklaması: En düşük hıza sahip kullanıcı gözetilerek site oldukça sade olmalı ve hızlı yüklenmelidir.

Yanıt Açıklaması: Vektörel grafikler ise çözünürlük kavramından bağımsız olarak, her bir nesnenin, koordinat düzlemi üzerinde matematiksel fonksiyonlarla tanımlanarak oluşturulması esasına dayanan grafiklerdir. Bu grafik üretme yöntemiyle siyah bir çizgi oluşturmak için pikselleri alt alta ve yan yana dizmek yerine siyah çizginin eni boyu kalınlığı uzunluğu, konumu ve renk kodu tanımlanarak ekranda oluşması sağlanmaktadır. Doğru cevap B'dir.

Yanıt Açıklaması: 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. Web sayfaları yüklenirken içeriğinde barın­dırdığı her öğeyi istemcinin bilgisayarına indirmektedir. Bu öğeler yazı, resim, ses ve video gibi içeriklerdir. Bu aşamada tasarım­cı her içeriği bütün boyutlarıyla sayfalaya yüklememeli, görsel kullanacaksa küçült­meli, ses ya da video kullanacaksa player de­diğimiz oynatıcılar aracılığıyla çağırmalıdır. Tabloların iç içe çok sayıda olması tarayıcının okumasını ağırlaştıracak ve sayfanın geç açılmasına neden olacaktır. Standart olmayan yazı tiplerinin kullanıl­ması sayfa yüklenmesi önündeki engeller­den biridir. İstemcinin yazı tipini tanıması için tasarımcının sayfa başlığında vermiş olduğu eklentiye gitmesi, onu okuması ve kabul etmesi gerekir. Bu durum sayfa yük­leme süresini arttırır. Tasarımcının kod yazımlarında standartlara uymaması sayfanın geç yüklenmesine sebep olabilir. Örneğin düz bir metin içeren bir sayfanın birçok kütüphaneye link almış ol­ması tarayıcı meşgul edecektir. Çünkü tara­yıcı başlık ta verilen kü­tüphanelerin içerik için ge­rekli olduğu düşüncesiyle okumaya ve tanımaya çalı­şacaktır.

Yanıt Açıklaması: Veri Şifreleme: Web formu ile alınan verilerin güvenliği için veri şifreleme teknikleri kullanılabilir. Aktarılan bilgiler elde edilebilir ve alfasayısal metin olarak okunabilir. Bu nedenle güvenli tutmak istediğiniz veriler için her zaman şifreleme sağlamanız gerekir.

Yanıt Açıklaması: Yüklenme zamanı

Yanıt Açıklaması: Butonlar, web sitelerinin tasarımlarında önemli rollere sahip öğelerden biridir. Site içerisindeki gezinimi, hareketi ve etkileşimi sağlamak amacıyla çoğunlukla butonlardan yararlanırız. Butonlar site içi bağlantıları sağlamak için kullanılan araçlardır; ancak bağlantının kendisi değillerdir. Butonlar bağlantı çeşidi gibi düşünülse de aslında bağlantılardan farklı yapılardır. Buton, etkileşime geçildiğinde (tıklama, sürükleme, üstüne gelme, dokunma vb. yollarla) bir sürecin başlamasını, bitmesini veya kontrolünü sağlayan basit bir web sitesi geçiş mekanizmasıdır.

Yanıt Açıklaması: 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

Yanıt Açıklaması: Z-tipi Banner: Sayfanın en alt kısmında yer alır. Sayfa hareketlerinde alttaki pozisyonunu korur. Doğru cevap D'dir.

Yanıt Açıklaması: Firebug: Bu güçlü Firefox eklentisi, HTML ve CSS kodlarını görüntülemenize, stilleri ayarlamanıza ve sonuçları hemen görmenize yardımcı oluyor. Doğru cevap C'dir.

Yanıt Açıklaması: Ülkemizde daha çok matbaacılık, dijital baskıcılık, tekstil, tabela ve afiş gibi uygulamalarda kullanılan CorelDRAW yazılımı da Türkiye’de oldukça geniş bir kullanıma sahiptir.

Yanıt Açıklaması: Logo, tıpkı amblem gibi, kurumun imajını oluşturmak ya da desteklemek amacıyla kullanılan görsel yapıdır. Amblemden farkı ise görsel figürlerden çok tasarımda kurumun adının ya da adını oluşturan harflerin öne çıkarılmasıdır. Başka bir ifadeyle çeşitli tipografi teknikleri kullanılarak logolar oluşturulur.

Yanıt Açıklaması: 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 sayfası kullanıcının sorusuna cevap verir özellikteki içeriği barındırmalıdır. Kullanıcı çekmek için arama motoru uyumu sağlayıp boş içeriğe kullanıcı çekilmemelidir. İçerik hakkında kullanıcıların beklentilerini belirtebilecekleri formlar ya da iletişim kurabilecekleri alanlar eklenmelidir. 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. Yazım ve dilbilgisi kurallarına, terminolojiye dikkat edilmelidir. Anlaşılması güç yabancı kelimelerden, kısaltmalardan kaçınılmalıdır. İçerik içerisinde oluşturulan bağlantıların anlamlı olması gerekir. Alakalı olmayan bir sayfaya bağlantı eklenmemelidir.