aofsoru.com

Görsel Web Tasarımı Dersi 3. Ünite Sorularla Öğrenelim

Web İçin Görsel Tasarım Elementleri

1. Soru

Grafik tasarım nedir?

Cevap

Grafik tasarımı, bir mesajı görselleştirip alıcıya iletmek için resim, metin, grafik ve çizimlerin algılanabilir bir biçimde iki boyutlu veya üç boyutlu olarak tasarlanmasına yönelik yaratıcı bir süreçtir.


2. Soru

Kullanıcı arayüzü açıklayınız. 

Cevap

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.


3. Soru

Site şablonlarının belirlenmesinde dikkat edilmesi gereken kriterler nelerdir?

Cevap

Web sitesi için şablon tasarımına karar verilirken;
• Sitenin amacı,
• Hedef kitle özellikleri,
• Hedef kitle tercihleri,
• Sitenin sahip olacağı içerikler,
• Önceden tasarlanmış logo vb. grafiklerin yapısı dikkate alınmalıdır.


4. Soru

Web sitesi şablonu tasarlamak için kullanılabilecek programlar nelerdir?

Cevap

Adobe tarafından geliştirilen Illustrator ve Photoshop yazılımlarını veya Google Web Designer, CorelDRAW veya Canva gibi grafik tasarım yazılımlarını etkili bir şekilde kullanmanız gerekir.


5. Soru

Infografik kavramını açıklayınız. 

Cevap

Infografik, bir bakışta verileri kolayca anlaşılabilir hale getirmek için tasarlanan grafik formatında bilgi gösterimleridir. Infografikler site şablonu olarak da kullanılabilir.


6. Soru

En iyi ücretsiz web tasarım araçlarına örnekler veriniz. 

Cevap

CoffeeCup Free HTML Editor, Notepad++, Firebug, Bluefish Editor, Brackets, OpenBEXI, GIMP, BlueGriffon bunlara örnek olarak verilebilir.  


7. Soru

Mizanpaj nedir?

Cevap

Mizanpaj, kelime anlamı olarak gazete, dergi, kitap gibi yayınlarda sayfa düzeni anlamına gelmektedir. Mizanpaj, web tasarımında da sayfa düzeni yerine kullanılabilmektedir.


8. Soru

Adobe Illustrator'ün web tasarımında Photoshop'tan farkı nedir?

Cevap

Photoshop’tan farklı olarak vektörel tabanlı bir görsel tasarım yazılımı olan Adobe Illustrator yazılımında görsel web tasarımı bileşenleri için şablonlarla çalışmak da mümkündür.


9. Soru

Basit html kodu olan <body background=””> komutunun işlevi nedir?

Cevap

Arkaplan görselini değiştirmek için <body background=””> basit html kodu kullanılır. Benzer şekilde arkaplan rengini değiştirmek için de <body bgcolor=””> basit html kodu kullanılır.


10. Soru

Web için görsel iç-tasarım elementleri nelerdir?

Cevap

Web için görsel iç tasarım elemenleri dört başlıkta ele elınmıştır. Bunlar; 

• 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ı.


11. Soru

Web için görsel iç tasarım elementlerinin oluşturulması, düzeltilmesi ve yayınlanmasında sıklıkla kullanılan programlar nelerdir?

Cevap

Web için görsel iç tasarım elementlerinin oluşturulması, düzeltilmesi ve yayınlanmasında Adobe Photoshop ve Illustrator’un yanında en yaygın kullanılan yazılımlardan biri de Adobe şirketinin Adobe InDesign yazılımıdır. Diğer Adobe yazılımları gibi InDesign da Adobe Creative Cloud ve diğer hizmetleriyle entegre çalışır.


12. Soru

Logo tasarımı konusunda deneyimi olmayanlar nelere dikkat etmelidirler?

Cevap

Logo tasarımı konusunda daha önce deneyimli olan tasarımcılar en iyi bildikleri yöntemlerle yine logo tasarımlarını tamamlayıp diğer bileşenleri oluşturabilirler.
Ancak, logo tasarımı konusunda deneyimi olmayanlar için bazı öneriler sunmak mümkündür.
• Oluşturulması planlanan web sitesine benzer (ilgili) iyi örnek sitelerin logoları incelenebilir.
• Elle çizim denemeleri yapılabilir.
• Logo tasarımı eğitim örnekleri izlenebilir.
• Logo örnekleri indirilerek üzerinde çalışılabilir.


13. Soru

Banner nedir? Türleri nelerdir?

Cevap

Türkçe’de başlık ve manşet anlamlarına gelen Banner web sitelerinde çeşitli tasarımlarla sunulan tanıtıcı öğelerdir.

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.


14. Soru

Web sitelerinde kullanıcı gezinimini ve hareketlerini sağlayan bileşenler nelerdir?

Cevap

Web sitelerinde kullanıcı gezinimini ve hareketlerini sağlayan çok sayıda bileşen bulunur. Bunlar; menüler, linkler, butonlar, ikonlar olarak sıralanabilir.


15. Soru

Link ya da hiperlink nedir?

Cevap

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.


16. Soru

Web sitesi görsel gövde tasarım bileşenleri nelerdir?

Cevap

Web için görsel iç tasarım elementleri oldukça çeşitli ve sürekli bir gelişim içerisindedirler. İkonların butonların yerini alması, grafiklerin gezinim bileşenlerinden çıkarılması gibi hızlı değişiklikler de gerçekleşmektedir. Bu nedenle katı bir sınıflandırmaya gitmemekte fayda vardır. Şimdiye kadar anlatılan logo, banner ve gezinim elementlerinin dışında çok sayıda iç-tasarım elementi bulunmaktadır. Bunlara; tipografi, formlar, tablolar, bloklar, videolar ve grafikler örnek verilebilir.


17. Soru

Alfasayısal veri nedir?

Cevap

Alfanümerik olarak da bilinen alfasayısal, veri, harf ve rakamlar dışında noktalama işaretlerinin ve diğer özel karakterlerin genel adıdır.


18. Soru

Web sitesi altbilgi (footer) tasarımında bulundurulabilecek bileşenler nelerdir?

Cevap

Genel olarak web sitesi altbilgi (footer) tasarımında bulundurulabilecek bileşenleri şu şekilde sıralamak mümkündür:
• iletişim adresi,
• haritalar,
• telif bilgileri,
• kurumsal bilgiler,
• hızlı erişim,
• menüler,
• sponsor bilgileri,
• mobil uygulama bağlantılarını,
• sosyal medya hesabı linkleri,
• arama çubuğu,
• site haritası ve
• RSS beslemeleri.


19. Soru

Web formlarında kullanıcı bilgilerini korumak, web sitesi kullanıcı alanlarına erişimi engellemek için form tasarımlarında alınabilecek güvenlik önlemleri nelerdir?

Cevap

Web formlarında kullanıcı bilgilerini korumak, web sitesi kullanıcı alanlarına erişimi engellemek için form tasarımlarında alınabilecek bazı
güvenlik önlemleri bulunmaktadır. Bu önlemler:
256-bit SSL: Secure Sockets Layer-güvenli giriş katmanı kısaltması olan SSL, 
Veri Şifreleme: Web formu ile alınan verilerin güvenliği için veri şifreleme teknikleri kullanılabilir. 
Şifre Alanı: Şifre alanı kullanarak web formuna girilen şifrelerin başkaları tarafından görülmesi engellenebilir. 
CAPTCHA: Bu teknoloji ile web formuna bilgi girişlerinin kötü niyetli kişilerin yazdığı programlar tarafından otomatik olarak yapılmasının önüne geçilir. 


20. Soru

Duyarlı web tasarımlarının avantajları nelerdir?

Cevap

Duyarlı web tasarımlarının bazı avantajları aşağıda sıralanmıştır:

Kalite: Web sitesi, ekranın büyüklüğüne göre içeriği kaydırıp görüntüleri yeniden boyutlandırarak kullanıcılara kaliteli deneyim sunar.
Erişilebilirlik: 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.
Süreklilik: Duyarlı web tasarımı ile kullanıcı deneyimi süreklilik kazanır. Web sitenizi kullanan kişi bilgisayarından, cep telefonundan veya tablet bilgisayardan sorunsuzca kullanıma devam edebilir. Bu hem kullanıcı açısından hem de site için yararlıdır.
Düşük Maliyet: Her bir cihaz için ayrı ayrı web sitesi veya uygulama gerekmediğinden web tasarımı maliyeti düşer.
Bakım ve Güncelleme Kolaylığı: Farklı cihazlar için farklı sürümleri bulunan web sitelerinin güncellenmesi veya bakımı oldukça zordur. Ancak tüm cihazlarda çalışan tek bir tasarım üzerinde bakım ve güncelleme yapmak çok daha kolaydır. Böylece kullanıcılara kesintisiz hizmet vermek de mümkün hale gelir.


Yukarı Git

Sosyal Medya'da Paylaş

Facebook Twitter Google Pinterest Whatsapp Email