Görsel Web Tasarımı Ara 9. Deneme Sınavı
Toplam 20 Soru1.Soru
Aşağıdak,lerden hangisi insanın çevresiyle ilgili verileri toplamadaki en etkili duyusudur?
Görme |
İşitme |
Dokunma |
Tatma |
Hissetmek |
İnsanın çevresiyle ilgili verileri toplamadaki en
etkili duyusu görme duyusudur. Günümüz dijital
dünyasında da elektronik ortam ve uygulamalar
büyük ölçüde görsel tasarımlar üzerine inşa edilmiştir. Harvard Üniversitesi tarafından gerçekleştirilen bir araştırmada kullanıcıların web sitelerine
ilişkin ilk izlenimlerini belirlemek amacıyla kullanıcıların algılanan görsel karmaşıklık ve renkliliğe
ilişkin görüşleri belirlenmiştir. Araştırma sonucunda bir kullanıcının bir web sitesine ilişkin görüş
oluşturmasının yarım saniye (50 ile 500 milisaniye) bile sürmediği belirlenmiştir. Yine aynı araştırmada kullanıcıda oluşan ilk izlenimin %94’ünün
web sitesinin içeriğiyle değil görsel tasarımı ile ilgili
olduğu belirlenmiştir. Diğer bir ifadeyle ne kadar
önemli ve dikkat çekici olursa olsun bir web sitesi
kötü bir görsel tasarımla sunulduğunda kullanıcıların ilgisini çekmesi mümkün olmayacaktır. Bu
nedenle bir web tasarımı sürecinde görsel tasarım
unsurları hayati önem taşır. Günümüz profesyonel
web tasarım ekiplerinde grafik tasarımcı veya grafik
tasarım ekibi grafik tasarımı için yeri doldurulamaz görev ve sorumluluklar üstlenir
2.Soru
Anlamı herkesçe belirgin olmayan, kültürel etmenler ve yaşantı yoluyla sonradan yüklenmiş anlamları barındıran görsel yapılar aşağıdakilerden hangisi ile adlandırılır?
Piktogram |
İdeogram |
Logogram |
İşaret |
Simge |
Piktogramlar, bir eşyayı, bir objeyi, bir yeri, bir işleyişi, bir kavramı, bir durumu resmetme yoluyla, olduğu gibi temsil eden sembollere verilen isimdir. İdeogram ise piktograma göre anlamı sonradan yüklenmiş görsel yapıları belirtir. Başka bir ifade ile piktogramda olduğu gibi anlamı herkesçe belirgin olmayan, kültürel etmenler ve yaşantı yoluyla sonradan yüklenmiş anlamları barındırmaktadır. Logogram ise özellikle uzak doğu dillerinde örneklerine sıkça rastlanan, bir kelime ya da kelime öbeğine karşılık gelen işaretler için kullanılan bir kavramdır. Bu tür işaretleme örneklerine mağara duvar resimlerinde de rastlanmaktadır. İşaret, Türk Dil Kurumu (TDK) sözlüğünde “gösterme” (işaret etme) anlamına ek olarak, “anlam yükletilen şey, belirti, gösterge, alamet” olarak; simge ise “duyularla ifade edilemeyen bir şeyi belirten somut nesne veya işaret, alem, remiz, rumuz, timsal, sembol” olarak tanımlanmaktadır.
3.Soru
Bir web sayfasında kullanıcının ihtiyaçları doğrultusunda sunulacak içeriğin yayınlanacağı yer olarak tanımlanan görsel tasarım ögesi aşağıdakilerden hangisidir?
Çizgi |
Şekil |
Alan |
Boyut |
Doku |
Alan: Bir web sayfasında kullanıcının ihtiyaçları doğrultusunda sunulacak içeriğin yayınlanacağı yer olarak tanımlanabilir. Diğer seçenekler farklı görsel tasarım ögelerini ifade etmektedir. Doğru cevap C'dir.
4.Soru
Temelde kullanıcıların web üzerindeki alışkanlıkları neye benzetilebilir?
Bir aşçının yemek pişirmesine |
Bir yazarın sözcükleri seçimine |
Bir araştırmacının isteklerine |
Bir mağazadaki müşterinin alışkanlıklarına |
Balık avlayan bir kişinin davranışlarına |
Temelde kullanıcıların web üzerindeki alışkanlıkları bir mağazadaki müşterinin alışkanlıklarına benzetilebilir. Ziyaretçiler her
sayfaya göz atarlar, bazı metinleri tararlar
ve ilgilerini çeken ya da aradıkları bilgiyle
ilgili olduğunu düşündükleri ilk bağlantıya
tıklarlar. Aslında sayfada kullanıcıların bakmadığı büyük bir alan da bulunmaktadır.
Birçok kullanıcı ilgilerini çeken ya da kullanışlı olduğunu düşündüğü bir konuyu ararken, bir bağlantıya tıkladığında onu hemen
bulmak ister. Eğer yeni sayfa kullanıcının
beklentisini karşılamazsa geri butonuna tıklanır ve arama süreci devam eder.
5.Soru
Buton, metin veya başka bir araç yoluyla etkileşime girildiğinde kullanıcıyı daha fazla içeriğe, yeni bir web sitesine veya web sitesi içinde farklı bir bölüme yönlendiren harf, rakam ve sembollerden oluşan özel verilere ne ad verilir?
İkonlar |
Link |
Banner |
Mizanpaj |
Infografik |
Link; buton, metin veya başka bir araç yoluyla etkileşime girildiğinde kullanıcıyı daha fazla içeriğe, yeni bir web sitesine veya web sitesi içinde farklı bir bölüme yönlendiren harf, rakam ve sembollerden oluşan özel verilerdir.
6.Soru
Bir eşyayı, bir objeyi, bir yeri, bir işleyişi, bir kavramı, bir durumu resmetme yoluyla, olduğu gibi temsil eden sembollere ne ad verilir?
İşaret |
Piktogram |
İdeogram |
Logogram |
Timsal |
Piktogramlar, bir eşyayı, bir objeyi, bir yeri, bir işleyişi, bir kavramı, bir durumu resmetme yoluyla, olduğu gibi temsil eden sembollere verilen isimdir.
7.Soru
I. Logo ve başlıklarının görsel tasarımıII. Görsel gezinim bileşenlerinin tasarımıIII. Görsel gövde tasarım bileşenleriIV. Altbilgi görsel tasarımı Yukarıdakilerden hangileri web için görsel iç-tasarım elementleri arasında yer almaktadır?
I ve II |
III ve IV |
I ve III |
II, III ve IV |
I, II, III ve IV |
Web için görsel iç-tasarım elementleri dört başlık altında incelenmektedir:
• Web sitesi logo ve başlıklarının (banner) görsel tasarımı,
• Web sitesi görsel gezinim bileşenlerinin tasarımı,
• Web sitesi görsel gövde tasarım bileşenleri ve
• Web sitesi altbilgi (footer) görsel tasarımı.
8.Soru
………., tıpkı amblem gibi, kurumun imajını oluşturmak ya da desteklemek amacıyla kullanılan görsel yapıdır. Amblemden farkı ise görsel figürlerden çok tasarımda kurumun adının ya da adını oluşturan harflerin öne çıkarılmasıdır. Yukarıdaki boşluğa aşağıdakilerden hangisi gelmelidir?
Logotype |
Simge |
Sembol |
Logo |
Logogram |
Logo, tıpkı amblem gibi, kurumun imajını oluşturmak ya da desteklemek amacıyla kullanılan görsel yapıdır. Amblemden farkı ise görsel figürlerden çok tasarımda kurumun adının ya da adını oluşturan harflerin öne çıkarılmasıdır. Başka bir ifadeyle çeşitli tipografi teknikleri kullanılarak logolar oluşturulur. Doğru cevap D'dir.
9.Soru
Web tasarımında kullanılabilirlik ilkeleri düşünüldüğünde aşağıdakilerden hangisi yanlıştır?
Hedef kitle analizi yapılmalı ve kullanıcıların özellikleri belirlenmelidir. |
En yüksek hıza sahip kullanıcı gözetilerek site oldukça yüksek grafikte yüklenmelidir. |
Ziyaretçilerin sayfa kullanımı için yararlandığı bağlantılar menüsü alışkın oldukları |
Web sayfalarının taşıdığı logolar kurumsal kimliğin ana parçasıdır. |
Web sayfası okunabilir olmalıdır. |
En düşük hıza sahip kullanıcı gözetilerek site oldukça sade olmalı ve hızlı yüklenmelidir.
10.Soru
Çözünürlük problemi olmadan oluşturulan grafiklere ne ad verilir?
Bitmap grafikler |
Vektörel grafikler |
Soyut grafikler |
Somut grafikler |
Bilgisyar grafikler |
Vektörel grafikler ise çözünürlük kavramından bağımsız olarak, her bir nesnenin, koordinat düzlemi üzerinde matematiksel fonksiyonlarla tanımlanarak oluşturulması esasına dayanan grafiklerdir. Bu grafik üretme yöntemiyle siyah bir çizgi oluşturmak için pikselleri alt alta ve yan yana dizmek yerine siyah çizginin eni boyu kalınlığı uzunluğu, konumu ve renk kodu tanımlanarak ekranda oluşması sağlanmaktadır. Doğru cevap B'dir.
11.Soru
Aşağıdakilerden hangisi WEB sayfasının geç açılmasına neden olan etkenlerden biri değildir?
Yazı, resim, ses ve video gibi içeriklerin bütün boyutlarıyla sayfaya yüklenmesi. |
Tabloların iç içe çok sayıda olması. |
Standart olmayan yazı tiplerinin kullanılması. |
Yazım ve dilbilgisi kurallarına, terminolojiye dikkat edilmemesi. |
Tasarımcının kod yazımlarında standartlara uymaması. |
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. İstemcinin yazı tipini tanıması için tasarımcının sayfa başlığında vermiş olduğu eklentiye gitmesi, onu okuması ve kabul etmesi gerekir. Bu durum sayfa yükleme süresini arttırır.
- 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. Çünkü tarayıcı başlıkta verilen kütüphanelerin içerik için gerekli olduğu düşüncesiyle okumaya ve tanımaya çalışacaktır.
12.Soru
Aşğıdakilerden hangisi, web formuna girilen şifrelerin başkaları tarafından görülmesi engellenebilenc; anak m güvenlik için tek başına yeterli olmayan yöntemdir?
256-bit SSL ile |
Secure Sockets Layer-güvenli giriş katmanıyla |
Şifre alanıyla |
CAPTCHA teknolojisi |
Veri Şifrelemeyle |
Veri Şifreleme: Web formu ile alınan verilerin
güvenliği için veri şifreleme teknikleri kullanılabilir. Aktarılan bilgiler elde edilebilir ve alfasayısal metin olarak okunabilir. Bu nedenle güvenli tutmak istediğiniz veriler için her zaman şifreleme sağlamanız gerekir.
13.Soru
Bir web sitesi hazırlarken http isteklerini CSS ya da Javascript gibi bir merkezle toplayarak HTML, CSS ve Javascript kodlarını minimize etmek aşağıdakilerden hangi kavrama yöneliktir?
Mobil dostu |
Amaç |
Gezinim |
“F” model tasarımı |
Yüklenme zamanı |
Yüklenme zamanı
14.Soru
Etkileşime geçildiğinde (tıklama, sürükleme, üstüne gelme, dokunma vb. yollarla) bir sürecin başlamasını, bitmesini veya kontrolünü sağlayan basit bir web sitesi geçiş mekanizması, aşağıdakilerden hangisidir?
Buton |
Link |
CCS |
HTML |
W3C |
Butonlar, web sitelerinin tasarımlarında önemli rollere sahip öğelerden biridir. Site içerisindeki
gezinimi, hareketi ve etkileşimi sağlamak amacıyla
çoğunlukla butonlardan yararlanırız. Butonlar site
içi bağlantıları sağlamak için kullanılan araçlardır;
ancak bağlantının kendisi değillerdir. Butonlar
bağlantı çeşidi gibi düşünülse de aslında bağlantılardan farklı yapılardır.
Buton, etkileşime geçildiğinde (tıklama,
sürükleme, üstüne gelme, dokunma vb.
yollarla) bir sürecin başlamasını, bitmesini
veya kontrolünü sağlayan basit bir web sitesi geçiş mekanizmasıdır.
15.Soru
Kullanıcıların karşılaştıkları sayfalardaki içeriğin kalitesi ve güvenirliği neyi sağlar?
Kullanıcıların iletişimlerini güçlendirmelerini |
Tasarımcının beklentilerinin karşılanmasını |
Sayfada kalınan zamanın artmasını |
Huzurun sağlanmasını |
Memnuniyetin artmasını |
Kullanıcıların karşılaştıkları sayfalardaki
içeriğin kalitesi ve güvenirliği memnuniyetin artmasını sağlar. Daha önce de bahsedildiği gibi kullanıcıların web ortamlarındaki
göz hareketlerinin incelendiği araştırmalarda “F” şeklindeki bir iz şeklinde tarama
yaptıkları, site sayfalarında bulunan her şeyi
tamamıyla okumadıkları belirlenmiştir
16.Soru
Sayfanın en alt kısmında yer alarak sayfa hareketlerinde de alttaki pozisyonunu koruyan banner türü aşağıdakilerden hangisidir?
Akan Video Banner |
Floating Banner |
Rollover Banner |
Z-tipi Banner |
Standart Banner |
Z-tipi Banner: Sayfanın en alt kısmında yer alır. Sayfa hareketlerinde alttaki pozisyonunu korur. Doğru cevap D'dir.
17.Soru
Bu güçlü Firefox eklentisi, HTML ve CSS kodlarını görüntülemenize, stilleri ayarlamanıza ve sonuçları hemen görmenize yardımcı oluyor.
Yukarıda özellikleri verilen ücretsiz web tasarım aracı aşağıdakilerden hangisidir?
Brackets |
Notepad++ |
Firebug |
OpenBEXI |
Bluefish Editor |
Firebug: Bu güçlü Firefox eklentisi, HTML ve CSS kodlarını görüntülemenize, stilleri ayarlamanıza ve sonuçları hemen görmenize yardımcı oluyor. Doğru cevap C'dir.
18.Soru
Ülkemizde daha çok matbaacılık, dijital baskıcılık, tekstil, tabela ve afiş gibi uygulamalarda kullanılan program aşağıdakilerden hangisidir?
Canva |
Google Web Designer |
Adobe Illustrator |
Adobe Photoshop |
CorelDRAW |
Ülkemizde daha çok matbaacılık, dijital baskıcılık, tekstil, tabela ve afiş gibi uygulamalarda kullanılan CorelDRAW yazılımı da Türkiye’de oldukça geniş bir kullanıma sahiptir.
19.Soru
Logoyu amblemden ayıran en belirgin özellik aşağıdakilerden hangisidir?
Bir kurumun imajını oluşturmak amacıyla kullanılması |
Tasarımında kurumun adının öne çıkarılması |
Tasarımında somut görsellerin kullanılması |
Tasarımında sadece tek bir kavrama odaklanılması |
Tasarımında görsel figürlerin kullanılması |
Logo, tıpkı amblem gibi, kurumun imajını oluşturmak ya da desteklemek amacıyla kullanılan görsel yapıdır. Amblemden farkı ise görsel figürlerden çok tasarımda kurumun adının ya da adını oluşturan harflerin öne çıkarılmasıdır. Başka bir ifadeyle çeşitli tipografi teknikleri kullanılarak logolar oluşturulur.
20.Soru
Tasarımı çok güzel olan bir site olmasına rağmen kullanıcının aynı sayfaya tekrar gelmemesi aşağıdaki özelliklerden hangisiyle ilgilidir?
Hız |
Kullanabilirlik |
İşlevsellik |
İçerik |
Uyumluluk |
Tasarımcılar rastgele bir içeriğin ekleneceği bir siteye herhangi bir tasarım yapamazlar. İçeriğe göre tasarım yapmak gerekir. Aksi durumdaki web sayfaları istenilen etkiyi yaratamadıklarından uzun ömürlü olamamaktadırlar. İçerik açısından site tasarlanırken dikkat edilmesi gereken unsurlar şunlardır;
- Web sayfası kullanıcının sorusuna cevap verir özellikteki içeriği barındırmalıdır. Kullanıcı çekmek için arama motoru uyumu sağlayıp boş içeriğe kullanıcı çekilmemelidir.
- İçerik hakkında kullanıcıların beklentilerini belirtebilecekleri formlar ya da iletişim kurabilecekleri alanlar eklenmelidir.
- Web sayfası yapısı itibariyle içerik olarak sürekli güncelleniyorsa mutlaka eski içerikleri için iyi bir arşiv sistemi ve bağlantı oluşturma sistemi olmalıdır.
- Yazım ve dilbilgisi kurallarına, terminolojiye dikkat edilmelidir. Anlaşılması güç yabancı kelimelerden, kısaltmalardan kaçınılmalıdır.
- İçerik içerisinde oluşturulan bağlantıların anlamlı olması gerekir. Alakalı olmayan bir sayfaya bağlantı eklenmemelidir.
-
- 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İ