Görsel Web Tasarımı

Yanıt Açıklaması: Anlatılmak istenen durumla ilişkili olan farklı nesnelerle oluşturulan görsellere analojik görseller denir. Doğru cevap A seçeneğidir.

Yanıt Açıklaması: Soruda verilen durum kısıtlar ilkesiyle ilişkilidir. Kullanıcıların herhangi bir durum karşısında alışkın oldukları uyarıcılarla uyarılmaları önerilmektedir.

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

Yanıt Açıklaması: Animasyonlar Web sitesi içerisinde farklı yapılarda kendine yer bulabilir. Kullanıcının bir buton üzerine geldiğinde butonun büyümesi, herhangi bir link üzerine geldiğinde renginin değişmesi, duyuru bölümlerinde duyuru metinlerinin aşağıdan yukarıya doğru kayarak geçmesi, animasyonların farklı kullanımına örnek olarak verilebilir.

Yanıt Açıklaması: Sıcak renkler dalga boyu yüksek, canlı, enerji verici ve güçlü renklerdir. Sıcak renkler bu özellikleri nedeniyle görsel web tasarımında genellikle dikkat çekmek amacıyla banner ve menülerde yaygın olarak kullanılırlar. Isı ve ışık etkisi veren kırmızı, sarı ve turuncu, sıcak renkler olarak ifade edilmektedir. Doğru cevap C şıkkıdır.

Yanıt Açıklaması: I. Getty, Dreamstime, II. iStock, Adobe Stock, III. Shutterstock, ThinkStock IV. Fotolia, Bigstock

Yanıt Açıklaması: Web tasarımında oldukça fazla sayıda alternatif bulunmasına karşın, kullanılabilecek örnek renk kombinasyonları şu şekilde oluşturulabilir; • Sarı zemin üzerine siyah metin rengi. • Beyaz zemin üzerine yeşil, kırmızı, mavi, gri ve siyah metin rengi. • Mavi zemin üzerine beyaz metin rengi. • Siyah zemin üzerine beyaz vesarı metin rengi

Yanıt Açıklaması: Çizgi, şekil, alan, boyut, doku ve renk konularından oluşan görsel tasarım ögeleri, bir bilgi aktarımında kullanılan temel unsurları oluşturmaktadırlar. Doğru cevap B'dir.

Yanıt Açıklaması: 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 olan görsel incelendiğinde dikeyde, yatayda ve radyal olarak bir simetri yakalandığı ve dengeli olarak dağıldığı görülmektedir.

Yanıt Açıklaması: Leading: Metindeki satırlar arası boşluğu ifade eder. Doğru cevap A'dır.

Yanıt Açıklaması: Etkileşim tasarımının kullanılabilirlik ve kullanıcı amaçları olmak üzere iki hedefi vardır.

Yanıt Açıklaması: Sola hizalama, metnin sola yaslanması ile oluşturulan her satırın aynı başlangıç noktasında başladığı ve sonunun farklı olabildiği sayfa düzeni yapısıdır. Bu yapıda göz her satırda aynı başlangıç noktasına döndüğü için göz yorgunluğu azalıp okunurluk artmaktadır.

Yanıt Açıklaması: Formlar kullanıcılardan bilgi almak için kullanılan temel öğelerdendir. Özellikle bir siteye üye olmak veya kullanıcı girişi yapmak için formlar kullanılmaktadır. Kullanıcılar ile etkileşimde ve site kullanımının artmasında formlar yardımcı olmaktadır.

Yanıt Açıklaması: Bütün tarayıcılar genel olarak bütün biçimsel kodları tanır ve arka plan kodlamalarını yorumlayabilir. Ancak standartlara uymayan tasarımlar tarayıcılarda farklı görünümlere sebep olabilmektedir.

Yanıt Açıklaması: Kullanıcının cinsiyet bilgisini belirttiği bir formda bu bilgi alanı için hangi radio butonu en uygun seçim olur. Doğru cevap C şıkkıdır.

Yanıt Açıklaması: Öğrenmeyi ve kullanımı kolaylaştırmak için tasarımın her parçası birbiriyle ve bütün tasarımlar da ev- rensel olarak tutarlı olmalıdır. Tutarlılık benzer görevlere ulaşmak için benzer ögelerin ve benzer işlemlerin kullanıldığı arayüz tasarımını ifade eder. Bir başka değişle tüm nesneleri seçmek için aynı işlem kurallarını kullanmak gibi tutarlı bir arayüzün kullanılmasıdır.

Yanıt Açıklaması: Parlaklık ve derinlik doğru orantılı kavramlar olup parlaklık arttıkça derinlik de artmaktadır. Renk derinliği “bit” cinsinden ifade edilmektedir. Bit, ikili sayı sistemi olarak kullanılan ve bilgisayar terminolojisindeki en küçük veridir. 1 bit renk derinliğine sahip bir noktacık 2 1 =2 adet renk (siyah ve beyaz) alabilirken, 2 bit renk derinliğine sahip bir noktacık 2 2 =4 adet renk alabilir. Dolayısıyla bit değeri arttıkça alınabilecek renk sayısı da artar. Web ortamında ifade edilen görüntüdeki nokta sayısı ne kadar fazla ise o kadar gerçeğe yakın bir görüntü elde edilmektedir. Kaliteli görüntü, görüntü işleyen bilgisayar birimlerini de etkilemektedir. Özellikle işlemci, ekran kartı ve RAM, görüntü kalitesinden doğrudan etkilenen önemli bileşenlerdir. Dolayısıyla görüntü kalitesinin artması bu bileşenlerde yük anlamına gelmektedir. Doygunluk, rengin saflığını ve sadeliğini ifade eden bir kavram olup bir rengin aynı ışık ortamında griye oranıyla ölçülmektedir. Rengin doygunluğu arttırıldığında ana rengin dışındaki tonlar azalmakta, rengin doygunluğu azaltıldığında ise renk griye yaklaşmaktadır. Doygunluk sıfır olduğunda ise renk gridir. Doğru cevap D’dir.

Yanıt Açıklaması: Metni komple BÜYÜK harflerle yazmak metnin okunurluğunu azalttığı gibi yazılı iletişimde büyük harf ile yazmak, karşı tarafa bağırarak konuşmak anlamına da gelmektedir.

Yanıt Açıklaması: Web site tasarımında görsellik estetik görünüm için oldukça önemlidir. Bunun için işlevlerin ve sayfaların birbirleriyle uyum içerisinde olmaları kullanıcı katılımını sağlamaları ve kullanıcıda güven oluşturmaları gerekmektedir. Ancak tasarımda farklı içerik türlerine yer vermek ya da vermemek bir zorunluluk değil tasarımın amacı doğrultusunda yapılacak bir tercihtir.

Yanıt Açıklaması: Formlar kullanıcıların bilgi girişi yapabildiği etkileşim elementleridir. Kullanıcılardan her türlü bilgi formlar aracılığıyla alınabilir.