Görsel Web Tasarımı Final 14. Deneme Sınavı
Toplam 20 Soru1.Soru
Tipografi seçiminde dikkat edilmesi gereken en önemli noktalardan biri metnin yayınlanacağı ortamın belirlenmesidir. Web ortamında aşağıdakilerden hangi veya hangileri kullanılmaktadır?
- Sabit Tasarım (Fixed)
- Akışkan Tasarım (Fluid)
- Uyarlanabilir Tasarım (Adaptive)
- Esnek Tasarım (Responsive)
Tipografi seçiminde dikkat edilmesi gereken en önemli noktalardan biri metnin yayınlanacağı ortamın belirlenmesidir. Web ortamında aşağıdakilerden hangi veya hangileri kullanılmaktadır?
- Sabit Tasarım (Fixed)
- Akışkan Tasarım (Fluid)
- Uyarlanabilir Tasarım (Adaptive)
- Esnek Tasarım (Responsive)
I, II ve III |
I, II ve III ve IV |
II ve III |
I ve III |
II, III ve IV |
Web ortamında sabit tasarım (Fixed), akışkan tasarım (Fluid), uyarlanabilir tasarım (Adaptive) ve esnek tasarım (Responsive) yapıları kullanılmaktadır. Doğru cevap B'dir.
2.Soru
Aşağıdakilerden hangisi Behance portfolyo sitesinin avantajlarından değildir?
Kolay Kullanım |
Kullanışlı Arayüz |
Güvenlik Duvarı |
Site-içi Etkileşim Olanakları |
Sosyal Medya Entegrasyonu |
Behance portfolyo sitesinin avantajlarını şu şekilde sıralamak mümkündür:
• Kolay kullanım,
• Kullanışlı arayüz,
• Sek ziyaretçi sayısı,
• Site-içi etkileşim olanakları ve
• Sosyal medya entegrasyonu
3.Soru
Aşağıdakilerden hangisi web ortamında kullanılan tasarım yapılarından biri değildir?
Sabit tasarım |
Akışkan tasarım |
Uyarlanabilir tasarım |
Yapısal tasarım |
Esnek tasarım |
Tipografi seçiminde dikkat edilmesi gereken en önemli noktalardan biri metnin yayınlanacağı ortamın belirlenmesidir. Basılı ortamda yayınlanacak metinlerin düzenlenmesinde ilk dört kural takip edilebilir. Fakat metnin basılı olmayan elektronik ortamda yayınlanması durumunda yayınlanacak ortamda kullanılan yazılımın alt yapısı, üstünlükleri ve sınırlıklarının yanı sıra içeriğin görüntüleneceği ekran büyüklüğü önemlidir. Burada elektronik ortamdan kasıt web ortamıdır. Web ortamında sabit (fixed), akışkan (Fluid), uyarlanabilir (Adaptive) ve esnek (Responsive) tasarım
yapıları kullanılmaktadır. Doğru cevap D'dir.
4.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?
Menü |
İkon |
Buton |
Form |
Link |
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. Doğru cevap C'dir.
5.Soru
I. Anlaşılır ve terminolojiye uygun olmalı
II. Evrensel yerine yerelleştirilmiş tasarım ilkelerini gözetmeli
III. Direk iletişim kurulmamalı
Yukarıdakilerden hangisi iyi bir web sitesi içeriğinde bulunması gereken özelliklerden değildir?
Yalnız I |
I ve II |
II ve III |
I ve III |
I, II ve III |
Yazım ve dilbilgisi kurallarına, terminolojiye dikkat edilmelidir. Anlaşılması güç yabancı
kelimelerden, kısaltmalardan kaçınılmalıdır.
Evrensel tasarım ilkeleri gözetilmeli, engelli kullanıcıların siteyi gezinebilirliği test edilmelidir.
Ziyaretçinin kendini özel hissetmesi ve muhatap bulması yalnız olmadığını düşünmesine ve siteye bağlılık hissetmesine olanak tanıyacaktır. Bu bağlamda iletişim bilgileri, iletişim formu, yorum ekleme, eşzamanlı ya da eşzamansız destek ve ulaşım
bilgilerine yer verilmesi iyi bir web sayfası oluşumunda gerekli görülmektedir.
6.Soru
Aşağıdakilerden hangisi portfolyo hazırlamanın son aşamasında tasarımcının portfolyo Web tasarım bileşenlerini belirlemede alması gereken kararlar arasında gösterilemez?
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ğı. |
Sosyal medya bileşenlerinin kullanılıp kullanılmayacağı. |
Hedef kitlenin sektörü |
Portfolyo planlamanın son adımında tasarımcının portfolyo Web tasarım bileşenlerine karar vermesi gerekmektedir. Portfolyo Web tasarım bileşenlerinin açık bir biçimde belirlenmesi ise planlamanın ilk üç adımının başarılı bir şekilde tamamlanmasına bağlıdı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ı.
Ancak hedef kitlenin sektörü, özellikleri portfolyo tasarımından analiz kısmında yapılması gerekenler arasında yer almaktadır. Doğru cevap E’dir.
7.Soru
Bir grafik tasarımcının çizdiği illüstrasyonların satış ve pazarlama amacıyla gösterimi için aşağıdaki sitelerden hangisi en doğru tercihtir?
WooCommerce |
Dunked |
Istock |
Behance |
Adobe Portfolio |
Stok siteler; elektronik ortamda grafik, resim, çizim veya videoları stoklayarak bu tasarımların satış ve pazarlamasını yapan sitelerdir. Bu durumda Istock bir stok site olarak duruma en uygun site tercihidir. Doğru cevap C şıkkıdır.
8.Soru
Aşağıdakilerden hangisi Web 3.0’a ait özelliklerden biri değildir?
Semantik |
Kişisel web deneyimi |
İşlenmiş bilgiye bağlanma |
Etkileşim |
Kurucusu Tim O’Reilly |
Tim O’Reilly Web 2.0 kurucusudur. Web 3.0 kurucusu Sir Tim Berners Lee’dir. Doğru cevap E.
9.Soru
' ……….. anlamlarını görünür bir şekilde yansıtırlar.' Yukarıdaki boşluğa aşağıdakilerden hangisi gelmelidir?
İşaret |
Simge |
Sembol |
Piktogram |
Logogram |
Piktogram bir nesne ya da olayın doğrudan temsiline dayandığı için, bir piktogram -istisnalar olmasına karşın- herkes tarafından aynı şekilde anlaşılmakta ve yorumlanmaktadır. Dolayısıyla, piktogramda anlam görsellik aracılığıyla yansıtılmaktadır.
10.Soru
Aşağıdakilerden hangisi amblem, logo ve logotayp tasarımlarında olması gereken özelliklerden birisi değildir?
Sadelik |
Büyüklük |
Okunurluk |
Özgünlük |
Sürdürülebilirlik |
Amblem, logo ve logotayp tasarımlarında olması gereken özellikler;
- Etkililik
- Kullanışlılık
- Sürdürülebilirlik
- Sadelik
- Okunurluk
- Akılda kalıcılık
- Özgünlük
11.Soru
Benzer görevlere ulaşmak için benzer ögelerin ve benzer işlemlerin kullanıldığı arayüz tasarımı kullanılabilirliğin hangi ilkesi ile tanımlanabilir?
Görünürlük |
Geri bildirim |
Tutarlılık |
Sağlarlık |
Haritalama |
Öğrenmeyi ve kullanımı kolaylaştırmak için tasarımın her parçası birbiriyle ve bütün tasarımlar da evrensel olarak tutarlı olmalıdır. Tutarlılık benzer görevlere ulaşmak için benzer ögelerin ve benzer işlemlerin kullanıldığı arayüz tasarımını ifade eder. Bir başka değişle tüm nesneleri seçmek için aynı işlem kurallarını kullanmak gibi tutarlı bir arayüzün kullanılmasıdır. Doğru cevap C seçeneğinde verilmektedir.
12.Soru
Işığın yansımasını anlatmak için animasyon tasarlayıp sitesinde kullanan bir tasarımcı hangi görsel türünü kullanmış olur?
Gerçekçi görsel |
Yorumlayıcı görsel |
Örgütsel görsel |
Analojik görsel |
Dönüşümsel görsel |
Söz konusu durum farklı zaman ve farklı mekanlarda ışığın nasıl yansıdığını anlatmak için geliştirilen bir animasyonla ilgilidir. Dolayısıyla ortada bir dönüşüm söz konusudur.
13.Soru
Lab renk modelinin cihaz bağımsız olmasının temel nedeni aşağıdakilerden hangisidir?
Rengin insan tarafından algılanışını temel alması |
Nötr renkler üzerinde temellenmesi |
Baskıya uygun olması |
Web ortamında daha etkili olması |
Tek renk kanalının geçerli olması |
Lab renk modeli, rengin insan tarafından algılanış şeklini temel aldığı için cihaz bağımsız bir modeldir. Temelde rengin nasıl oluştuğunu değil insan tarafından nasıl algılandığını temel alan bir modeldir. Lab modeldeki sayısal değerler görme kusuru olmayan bir insanın görebildiği tüm renkleri tanımlamaktadır. Dolayısıyla, doğadaki görülebilir renkler bu kapsamda ele alınmaktadır. Doğru cevap A'dır.
14.Soru
Metinlerin ve görsellerin bir imaj oluşturmak amacıyla bir arada kullanımını temel alan, başka bir ifadeyle, bir yazı karakterine kuruma özgü ek bir görsel karakter kazandırılmasıyla oluşturulan görselleri ifade eden kavram aşağıdakilerden hangisidir?
Amblem |
Logo |
Logotayp |
Piktogram |
Logogram |
Logotayp, amblem ve logodan farklı olarak, metinlerin ve görsellerin bir imaj oluşturmak amacıyla bir arada kullanımı temeline dayanmaktadır. Başka bir ifadeyle bir yazı karakterine kuruma özgü ek bir görsel karakter kazandırılmasıyla logotayp oluşturulmaktadı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 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.
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. 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.
15.Soru
Web sayfalarına ulaşmak için kullanıcılar özel programlardan yararlanır. Bu programlar web sayfası tasarım ve programlama kodlarını, bir başka deyişle ön yüz ve arkaplan kodlarını yorumlayacak tarayıcılardır. Ancak standartlara uymayan tasarımlar tarayıcılarda farklı görünümlere sebep olması aşağıdakilerden hangi ilkeye aykırı bir durumdur?
İşlevsellik |
Kullanılabilirlik |
Uyumluluk |
Tasarım |
Hız |
Uyumluluk ilkesi tasarımcılar tarafından göz ardı edilmemelidir. Web sayfalarına ulaşmak için kullanıcılar özel programlardan yararlanır. Bu programlar web sayfası tasarım ve programlama kodlarını, bir başka deyişle ön yüz ve arkaplan kodlarını yorumlayacak tarayıcılardır. Her kullanıcı web sayfalarına ulaşmak için tarayıcılardan yararlanmak durumundadır. Bütün tarayıcılar genel olarak bütün biçimsel kodları tanır ve arkaplan kodlamalarını yorumlayabilir. Ancak standartlara uymayan tasarımlar tarayıcılarda farklı görünümlere sebep olabilmektedir. En çok kullanılan tarayıcılar arasında Google Chrome, Internet Explorer, Safari, Mozilla Firefox ve Opera gelmektedir.
16.Soru
Bir kurumun, bir ürünün ya da bir hizmetin yapısını ve niteliklerini tanımlamak amacıyla tasarlanan görsel simgeye ne ad verilir?
Sembol |
Logogram |
Amblem |
Piktogram |
Hologram |
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. Doğru cevap C'dir.
17.Soru
Aşağıdakilerden hangisi portfolyo oluşturma süreci içerisinde yer alan ?
Portfolyonun amacının belirlenmesi |
Kodlama, satış ve pazarlama gibi belirli alanlarda uzaman desteklerinin alınması |
Hedef kitle özellik ve beklentilerinin belirlenmesi |
Elektronik portfolyonun içeriğinin belirlenmesi |
Portfolyo Web tasarım bileşenlerinin belirlenmesi |
Görsel web tasarımına yönelik başarılı bir elektronik portfolyonun oluşturulması için öncelikle 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. Ancak kodlama, satış ve pazarlama gibi belirli alanlarda uzaman desteklerinin alınması portfolyo web tasarım bileşenlerinin belirlenmesi ile dışarıdan alınabilecek destekler arasındadır. Doğru cevep B’dir.
18.Soru
Aşağıdakilerden hangisi iki ya da daha çok rengin kapladıkları alanlar arasındaki orantı temeline dayanır?
Nitelik Kontrastı |
Nicelik Kontrastı |
Yanıltıcı Kontrast |
Yalın Renk Kontrastı |
Hiçbiri |
İki ya da daha çok rengin kapladıkları alanlar arasındaki orantı temeline dayanan nicelik kontrastı, orantıların dengesi olarak da ifade edilmektedir.
19.Soru
Aşağıdakilerden hangisi, Web için görsel iç-tasarım elementleri biri değildir?
Web sitesi logo ve başlıklarının görsel tasarımı |
Web sitesi görsel gezinim bileşenlerinin tasarımı |
Web sitesi infografik tasarımı |
Web sitesi görsel gövde tasarım bileşenleri |
Web sitesi altbilgi (footer) görsel tasarımı |
Tasarımı yapılan bir web sitesinin görsel dış
tasarımına karar verildikten ve gerekli görsel tasarım unsurları geliştirildikten sonra detaylı iç tasarım görselleri çalışılabilir. Bununla birlikte görsel
iç tasarım unsurları ile dış tasarım elementlerinin
bir arada planlanması tasarımı yapılan sitenin eşgüdüm içerisinde gelişmesini destekleyecektir. Örneğin, iç tasarım görseli olarak logo tüm diğer site
bileşenleriyle uyumlu bir şekilde geliştirilmelidir.
Bu durumda dış tasarım bileşenleri olarak şablon
ve arka planın da logo ile uyumlu olarak geliştirilmesi gerekir. Web için görsel iç-tasarım elementleri
burada dört başlık altında incelenmiştir.
• 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ı.
20.Soru
“Kullanıcıların web arayüzünde gezinmelerini ve ulaşmak istedikleri içerikler ile bağlantı kurmalarına yardımcı olan bileşenlerdir.”
Yukarıdaki tanım aşağıdaki etkileşim elementlerinden hangisine aittir?
Simgeler |
Menüler |
Butonlar |
Formlar |
Yönlendirmeler |
Butonlar kullanıcıların Web arayüzünde gezinmelerini ve ulaşmak istedikleri içerikler ile bağlantı kurmalarına yardımcı olan bileşenlerdir. Web tasarımlarında ilk dikkat edilmesi gereken kullanıcıların Web arayüzünde var olan butonların farkında olmalarını sağlamaktı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İ