Görsel Web Tasarımı

Yanıt Açıklaması: Tasarımcı gerçekçi görüntüler elde etmek amacıyla gölgelendirmeyi kullanırken gölge efektinin dokusal özelliğinden yararlanmaktadır. Gölge olarak eklenen alandaki gerçek nesnenin renginden, boyutundan, şeklinden farklılaşan dokulu alan nesnenin üç boyutluymuş gibi görünmesine katkı sağlamakta ve daha gerçekçi bir algı oluşturmaktadır. Doğru cevap C seçeneğinde verilmektedir.

Yanıt Açıklaması: Logo tasarımıyla birlikte çoğunlukla web sayfalarının en üst bölümünde sitenin kimliği ve tanımlayıcı bilgilerini temsil eden bir başlık/banner bölümü bulunur. Bazı tasarımlarda kullanılmasa da web sitelerinde sitenin kimliği niteliğindeki bu alandan yararlanılabilir. Web siteleri açısından bakıldığında çeşitli başlık/banner tasarımları bulunmaktadır. Bazı banner türleri aşağıda sıralanmıştır: • Standart Banner: Sabit veya hareketli içerik içerir.Link verilerek yönlendirme yapılabilir. • Rollover Banner: Mouse banner üzerine geldiğinde ölçüleri değişir. Bu tür banner’lar genellikle hareketli menü veya içerik içerir. • Floating Banner: Sayfa açıldığında banner sayfa ortasında belirli süre kalır ve sonra kaybolur. • Genişletilebilir (Expandable) Banner: Sayfanın en üst kısmında yer alır. Banner üzerine gelindiğinde sayfayı aşağı doğru iterek genişler. • Akan Video Banner: Banner sürekli dönen video veya videolar olarak tasarlanmıştır. • Z-tipi Banner: Sayfanın en alt kısmında yer alır. Sayfa hareketlerinde alttaki pozisyonunu korur.

Yanıt Açıklaması: Bilgisayar bağlantıları çoğunlukla hiperlink veya sadece link olarak adlandırılır. Kullanıcının web siteleri içinde ve web siteleri arasında gezinimini sağlayan teknoloji linklerdir. Web siteleri içinde link ve buton kullanımı hayati önem taşır. Çünkü linkler olmadan www’dan yani web’den bahsetmek de mümkün değildir. Diğer bir ifadeyle, web’i erişilebilir, dinamik kılan temel teknoloji linklerdir. 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ı: 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.

Yanıt Açıklaması: Amblem, logo ve logotayp, kurumun her türlü görsel iletişiminde kullanılabilir bir forma sahip olmalıdır. Bunun için tasarımcı boyutunu ilgilendiren dosya formatlarının türetilmiş olması kadar her tür ürün üzerinde uygu- lama örneğinin önceden test edilmesi kullanışlılığı oldukça artıracaktır. Doğru cevap B'dir.

Yanıt Açıklaması: Web sitesi için şablon tasarımına karar verilirken; • Sitenin amacı, • Hedef kitle özellikleri, • Hedef kitle tercihleri, • Sitenin sahip olacağı içerikler, • Önceden tasarlanmış logo vb. grafiklerin yapısı dikkate alınmalıdır. Doğru cevap E'dir.

Yanıt Açıklaması: Web tasarım ilkeleri olarak sayılabilecek bir çok farklı unsur vardır. Ancak bunlar arasında en çok dikkat edilmesi gerekenler; içerik, hız, kullanılabilirlik, işlevsellik, uyumluluk ve görsel tasarımdır. Ancak yapılanma bu ilkeler arasında sayılmaz. Doğru cevap E'dir.

Yanıt Açıklaması: Infografik, bir bakışta verileri kolayca anlaşılabilir hale getirmek için tasarlanan grafik formatında bilgi gösterimleridir. Infografikler site şablonu olarak da kullanılabilir.

Yanıt Açıklaması: Web sayfasındaki 1 numara işaretli alan boyut öğesine uymaktadır. Doğru cevap A seçeneğinde verilmektedir.

Yanıt Açıklaması: Senemoğlu’na göre (2009) Gestalt kuramının temelinde, bütünün kendisini oluşturan parçaların toplamından daha anlamlı olduğu ilkesi yer almaktadır.

Yanıt Açıklaması: Vurgulama; istenilen ayrıntının öne çıkarılması ya da anlamını pekiştirmek için farklı tekniklerle kullanılabilecek bir tasarım ilkesidir. Vurgulanan içerik diğerlerine göre daha belirgin olacağı için fark edilmesi ve öğrenilmesi kolaylaşacaktır.

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

Yanıt Açıklaması: Kurumların görsel kimliklerini oluşturmak, güçlendirmek ya da değiştirmek amacıyla, sözcük yerine soyut veya somut görseller ya da harfler kullanılarak oluşturulabilirler.

Yanıt Açıklaması: Gerçekçi Görseller: Anlatılmak istenen objenin gerçek halidir. Analojik Görseller: Anlatılmak istenen durumla ilişkili olan farklı nesnelerle oluşturulan görsellerdir. Örgütsel Görseller: Farklı öğeler arasındaki niteliksel ilişkileri ifade etmek için kullanılırlar. İlişkisel Görseller: Niceliksel ilişkileri anlatmada tercih edilirler. Yaygın olarak tercih edilen ilişkisel görseller arasında çubuk grafikler, resimli grafikler, pasta grafikleri ve çizgi grafikleri gösterilebilir. 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. Yorumlayıcı Görseller: Teorik ya da soyut ilişkileri göstermek için kullanılırlar.

Yanıt Açıklaması: Web sitelerinde head olarak kodlandırılan kısım başlıktır. Doğru cevap A seçeneğidir.

Yanıt Açıklaması: Algı denildiğinde ilk akla gelen kuramsal yaklaşımlardan biri Gestalt kuramıdır. Gestalt kuramı yakınlık, benzerlik, tamamlama, devamlılık ve şekil-zemin olmak üzere beş temel ilkeye dayanmaktadır.

Yanıt Açıklaması: Nitelikli bir görsel tasarımının oluşması için, kurum hakkında yapılan araştırmalar kadar özgün fikre ışık tutacak araştırmalar oldukça önemlidir.

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

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 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 sayfaları yüklenirken içeriğinde barındırdığı her öğeyi istemcinin bilgisayarına indirmektedir. Bu öğeler yazı, resim, ses ve video gibi içeriklerdir. Bu aşamada tasarımcı her içeriği bütün boyutlarıyla sayfalara yüklememeli, görsel kullanacaksa küçültmeli, ses ya da video kullanacaksa player dediğ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ılması sayfa yüklenmesi önündeki engellerden 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üklem 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ış olması tarayıcı meşgul edecektir. Çünkü tarayıcı başlıkta verilen kütüphanelerin içerik için gerekli olduğu düşüncesiyle okumaya ve tanımaya çalışacaktır.

Yanıt Açıklaması: İlişkisel Görseller: Niceliksel ilişkileri anlatmada tercih edilirler. Yaygın olarak tercih edilen ilişkisel görseller arasında çubuk grafikler, resimli grafikler, pasta grafikleri ve çizgi grafikleri gösterilebilir.