GÖRSEL WEB TASARIMI

Tipografi, harf, sözcük ve satırlarla, boşluklarının düzenlenmesi gereken diğer ögelerle belirlenmiş bir sayfa üzerinde yapılan görsel ve işlevsel düzenlemelerdir.

Serif: Tırnak demektir. Karakterlerin uç kısımlarındaki tırnaklı kısımları ifade eder.

Yazı karakteri metinde kullanılan harflerin, rakamların, işaretlerin, sembollerin aynı biçimsel özellik ve oranlara göre seçilerek kullanılmasıdır.

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

Yazı ailelerinin karakterlerinin biçimsel özelliklerine bakıldığında farklı kalınlıklardaki uyarlamaları extra light (çok ince), light (ince), book, demi (yarım), medium (orta), bold (kalın), extra bold (çok kalın), heavy (ağır) ve ultra (aşırı)dır. Farklı kalınlıklara sahip bu uyarlamaların condensed (yoğunlaştırılmış), regular (normal) ve extended (seyreltilmiş) uyarlamaları, farklı açılara sahip roman (dik) ve italik (eğik) uyarlamaları ile işleme seçenekleri outline (kontür), shaded (gölgeli), decorated (süslü) de bulunmaktadır.

Dan Mayer font seçimi için beş kural belirlemiştir. Bu kurallar:

Metni komple büyük harflerle yazmak metnin okunurluğunu azalttığı gibi yazılı iletişimde büyük harf ile yazmak, karşı tarafa bağırarak konuşmak anlamına da gelmektedir.

Her İki Yana Yaslı (Her İki Taraftan Blok, Her İki Tarafa Hizalı): Metnin sağ ve sol sütunlara yaslanmasıyla oluşturulan sayfa yapısıdır. Metinde yer alan başlıklarda tercih edilen bir yapıdır.

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.

Tipografi paketi olarak kullanılan ve web sayfası tasarımında esnek tasarımı sağlayan tipografi paketleri;Bootstrap, Skeleton, Cardinal, Concise, BassCSS, Furtive, Mueller’dir.

Tipografi ile ilgili temel kavramlara bakıldığında Serif, Sans Serif, Leading, Kerning, Baseline, x-Height, Type Size gibi kavramlar kullanılmaktadır.

Baseline; metni oluşturan harflerin kuyruklarının dâhil edilmediği tabanı ifade eder. Doğru cevap B'dir.

Metni oluştururken karakterlerin biçimsel özelliklerinin ve oranlarının yanı sıra;

dikkat edilmesi gerekmektedir. Doğru cevap E'dir.

İdeal satır arası boşluk ölçüsüne harfin punto değerine 2 eklenerek ulaşılır. Örneğin metinde 14 punto ile yazı yazıllyırsa, satır arası boşluk değeri 16 (14+2) olmalıdır. Doğru cevap C'dir.

Harflerin birbirlerinden farklı görsel ağırlık ve biçimlere sahip olmalarından dolayı aralarında bulunan boşlukların düzenlenmesi gerekmektedir. Bir metinde;

Doğru cevap E'dir.

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.

Skeleton, daha küçük web tasarımı projelerinde kullanılabilecek tipografi paketidir. Skeleton, standart HTML elementleri stillerini kullanır ve ızgara (grid) yapısını içerir. Izgara yapısı, genişliği en fazla 960px olan bir yapıyı 12 sütunluk akışkan ızgaralara dönüştürür. Bu sayede en geniş sayfa yapısı tek satır CSS kodu ile tek sütun olacak şekilde yeniden ölçülendirilir ve küçük cihazlarda sayfa yapısı sağlıklı görüntülenebilir. Doğru cevap A'dır.

Concise, sürdürülebilir CSS yollarından en önemli adımlar olan Sass, Less ve Stylus temelli CSS çerçevesidir. Bunun yanında, istenildiği takdirde basit CSS yapısı da tercih edilebilir. Doğru cevap B'dir.

Sağa Yaslı ( Sağdan Blok, Sağa Hizalı): Metnin sağa yaslanması ile oluşturulan ve her satırın farklı başlangıç noktalarından başladığı fakat satır sonlarının eşit olduğu sayfa düzeni yapısıdır. Soldan sağa doğru okuma düzeninde gözün her satırda farklı başlangıç noktalarına hareket edeceğinden dolayı okunurluk azalır ve göz yorulur. Doğru cevap C'dir.

Metni komple BÜYÜK harflerle yazmak metnin okunurluğunu azalttığı gibi yazılı iletişimde büyük harf ile yazmak, karşı tarafa bağırarak konuşmak anlamına da gelmektedir. Doğru cevap E'dir.

Metni oluşturan sözcüklerin arasındaki boşluklar “ı” harfinin genişliği kadar olmalıdır. Başlıkların daha iyi algılanması ve bütünün algılanması sağlanarak daha akıcı bir okuma için sözcükler arasındaki boşluklar azaltılır. Doğru cevap D'dir.