Görsel Web Tasarımı Final 3. Deneme Sınavı
Toplam 20 Soru1.Soru
Kullanıcıların katılımlarıyla web ortamlarını içerik yönünden zenginleştirmesi hangi dönemle başlamıştır?
Web 1.0 |
Web 2.0 |
Web 3.0 |
HTML5 |
www |
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.
2.Soru
Elektronik ortamda grafik, resim, çizim veya videoları stoklayarak bu tasarımların satış ve pazarlamasını yapan sitelere ne ad verilir?
Typekit |
Behance |
Stok |
Konsept |
Çizim |
Stok siteleri; elektronik ortamda grafik, resim, çizim veya videoları stoklayarak bu tasarımların satış ve pazarlamasını yapan sitelerdir.
3.Soru
Aşağıdakilerden hangisi ö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 ağdır?
OneDrive |
OneNote |
Behance |
Photoblog |
Illustraterback |
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.
4.Soru
Modüler yapıda olan ve mobil cihazlar için performans ve ölçeklenebilir yapıda
geliştirilmiş CSS çerçevesi aşağıdakilerden hangisidir?
Bootstrap |
BassCSS |
Cardinal |
Skeleton |
Concise |
Cardinal, modüler yapıda olan ve mobil cihazlar için performans ve ölçeklenebilir yapıda
geliştirilmiş CSS çerçevesidir.
5.Soru
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ılan etkileşim öğesi aşağıdakilerden hangisidir?
Site Haritası |
Rozetler |
Simgeler |
Jumbotron |
Etiketler |
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.
6.Soru
Metnin sağ ve sol sütunlara yaslanmasıyla oluşturulan sayfa yapısı aşağıdakilerden hangisidir?
Sola yaslı |
Sağa yaslı |
Ortaya hizalı |
Her iki yana yaslı |
Serbest yazı |
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.
7.Soru
Aşağıdakilerden hangisi font seçimine en az etkide bulunur?
Duruma uygun font seçimi |
Font ailelerine göre font seçimi |
Arka plana göre font seçimi |
Kullanım amacına göre font seçimi |
Satır sayısına göre font seçimi |
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.
8.Soru
CMYK Renk modeli ilgili aşağıdaki bilgilerden hangisi yanlıştır?
Cihaz bağımlı renk modelleri kapsamında yer alır. |
CMYK renk modelinde üç renk değeri de sıfır olduğunda saf siyah üretilmektedir. |
Sarı ve cyan karışımıyla “yeşil” renk oluşur. |
Magenta ve sarı karışımıyla “kırmızı” renk oluşur. |
Cyan ve Sarı karışımıyla “mavi” elde edilmektedir. |
Cyan ve Magenta karışımıyla “mavi” elde edilir.
9.Soru
Magenta rengini elde edebilmek için aşağıdaki karışımlardan hangisi doğru olarak verilmiştir?
Yeşil ve Kırmızı |
Koyu Mavi ve Yeşil |
Kırmızı ve Koyu Mavi |
Açık Mavi ve Yesşil |
Mavi ve Mor |
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.
10.Soru
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 aşağıdakilerden hangisidir ?
Çizgi |
Boyut |
Bütünlük |
Hizalama |
Renk |
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.
11.Soru
Bir bakışta verileri kolayca anlaşılabilir hale getirmek için tasarlanan grafik formatında bilgi gösterimlerine ne ad verilir?
Infografik |
Haritalama |
Görsel Algı |
Logo |
Font |
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.
12.Soru
Bir meyve sepeti içerisinde elmaları netleştirerek diğer meyveleri bulanık duruma getiren tasarımcı aşağıdakilerden hangisini kullanmaktadır?
Bütünlük |
Denge |
Simetri/Asimetri |
Hizalama |
Vurgu |
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.
13.Soru
Görsel mesajların yazılı mesajlara göre daha hızlı ve kolay çözümlenmesinin temel nedeni aşağıdaki seçeneklerden hangisinde verilmiştir?
Görsel mesajın boyutu |
Seçilen metin fontu |
Metinlerin uzunluğu |
Görsellere yüklenen anlam |
Okuryazarlık gereksinimi |
İ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.
14.Soru
Bir web sitesinde kullanıcıların davranışlarına uygun olacak şekilde bilgilerin üstten aşağıya doğru önem sırasına göre sunulmasını sağlayan tasarım biçimi aşağıdakilerden hangisidir?
Tek sayfa tasarım |
SEO Uyumlu web sitesi tasarımı |
Sabit tasarım |
Tablo tabanlı tasarım |
F model tasarımı |
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.
15.Soru
Aşağıdakilerden hangisi portfolyo sitelerinden biridir?
WePay |
Google Wallet |
Dwolla |
Sliding Boxes |
SEO |
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.
16.Soru
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 görsel tasarım öğesi aşağıdakilerden hangisidir ?
Doku |
Boyut |
Alan |
Şekil |
Çizgi |
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.
17.Soru
Kullanıcı ve Web arayüzü arasında etkileşimi sağlayan ve kullanıcıya site içerisinde gezinme konusunda yardımcı olan etkileşim elementi aşağıdakilerden hangisidir?
Simgeler |
Menüler |
Butonlar |
Rozetler |
Formlar |
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.
18.Soru
Aşağıdakilerden hangisi Web sitesi şablonlarını belirlerken göz önünde bulundurulması gereken kriterlerden biri değildir?
Sitenin amacı |
Hedef kitle özellikleri |
Site içeriği |
Önceden tasarlanmış grafiklerin yapısı |
Web sitesinin bulunurluğu |
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.
19.Soru
Mous’un banner üzerine gelmesiyle ölçülerin değiştiği hareketli menu içeren banner türü aşağıdakilerden hangisidir?
Floating Banner |
Standart Banner |
Rollover Banner |
Akan Video Banner |
Z-tipi Banner |
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.
20.Soru
a) Yazı biçimi I ) Metni oluşturan karakterlerin anlam oluştururken vurgu yapılmasını sağlamak amacıyla biçimsel özelliklerine dikkat edilmesi
b) Yazı karakteri II ) Metinde kullanılan harflerin, rakamların, işaretlerin, sembollerin aynı biçimsel özellik ve oranlara göre seçilerek kullanılması
c) Yazı ailesi III ) 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ı
Yukarıdaki kavramları açıklayan doğru ifadeleri seçiniz.
a-II; b-I; c-III |
a-I; b-III; c-II |
a-I; b-II; c-III |
a-III; b-II; c-I |
a-II; b-III; c-I |
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.
-
- 1.SORU ÇÖZÜLMEDİ
- 2.SORU ÇÖZÜLMEDİ
- 3.SORU ÇÖZÜLMEDİ
- 4.SORU ÇÖZÜLMEDİ
- 5.SORU ÇÖZÜLMEDİ
- 6.SORU ÇÖZÜLMEDİ
- 7.SORU ÇÖZÜLMEDİ
- 8.SORU ÇÖZÜLMEDİ
- 9.SORU ÇÖZÜLMEDİ
- 10.SORU ÇÖZÜLMEDİ
- 11.SORU ÇÖZÜLMEDİ
- 12.SORU ÇÖZÜLMEDİ
- 13.SORU ÇÖZÜLMEDİ
- 14.SORU ÇÖZÜLMEDİ
- 15.SORU ÇÖZÜLMEDİ
- 16.SORU ÇÖZÜLMEDİ
- 17.SORU ÇÖZÜLMEDİ
- 18.SORU ÇÖZÜLMEDİ
- 19.SORU ÇÖZÜLMEDİ
- 20.SORU ÇÖZÜLMEDİ