Görsel Web Tasarımı

Yanıt Açıklaması: Web 1.0 tek yönlü iletişime dayanmaktaydı. Web 1.0’da uzmanlar tarafından hazırlanan Web içerikleri, alıcı konumunda olan kullanıcılar tarafından sadece okunabilmekteydi. Bu anlamada, kullanıcılar içeriğe katkı getiremeyen alıcı konumundaydılar. Web 2.0 kullanıcılar arasında etkileşim, işbirliği ve paylaşıma olanak sağlayan yani kullanıcılara içerik üretme ve yönetme görevini sağlayan bir başka deyişle etkileşime olanak sağlayan platformlar sunmaktadır. Doğru cevap B seçeneğinde verilmektedir.

Yanıt Açıklaması: Stok siteleri; elektronik ortamda grafik, resim, çizim veya videoları stoklayarak bu tasarımların satış ve pazarlamasını yapan sitelerdir.

Yanıt Açıklaması: Behance (Behance olarak stilize edilmiştir), öz-tanıtım konusunda uzmanlaşmış, danışmanlık ve çevrimiçi portfolyo siteleri de dâhil çeşitli servis ve siteleri içeren bir ağdır.

Yanıt Açıklaması: Cardinal, modüler yapıda olan ve mobil cihazlar için performans ve ölçeklenebilir yapıda geliştirilmiş CSS çerçevesidir.

Yanıt Açıklaması: Etiketler kullanıcı veya Web sitesi içeriğindeki herhangi bir durum bilgisinin anahtar kavramlar aracılığıyla tanımlanması ve aramalar yoluyla tekrar bulunabilirliğinin sağlanması için kullanılmaktadır. Doğru cevap E.

Yanıt Açıklaması: Her İki Yana Yaslı (Her İki Taraftan Blok, Her İki Tarafa Hizalı): Metnin sağ ve sol sütunlara yaslanmasıyla oluşturulan sayfa yapısıdır. Metinde yer alan başlıklarda tercih edilen bir yapıdır.

Yanıt Açıklaması: Font seçilirken bir tasarımın amacı, arka planı, verilmek istenen mesajın durumu, font ailesi gibi önemli etmenler vardır. Ancak satır sayısı font seçimine diğerlerine oranla en az etkide bulunan etmendir.

Yanıt Açıklaması: Cyan ve Magenta karışımıyla “mavi” elde edilir.

Yanıt Açıklaması: Fizikçi Young ise Newton’un gerçekleştirdiği deneyin tam tersini yaparak tüm renkleri bir perdede birbiri üzerine düşürerek ışığı yeniden oluşturmayı başarmıştır. Ayrıca Young bu renkleri ikişerli karıştırarak da sarı, cyan ve magenta renklerini elde etmiştir. Buna göre; • Yeşil ve kırmızı karışımıyla “sarı” • Koyu mavi ve yeşil karışımıyla “cyan” • Kırmızı ve koyu mavi karışımıyla “magenta” elde edilmektedir. Doğru cevap C şıkkıdır.

Yanıt Açıklaması: Bilinçli ve uygun zıtlık ya da tonlarda kullanımı oluşturacağınız tasarımın estetik açıdan ve anlaşılırlığını oldukça fazla etkileyecek görsel tasarım öğesi renktir. Doğru cevap E seçeneğidir.

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ı: 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.

Yanıt Açıklaması: İnsanlar görsellere ilişkin var olan kültürel yapıları göz önünde bulundurarak tepkiler verirler. Temelde sözsüz iletişimde de olduğu gibi belirli jest ve mimikler daha önceden kalıp haline gelen bir durumla ilişkilendirilmişse bu görsel mesajların çözümlenmesi yazılı mesajlara kıyasla çok daha kolay olacaktır. Doğru cevap D'dir.

Yanıt Açıklaması: Web ortamında kullanıcı hareketlerinin incelendiği göz izleme çalışmalarında, insanların bilgisayar ekranının en üst ve en solunu gördükleri, ekranın sağ tarafına ise nadiren baktıkları belirtilmiştir. Tasarlayacağınız siteyi görüntüleyecek kullanıcıları görsel olarak bir akışa zorlamaktan ziyade, kullanıcıların doğal davranışlarıyla birlikte ve bilgileri üstten aşağıya doğru önem sırasına koyarak sunmak, kullanışlı bir web tasarımına olanak verir.

Yanıt Açıklaması: Ancak bu süreçlerde hem Web tasarımı için, hem alan adı hizmetleri için hem de sunucu (hosting) hizmetleri için ayrı ayrı ödeme yapılması ve zaman harcanması gerektiği için bu yöntem oldukça zahmetlidir. Bunun yerine daha az çabayla daha profesyonel arayüzler sunan Behance ve Adobe Portfolio, Dunked, Folio 24, Portfoliobox ve Sliding Boxes gibi sistemlerden yararlanmak mümkündür.

Yanıt Açıklaması: 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 öğeye çizgi denir. Doğru cevap E seçeneğidir.

Yanıt Açıklaması: Menüler kullanıcı ve Web arayüzü arasında etkileşimi sağlayan ve kullanıcıya site içerisinde gezinme konusunda yardımcı olan en önemli bileşenler arasında yer almaktadır. Farklı ekran boyutlarına sahip cihazlarda menü tasarımlarında da farklılıklar bulunmaktadır. Web tabanlı tasarımlarda genellikle aşağıya doğru açılır menüler kullanırken, daha küçük ekran boyutlarına sahip akıllı telefonlarda genellikle yana açılır menü tasarımları dikkat çekmektedir. Doğru cevap B'dir.

Yanıt Açıklaması: Site şablonlarının belirlenmesinde dikkat edilmesi gereken, göz önünde bulundurulması gereken çeşitli kriterler vardır. Buna göre 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.

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

Yanıt Açıklaması: Yazı biçimi: Sayfa tasarımında sadece harflerin kullanıldığı ve bu kullanımda büyük ve küçük harf dizisinin sayfa hiyerarşisine göre doğru bir şekilde kullanılmasıdır. Yazı karakteri: Metinde kullanılan harflerin, rakamların, işaretlerin, sembollerin aynı biçimsel özellik ve oranlara göre seçilerek kullanılmasıdır. Metnin okunurluğu açısından karakterlerin birbirinden ayırt edilerek algılanması açısından harflerin oranları önemlidir. Alfabedeki harflere bakıldığında en dar harfin “I” en geniş harfin ise “M” olduğu görülmektedir. Bu bağlamda harfler arasındaki boşlukların da harf genişliklerine göre düzenlenmesi anlam oluşturmada önemlidir. Metin içerisinde kullanılan yazı tipinin tarihsel süreçte gelişimi Şekil 5.3’te görülmektedir. Yazı ailesi: Metni oluşturan karakterlerin anlam oluştururken vurgu yapılmasını sağlamak amacıyla biçimsel özelliklerine dikkat edilmelidir. Yazı ailelerine bakıldığında Serif (Tırnaklı), Sans Serif (Tırnaksız) ve Typewriter (Daktilo) olarak üç sınıflandırma altında toplandığı görülmektedir. Yazı ailelerinin karakterlerinin biçimsel özelliklerine bakıldığında farklı kalınlıklardaki uyarlamaları extra light (çok ince), light (ince), book, demi (yarım), medium (orta), bold (kalın), extra bold (çok kalın), heavy (ağır) ve ultra (aşırı)dır. Farklı kalınlıklara sahip bu uyarlamaların condensed (yoğunlaştırılmış), regular (normal) ve extended (seyreltilmiş) uyarlamaları, farklı açılara sahip roman (dik) ve italik (eğik) uyarlamaları ile işleme seçenekleri outline (kontür), shaded (gölgeli), decorated (süslü) de bulunmaktadır. Metni oluştururken karakterlerin biçimsel özelliklerinin ve oranlarının yanı sıra; • harflerin arasındaki boşluklara, • sözcüklerin arasındaki boşluklara ve • satır aralarındaki boşluklara da dikkat edilmesi gerekmektedir.