Görsel Web Tasarımı

Yanıt Açıklaması: Görsel tasarım öğeleri, ilkeleri ve unsurları ile kullanışlılığı ve kullanıcıya faydalılığı

Yanıt Açıklaması: BassCSS, esnek uygulamaları yapmak için temel stil, yardımcı programlar, anahat ve renk stili ögelerinin oluşturulmasını sağlayan CSS çerçevesidir.

Yanıt Açıklaması: Grafik tasarımların elektronik ortamda sunulmasını sağlamak amacıyla portfolyo Web sitesi hizmeti veren sitelerden biri de Portfoliobox sitesidir. Portfoliobox, görsel kalite açısından en başarılı portfolyo sitelerinden biri olarak değerlendirilmektedir. Bu siteyi diğer portfolyo hazırlama sitelerinden ayıran en önemli özelliği ise kullanıcıyı sınırlı bazı şablonlarla kısıtlamamasıdır. Sunulan portfolyo tasarım hizmeti bölünmüş bloklar halinde çalışmaya imkân sunmaktadır. Portfoliobox sitesinin aynı zamanda Türkçe dil desteği de bulunmaktadır. Doğru cevap C’dir.

Yanıt Açıklaması: 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.

Yanıt Açıklaması: Gestalt Kuramı insan gözünün görsel parçaları nasıl organize edip algıladığına odaklanmaktadır. Dolayısıyla kuram bütün parça ilişkisi üzerine temellenmektedir ve kuramın temelinde, bütünün, kendisini oluşturan parçaların toplamından daha anlamlı olduğu ilkesi yatmaktadır. Doğru cevap B'dir.

Yanıt Açıklaması: Ç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 öğedir. Doğru cevap A şıkkıdır.

Yanıt Açıklaması: Bootstrap, HTML, CSS ve JavaScript çerçevesi için geliştirilmiş esnek ve mobil cihaz uyumlu web biçimlendirme çatısıdır.

Yanıt Açıklaması: Bir bakışta verileri kolayca anlaşılabilir hale getirmek için tasarlanan grafik formatında bilgi gösterimlerine infografik denilmektedir. Doğru cevap: B

Yanıt Açıklaması: Bitmap grafikler, ilgili imajı oluşturan ve her biri sadece tek bir renge ait renk bilgisi içeren piksellerin bir araya gelmeleriyle oluşan grafik türü olarak tanımlanabilir.

Yanıt Açıklaması: RENGİN ÖZELLİKLERİ Rengin özellikleri, tasarımların algılanabilirliğini belirlemede oldukça etkilidir. Bu kapsamda rengin derinliği, renk değeri, renk doygunluğu, renk parlaklığı ve renk tonu olmak üzere birtakım kavramlar aşağıda açıklanmaktadır. Doğru cevap D şıkkıdır.

Yanıt Açıklaması: Analojik Görseller: Anlatılmak istenen durumla ilişkili olan farklı nesnelerle oluşturulan görsellerdir. Örnek olarak, elektrik devresinin anlatımı aşamasında su hortumundan yararlanarak görselleştirmek verilebilir. Örgütsel Görseller: Farklı öğeler arasındaki niteliksel ilişkileri ifade etmek için kullanılırlar. Yaygın olarak tercih edilen örgütsel görseller arasında sınıflandırma çizelgeleri, zaman çizgileri, akış şemaları ve haritalar gösterilebilir. İlişkisel Görseller: Niceliksel ilişkileri anlatmada tercih edilirler. Yaygın olarak tercih edilen ilişkisel görseller arasında çubuk grafikler, resimli grafikler, pasta grafikleri ve çizgi grafikleri gösterilebilir. Dönüşümsel Görseller: Zaman ve mekân bağlamında hareketi veya dönüşümü göstermek için tercih edilen görsellerdir. Su döngüsü animasyonu, imalat süreci animasyonu veya fotosentez sürecini anlatan bir animasyon dönüşümsel görsellere örnek olarak verilebilir. 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

Yanıt Açıklaması: Adobe firmasının geliştirdiği Photoshop bitmap grafikler için en yaygın kullanılan uygulamadır. Vektörel tasarımlar için ise yine Adobe firmasının Illustrator ve Flash uygulamaları ile Corel Draw oldukça yaygın kullanılan uygulamalar arasında sayılabilir. Doğru cevap D'dir.

Yanıt Açıklaması: Haritalama kontroller ve bunların etkileri arasındaki ilişkiyi ifade eder. Haritalamaya en uygun örnek bilgisayar klavyesi üzerinde bulunan ve imlecin yukarı aşağı hareketini sağlayan yukarı ve aşağı oklardır. Doğru cevap C seçeneğinde verilmektedir.

Yanıt Açıklaması: Amblem, logo ve logotayp tasarımında dikkat edilmesi gereken noktalar şunlardır; Tanıtımı yapılacak kurum hakkında tasarıma yön verebilmek için ön bilgi edinilmelidir. Kurum için uygun olabilecek görsel iletişim aracı belirlenmelidir. Kullanılan harfler ve semboller ayrıntılı olarak incelenmelidir. Çok ince ya da çok kalın yazı karakterlerinin kullanımından kaçınılmalıdır. İtalik karakterler okunurluğu engellemeyecek şekilde kullanılmalıdır. Harf ve kelime boşlukları okunurluğu engellememelidir. Sembol ve işaretlerin metinle uyum içinde olması sağlanmalıdır. Kullanılan sembol, işaret ve renkler kuruluşun imajıyla örtüşmelidir. Verilmek istenen mesaj en sade grafik anlatımla birlikte sunulmalıdır. Var olan bir logo tasarımı taklit edilmemeli, tasarım özgün olmalıdır. Görsel bir estetiği olan ve yıllarca yaşayabilecek tasarımlar yapılmalıdır.

Yanıt Açıklaması: Jumbotron, Web sitesi içerisindeki anahtar içerikleri tüm ekrana yayılarak gösteren dikkat çekmek için kullanılan büyük yazılardır.

Yanıt Açıklaması: Verimlilik, kullanıcıların görevlerini yaparken sistemin onları ne kadar desteklediğidir. Burada yanıt aranması gereken soru: Kullanıcılar tasarımı öğrendikten sonra, görevleri ne kadar hızlı tamamlamaktadır? Doğru cevap B seçeneğinde verilmektedir.

Yanıt Açıklaması: Behance portfolyo sitesinin dezavantajlarını ise tasarım sınırlılığı ve dosya boyutu sınırlaması şekilde sıralamak mümkündür. Doğru cevap B şıkkıdır.

Yanıt Açıklaması: Işığın cisimlere çarpmasıyla yansıyan ışınlar sayesinde gözde meydana gelen duyumların her birine renk denilmektedir.

Yanıt Açıklaması: İdeal satır arası boşluk ölçüsüne harfin punto değerine 2 eklenerek ulaşılır. Örneğin metinde 12 punto ile yazı yazıyorsanız satır arası boşluk değeri 14 (12+2) olmalıdır.

Yanıt Açıklaması: Kategori, çoklu, paralax ve video sayfa seçenekleri,