Görsel Web Tasarımı

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 sayfalaya 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. 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.

Yanıt Açıklaması: İnsan-bilgisayar etkileşimi

Yanıt Açıklaması: Görsel web tasarımına yönelik bir elektronik portfolyonun en temel amacı tanıtımdır.

Yanıt Açıklaması: Portfolyo hedef kitle özelliklerine, sektör ihtiyaçlarına ve portfolyo amacına göre aşağıdaki kararların alınması gerekir. • Arama çubuğu, site haritası ve menü gibi gezinim bileşenlerinin neler olacağı. • Portfolyo sitesinin e-ticaret sistemiyle entegre edilip edilmeyeceği. • Online sipariş ve satış işlemlerinin yapılıp yapılmayacağı. • Kullanıcı giriş sisteminin olup olmayacağı. • Sosyal medya bileşenlerinin kullanılıp kullanılmayacağı. • Önceki kararlara göre portfolyonun sıfırdan kodlanması veya hizmet alımının kararlaştırılması.

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. Doğru cevap E'dir.

Yanıt Açıklaması: Farklı alanlardaki portfolyolara finans portfolyoları, kariyer portfolyosu, edebiyat portfolyosu ve sanat portfolyosu örnek verilebilir. Bu ünitede anlatılan portföy, aynı zamanda sanatsal yönü bulunan grafik tasarımcılarının web için hazırladığı görselleri, grafikleri, ikonları, resimleri ve şablonları elektronik ortamda bir araya getirilmesinden ve kullanıcılara sunulmasından oluşmaktadır. Sanatsal tasarımı yönüyle web grafik portföyleri sanat portföyü kategorisine daha yakındır.

Yanıt Açıklaması: Behance

Yanıt Açıklaması: Hiyerarşik veri işaretleyicisine breadcrumbs denilmektedir. Doğru seçenek : A

Yanıt Açıklaması: Çizgi, tanımda da verildiği gibi belirli bir yönelimi vurgulamak, kavramlar arası ayrım amaçlı kullanılan bir görsel tasarım ögesidir.

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

Yanıt Açıklaması: Amblem, bir kurumun, bir ürünün ya da bir hizmetin yapısını ve niteliklerini tanımlamak amacıyla tasarlanan görsel simge olarak tanımlanabilir (Bektaş, 1997). 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. Amblem, bir kuruluşun felsefesinin bir çizim içine sığdırılmasına olanak vererek kurumun kendisini dış dünyaya (tüm paydaşlara) tanıtmasında ve dış dünya ile görsel iletişim sağlamada önemli bir işleve sahiptir (MEB, 2012). Amblemler işaret, simge ya da sembollerin kurumsal ya da bireysel bir amaç doğrultusunda kullanılması ya da özgün olarak yeniden üretilmesiyle elde edilirler.

Yanıt Açıklaması: Görsel web tasarımına yönelik başarılı bir elektronik portfolyonun oluşturulması için incelikle iyi bir planlamanın yapılması gerekir. Bunun için de hedef kitle (müşteri) özellik ve beklentilerinin analiz edilmesi, portfolyo amacının açık bir biçimde belirlenmesi, portfolyo içeriğinin ne olacağına yönelik detaylı bir çalışmanın yapılması ve portfolyo tasarımının nasıl olacağının belirlenmesi gerekmektedir. Bu başlıkta elektronik portfolyo tasarımının planlama aşaması bu dört temelde elealınmıştır.

Yanıt Açıklaması: Görsel bileşenlerin başarılı bir şekilde tasarlanması için farklı disiplinlerden uyulması gereken çeşitli ilkeler ve kurallar bulunmaktadır. Bu kurallar ve ilkelerden bazıları aşağıda sıralanmıştır. Bunlar; • hedef kitle özellikleri, • hedef kitle ihtiyaç ve ilgileri, • kullanılabilirlik, • çokluortam ilkeleri, • insan-bilgiyar etkileşimi prensipleri, • görsel tasarım ilkeleri ve • görsel algı kuralları şeklindedir.

Yanıt Açıklaması: Analog Renk Armonisi: Tasarımda bitişik renklerin tercih edilmesiyle ortaya çıkan renk armonisidir. Bitişik yani uyumlu renkler yan yana geldiklerinde birbirlerini gücünü kırarlar ve daha yumuşak bir görünüm sağlarlar.

Yanıt Açıklaması: Bootstrap, HTML, CSS ve JavaScript çerçevesi için geliştirilmiş esnek ve mobil cihaz uyumlu web biçimlendirme çatısıdır. Bootstrap, tipografi için CSS, ön işlemci olarak Less ve Sass'ı tercih etmektedir.

Yanıt Açıklaması: CSS stili bir etkileşim elementi değildir. Doğru cevap D şıkkıdır.

Yanıt Açıklaması: Bir görsel birçok kelimeyi bir anda yansıtabilir. Bilginin etkili bir şekilde sunulması için infografikler, videolar, kaliteli profesyonel fotoğraflardan yararlanabilirsiniz. Bunun gibi görsel öğeler, en iyi yazılan metinlerle iletişime geçmekten daha çekicidir.

Yanıt Açıklaması: Kullanılabilirlik ilkeleri; görünürlük, geri bildirim, kısıtlar, tutarlılık, sağlarlık ve haritalamadır. Doğru cevap B.

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. Özellikle etkileşimin üst düzey olduğu sosyal ağlarda etiketler önemli yer tutmaktadır.

Yanıt Açıklaması: Web tasarımında tutarlılık ve okumayı akıcı hale getirmek için en fazla 3 yazı biçimi kullanılmalıdır. Doğru cevap C şıkkıdır.