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.

İnsan-bilgisayar etkileşimi

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

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

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.

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.

Behance

Hiyerarşik veri işaretleyicisine breadcrumbs denilmektedir.

Doğru seçenek : A

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

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.

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.

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.

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.

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.

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. 

CSS stili bir etkileşim elementi değildir. Doğru cevap D şıkkıdır.

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.

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.

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.

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.