Görsel Web Tasarımı Dersi 3. Ünite Sorularla Öğrenelim
Web İçin Görsel Tasarım Elementleri
- Özet
- Sorularla Öğrenelim
Grafik tasarım nedir?
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.
Kullanıcı arayüzü açıklayınız.
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.
Site şablonlarının belirlenmesinde dikkat edilmesi gereken kriterler nelerdir?
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.
Web sitesi şablonu tasarlamak için kullanılabilecek programlar nelerdir?
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.
Infografik kavramını açıklayınız.
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.
En iyi ücretsiz web tasarım araçlarına örnekler veriniz.
CoffeeCup Free HTML Editor, Notepad++, Firebug, Bluefish Editor, Brackets, OpenBEXI, GIMP, BlueGriffon bunlara örnek olarak verilebilir.
Mizanpaj nedir?
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.
Adobe Illustrator'ün web tasarımında Photoshop'tan farkı nedir?
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.
Basit html kodu olan <body background=””> komutunun işlevi nedir?
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.
Web için görsel iç-tasarım elementleri nelerdir?
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ı.
Web için görsel iç tasarım elementlerinin oluşturulması, düzeltilmesi ve yayınlanmasında sıklıkla kullanılan programlar nelerdir?
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.
Logo tasarımı konusunda deneyimi olmayanlar nelere dikkat etmelidirler?
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.
Banner nedir? Türleri nelerdir?
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.
Web sitelerinde kullanıcı gezinimini ve hareketlerini sağlayan bileşenler nelerdir?
Web sitelerinde kullanıcı gezinimini ve hareketlerini sağlayan çok sayıda bileşen bulunur. Bunlar; menüler, linkler, butonlar, ikonlar olarak sıralanabilir.
Link ya da hiperlink nedir?
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.
Web sitesi görsel gövde tasarım bileşenleri nelerdir?
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.
Alfasayısal veri nedir?
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.
Web sitesi altbilgi (footer) tasarımında bulundurulabilecek bileşenler nelerdir?
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.
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?
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.
Duyarlı web tasarımlarının avantajları nelerdir?
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.