Görsel Web Tasarımı Ara 4. Deneme Sınavı
Toplam 20 Soru1.Soru
I. İçerik yoğunluğuna bakılmaksızın arama kutusu bulunmalıdır.
II. Önemli kavramlar vurgulanmalıdır.
III. Karşılaşılan hataların nedenleri açıklanmalıdır.
IV. Site içeriği okunabilir olmalıdır.
Yukarıdakilerden hangileri web tasarımlarının kullanılabilirliğini artırmaktadır?
I-II-IV |
I-II-IV |
II-III |
II-III-IV |
I-IV |
Web sayfalarında içerik yoğun olduğunda gezinmeyi kolaylaştırmak ve istenilen bilgiye hızlı erişim sağlatabilmek amacıyla site içi arama motorlarından yararlanılır. Ancak içerik küçük boyutlu ise ve aranan hemen bulunabiliyorsa arama motoru gereksiz bir yardımcı olarak görsel karmaşaya neden olacaktır.
2.Soru
Ziyaretçilerin çok fazla bağlantı tıklamadan gezinim bileşenleri üzerinden istediğine erişebilmesi aşağıdakilerden hangisi ile ilişkilidir?
İşlevsellik |
Kullanılabilirlik |
Hız |
Tasarım |
Uyumluluk |
Web sitesi tasarımında sitenin sahip olduğu teknik özelliklerden ve alt yapısındaki kaliteden çok kullanıcı ne gördüğü ve neye ulaşmak istediğiyle ilgilenir. Ziyaretçilerin çok fazla bağlantı tıklamadan gezinim bileşenleri üzerinden istediğine erişebileceği bir hiyerarşi oluşturulması ve ziyaretçinin aradığına ulaşma çabasının minimize edilerek sağlanması web sayfasının işlevselliğinin göstergesidir.
3.Soru
Aşağıdakilerden hangisi, bir web sitesinin gezinim, içerik, başlık gibi bütün alanlarındaki çeşitli unsurlarının ve bu unsurlar arasındaki ilişkilerin daha kolay algılanması ve anlaşılması için oluşturulan düzendir?
Bütünlük |
Hizalama |
Vurgu |
Simetri |
Denge |
Bütünlük, denge, vurgu, hizalama ve yakınlık genel olarak ele alınan görsel tasarım ilkelerini oluşturmaktadır. Web için görsel tasarımda
temel alınan bir diğer husus da görsel tasarım
ilkeleridir.
Bütünlük, iletilmek istenen mesajı anlamayı
ve yorumlamayı kolaylaştırıcı, çizgi, şekil, renk
gibi tasarım öğelerinden faydalanılarak bir görseli öğeleri arasındaki ilişkilerle yansıtma ilkesidir. Denge ve simetri, kullanılacak içerik unsurlarının ve görsel unsurların yatay ve dikey olarak
web sitesini oluşturan sayfaların her birinde denk
biçimde yerleştirilmesiyle sağlanır. Web sayfaları yatay ve dikey olarak ortadan ikiye bölündüğünde, içeriğinde bulunan bağlantıların, bu bağlantılara atanan tıklanabilir alanların, görseller
veya metinlerin birbirine denk ağırlıkta olmaları
gerekmektedir. Vurgu, bir web sitesi için düşünüldüğünde kullanıcıların dikkati çekmesi için
sayfadaki belirli bölgenin ilgi merkezi haline getirilmesidir. Bunun için renklendirme, yön belirtici çizgilerin kullanılması gibi görsel öğelerin çeşitli tekniklerle ilgili sayfa düzeninden daha farklı
görünmesi sağlanabilir. Hizalama, bir web sitesinin gezinim, içerik, başlık gibi bütün alanlarındaki çeşitli unsurlarının ve bu unsurlar arasındaki
ilişkilerin daha kolay algılanması ve anlaşılması
için oluşturulan düzendir. Görsel tasarım ilkelerine ilişkin ayrıntılı bilgileri bu kitabın ikinci
ünitesinde bulabilirsiniz.
4.Soru
“Bir yüzeyde oluşturulan iki boyutlu biçimler olarak tanımlanabilir.” ifadesi hangi görsel tasarım öğesine aittir?
Şekil öğesi |
Çizgi öğesi |
Alan öğesi |
Boyut öğesi |
Doku öğesi |
Bir yüzeyde oluşturulan iki boyutlu biçimler olarak tanımlanabilir (Shaver, 2011). Farklı şekiller bir araya gelerek bir bütünü ifade eden anlamlı yapıları oluşturabilir.
5.Soru
Aşağıdakilerden hangisi kullanıcı arayüzünün bileşenlerinden birisidir?
Dokunmatik ekran |
Resim |
Metin |
Grafik |
Çizim |
Kullanıcı arayüzü, dokunmatik ekran, klavye, fare, masaüstü, web sitesi arayüzü gibi insanın etkileşime girebildiği her türlü bilişim teknolojileri tasarımını ifade eder.
6.Soru
Fare ile üzerine gelindiğinde ölçüleri değişen, genellikle hareketli menü veya içerik barındıran banner türü aşağıdakilerden hangisidir?
Standart Banner |
Rollover Banner |
Floating Banner |
Expandable Banner |
Z-tipi Banner |
Web siteleri açısından bakıldığında çeşitli başlık/banner tasarımları bulunmaktadır. Bazı banner türleri aşağıda sıralanmıştır:
Standart Banner: Sabit veya hareketli içerik içerir. Link verilerek yönlendirme yapılabilir.
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.
Floating Banner: Sayfa açıldığında banner sayfa ortasında belirli süre kalır ve sonra kaybolur.
Genişletilebilir (Expandable) Banner: Sayfanın en üst kısmında yer alır. Banner üzerine gelindiğinde sayfayı aşağı doğru iterek genişler.
Akan Video Banner: Banner sürekli dönen video veya videolar olarak tasarlanmıştır.
Z-tipi Banner: Sayfanın en alt kısmında yer alır. Sayfa hareketlerinde alttaki pozisyonunu korur. Doğru cevap B'dir.
7.Soru
Dokunmatik ekran, klavye, fare, masaüstü, web sitesi arayüzü gibi insanın etkileşime girebildiği her türlü bilişim teknolojileri tasarımı aşağıdakilerden hangisidir?
Kullanıcı arayüzü |
Web tasarımı |
Grafik tasarımı |
Kodlama |
Algı |
Kullanıcı arayüzü, dokunmatik ekran, klavye, fare, masaüstü, web sitesi arayüzü
gibi insanın etkileşime girebildiği her türlü bilişim teknolojileri tasarımını ifade eder. Doğru cevap A'dır.
8.Soru
Soyut olayları ve süreçleri zihinsel bir modele dönüştürerek ifade etmede kullanılan görsel türü aşağıdakilerden hangisidir?
Yorumlayıcı görseller |
İlişkisel görseller |
Analojik görseller |
Dönüşümsel görseller |
Örgütsel görseller |
Yorumlayıcı Görseller: Teorik ya da soyut ilişkileri göstermek için kullanılırlar. Elektrik devresinin şematik görünümü, kroki tasarımlar ya da alt yapı tasarımları örnek olarak verilebilir.
9.Soru
Web sayfalarının algılamayı kolaylaştırabileceği gibi güçlüklere de sebep olabileceği unutulmamalıdır.Bunu gidermek amacıyla aşağıdakilerin hangisinin yapılması yanlış olur?
İki konu ile ilişkilendirerek yapmak |
sadeliğine dikkat ederek yapmak |
dikkati çekecek derecede iyi renklendirilmiş olmasına dikkati çekerek yapmak |
ihtiyaca göre yazılı içerik bulundurmasına önem vererek yapmak |
gerçeği yansıtmasına dikkat ederek yapmak |
web sayfalarının algılamayı kolaylaştırabileceği gibi güçlüklere de sebep olabileceği unutulmamalıdır. Amacı yansıtmayan, konu dışında farklı uyarıcıları da barındıran tasarımların algılamayı negatif yönde etkilediği bilinmektedir. Bu durumun yaşanmaması için web tasarımı yaparken görsel malzeme seçiminde amaca uygunluğuna, tek bir konu, Web İçin Tasarım İlkeleri ile ilişkili olmasına, sadeliğine, dikkati çekecek derecede iyi renklendirilmiş olmasına, ihtiyaca göre yazılı içerik bulundurmasına ve gerçeği yansıtmasına dikkat edilmesi gerekir.
10.Soru
Aşağıdakilerden hangisi yazı tipi, renk, büyüklük, zemin ve yazı bütünlüğü, çıktı formatı gibi seçenekler ile düzenlenebilmektedir?
İçerik |
Hız |
Kullanım kolaylığı |
İşlevsellik |
Uyumluluk |
Kullanılabilirlik ilkesi ziyaretçiyi daha sonra aynı sayfaya çeken ve rahat kullanım şansı veren bir ilkedir. Web sayfası hazırlanırken hedef kitle özelliklerine göre kullanım kolaylığı gözetilmelidir. Kullanım kolaylığı, yazı tipi, renk, büyüklük, zemin ve yazı bütünlüğü ve çıktı formatı gibi birçok farklı seçeneğe göre düzenlenebilir.
11.Soru
Bir web tasarımında okuyucunun okuma kolaylığı için önerilen font boyutu aşağıdakilerden hangisidir ?
16 px |
12 px |
20 px |
14 px |
6 px |
Bir web tasarımında okuyucunun kolaylığı için önerilen font boyutu 16 px'dir.
Doğru cevap A seçeneğidir.
12.Soru
Aşağıdaki bilgilerden hangisi yanlıştır?
Web sayfası tasarımı, var olanı iyi gösterebilmek ve kullanımı kolaylaştırmak içindir. |
Günümüzde kullanıcılar iki ya da üç saniyede tüm sayfanın yüklenmesini beklemektedir. |
Html5 yapısından önce video için flash player eklenmekteydi. |
Tabloların iç içe çok sayıda olması tarayıcının okuma hızını etkilemez. |
Günümüz internet teknolojileri oldukça yüksek hızda hizmet vermesi kullanıcıların beklentilerinin değişmesine sebep olmuştur. |
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 olmaktadır.
13.Soru
Web sayfalarına mizanpaj oluşturma, web bileşenleri için grafikler oluşturmak ve bu grafikleri en iyileştirmek için zengin
araçlar sunan yazılım aşağıdakilerden hangisidir?
BlueGriffon |
GIMP |
Brackets |
Adobe Illustrator |
Bluefish Editor |
Adobe Illustrator; web sayfalarına mizanpaj oluşturma, web bileşenleri için grafikler oluşturmak ve bu grafikleri en iyileştirmek için zengin araçlar sunan bir yazılımdır.
14.Soru
Aşağıdakilerden hangisi teorik ya da soyut ilişkileri göstermek için kullanılan görsel türüdür?
Analojik görseller |
İlişkisel görseller |
Yorumlayıcı görseller |
Örgütsel görseller |
Gerçekçi görseller |
Yorumlayıcı Görseller: Teorik ya da soyut ilişkileri göstermek için kullanılırlar.Elektrik devresinin şematik görünümü, kroki tasarımlar ya da alt yapı tasarımları örnek olarak verilebilir. Yorumlayıcı görseller öğrenenler için görünmeyen ya da soyut olan olayları ve süreçleri zihinsel bir modele dönüştürürler
15.Soru
Web site tasarımında aşağıdakilerden hangisi belirlendiğinde diğer bileşenlerin renk ve tasarım uyumuna karar verilmiş olur?
Logo |
Banner |
Menü |
Arka plan |
Şablon |
Bir Web sitesinin arka plan tasarımının belirlenmesi oldukça önemli bir süreçtir. Çünkü sitenin başlık, menü, buton, form, içerik ve altbilgi gibi diğer tüm bileşenlerinin arka plan ile uyumlu olması gerekir. Bir anlamda arka plan belirlendiğinde web sitesinin diğer tüm bileşenlerinin renk ve tasarım uyumuna karar verilmiş olur.
16.Soru
Aşağıdaki açıklamalardan hangisi doğrudur?
Alakalı olsun olmasın herbir sayfaya bağlantı eklenmelidir. |
İçerik hakkında tasarımıcının beklentilerini belirtebilecekleri formlar eklenmelidir. |
Web sayfası kullanıcının sorusuna cevap verir özellikteki içeriği barındırmalıdır. |
Yenileri yüklendikçe eski web sayfası içerikleri silinmelidir. |
Sayfanın çekiciliğini artırmak için yabancı kelimeler kullanılmalıdı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.
17.Soru
Aşağıdakilerden hangisi Görsel Tasarım Öğelerinden dokuyu anlatır?
Şekilleri ayırma ya da birleştirmede kullanılabilen, kullanıcının dikkatinin belirli bir yöne çekmekte yararlanılan bir öğedir.
|
Bir yüzeyde oluşturulan iki boyutlu biçimler olarak tanımlanabilir. |
Bir web sayfasında kullanıcının ihtiyaçları doğrultusunda sunulacak içeriğin yayınlanacağı yer olarak tanımlanabilir.
|
Görsel tasarımlara şekil veya desenin yanına bir boyut daha eklenerek gerçekçi bir görünüm elde etmek için kullanılır.
|
Bir görsel tasarımda kullanılan şekil, metin, görsel gibi çeşitli öğelerin birbirine uyum sağlaması amacıyla kullanılacak öğelerin ebatlarının ayarlanmasını sağlayan bir unsur olarak tanımlanabilir.
|
18.Soru
Güncel teknolojilerle tasarlanan duyarlı web tasarımı arama motoru optimizasyonunu da destekler. Responsive tasarımlarda URL yapısı aynı kalacağından dolayı, arama motoru sonuçlarında yer alma olasılığı artar.
Yukarıda özellikleri verilen duyarlı web tasarımı avantajı aşağıdakilerden hangisidir?
Kalite |
Düşük maliyet |
Süreklilik |
Erişilebilirlik |
Güncelleme kolaylığı |
Verilen özellik erişilebilirlik avantajına aittir. Doğru cevap D'dir.
19.Soru
Web ortamında kullanıcı hareketlerinin incelendiği göz izleme çalışmaları hangi modeli ortaya koymuştur?
F Modeli |
L Modeli |
M Modeli |
C Modeli |
Z Modeli |
Web ortamında kullanıcı hareketlerinin incelendiği göz izleme çalışmalarında, insanların bigisayar ekranının en üst ve en solunu gördükleri, ekranın sağ tarafına ise nadiren baktıkları belirtilmişti. bir web ortamlarında kullanıcıların göz hareketlerinin F modeli şeklinde olduğunu göstermektedir. Doğru cevap A seçeneğinde verilmektedir.
20.Soru
Aşağıdakilerden hangisi WEB tasarım ilkeleri arasında yer almaz?
İçerik |
Saygınlık |
Hız |
Kullanılabilirlik |
İşlevsellik |
Web tasarım ilkeleri olarak sayılabilecek birçok farklı unsur vardır. Ancak bunlar arasında en çok dikkat edilmesi gerekenler İçerik, Hız, Kullanılabilirlik, İşlevsellik, Uyumluluk ve Görsel Tasarımdır.
-
- 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İ