Görsel tasarım öğeleri, ilkeleri ve unsurları ile kullanışlılığı ve kullanıcıya faydalılığı

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

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. 

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.

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.

Ç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.

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

Bir bakışta verileri kolayca anlaşılabilir hale getirmek için tasarlanan grafik formatında bilgi gösterimlerine infografik denilmektedir.

Doğru cevap: B

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.

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.

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

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. 

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.

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.

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.

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.

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

İ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.

Kategori, çoklu, paralax ve video sayfa seçenekleri,