Temel Tasarım İlkeleri 3 - Biçimsel Özellikler

Web sitesi tasarımı yaparken en önemli Ģeylerden biri sitenin görüntüsüdür. Bunun için site görüntüsünü hazırlarken gerekli olan temel biçim özelliklerine dikkat etmemiz gereklidir.

1.4.1. Renk Dengesi

Tasarlayacağımız web sayfasını hazırlarken hem gözü yormayan arka plan hem de okunması kolay yazı renklerini seçmeliyiz. Eğer arka plan koyu renk ise yazı rengini açık eğer arka plan açık renk ise yazı rengini koyu seçerek okunurluğu arttırmalıyız. Sitemizde çok fazla renk kullanmaktan kaçınmalı, mümkünse en fazla üç rengi yoğun olarak kullanmalıyız. Yapacağımız sitede renk seçimi yaparken dikkat edeceğimiz bir nokta da site logosunun rengidir. Genelde site logosunda bulunan renkler site tasarımında ana renk olarak seçilir (ġekil 1.6, ġekil 1.7). Logo renklerinin yanında bu renkleri tamamlayan zıt renkler ile siyah ve beyaz renkleri kullanılır. ġekil 1.6: Logo rengi ile sayfada kullanılan renkler aynı (sarı-siyah) ġekil 1.7: Logo rengi ile sayfada kullanılan renkler aynı (turkuaz-siyah) Site tasarımı yaparken renk seçiminde dikkat edeceğimiz bir noktada renklerin insanlara çağrıĢtırdıkları duygulardır.

 Sıcak renkler

Kırmızı, turuncu, sarıdır. Kırmızıda ateĢin sıcaklığını, turuncuda güneĢ ıĢığının etkisini, sarıda da ıĢık ve aydınlık etkisi hissedilir. Sıcak renkler diğer renklere göre gözü daha önce etkiler. Bu yüzden hazırlayacağımız sayfalarda az kullanmamız daha iyi bir etki bırakır. Sıcak renklerin ruhsal etkisi neĢe, canlılık, giriĢkenlik, heyecan ve harekettir.

 Soğuk renkler

Soğuk renkler mavi, yeĢil, mor, mavi-yeĢil renklerden oluĢur. Soğuk renkler sakinleĢtirici ve yatıĢtırıcı renklerdir ve çok kullanılır.

 Nötr renkler

Nötr renkler beyaz, siyah, gri ve büyük değerde gri içeren renklerdir. Nötr renkler arka planlar ve ılık renklerin etkilerini artırmak için idealdir.

ġekil 1.8: Renk çemberi

Web sayfalarımızı oluĢtururken renk dengesini sağlamamıza yardımcı olabilecek bazı yardımcı internet siteleri bulunmaktadır. Bu internet sitelerini arama motorlarından kolaylıkla bulabilirsiniz.

1.4.2. Okunabilirlik

Birçok internet kullanıcısı sayfaya önce göz atar, sonra okur. Hazırlayacağımız sayfaları göz atmaya uygun hazırlamalıyız. BaĢlıkları ve yazıyı düzenli tutarak gerekiyorsa gazetelerin yaptığı gibi kısa özetler oluĢturmalıyız. Yazıların içerisinde dikkat çekmesini istediğimiz yerler var ise vurgulamalıyız. Uzun bir sayfadan oluĢan yazı okunurluğu çok düĢürecektir. Bunun yerine uzun yazı yayınlamak zorundaysak birkaç sayfaya bölerek vermemiz uygun olacaktır. Okunurluğu arttırmak için yazı rengi ile zemin rengini zıt (contrast) seçmeliyiz. En basit siyah-beyaz zıtlığını kullanabilirsiniz. Doğru yazı tiplerinin seçimi içeriğin sunumunu kolaylaĢtıracaktır. Bilgisayar ortamında ekranda gördüğümüz her Ģey karelerden (piksel) oluĢur. Bu yüzden uçları çıkıntılı yazı tiplerinin (Times New Roman, Times vb.) okunurluğu biraz zor olur. Uçları çıkıntılı yazı tiplerinin yerine uçları çıkıntısız (Arial, Helvetica, Tahoma, Verdana) yazı tiplerini kullanmamız uygun olur. BaĢlıkları ve yazıları yazarken genel olarak, "HEPSĠ BÜYÜK" ve "Sadece Ġlk Harfleri Büyük" cümleler sanıldığı gibi dikkat çekmez. Gözün gereksiz yere hareketine yol açarak gözü yorar. Dikkat çekmek için baĢlıkların yazı tiplerini, renklerini ve/veya tonlarını farklı yapmak daha uygun bir yöntem olacaktır.

1.4.3. Hizalama

Web sayfamızdaki nesneleri sola, ortaya ve sağa hizalayabiliriz. Yazıları ise sola, sağa, ortaya ve iki yana hizalayabiliriz.

1.4.4. Metin ve Nesne Arası BoĢluklar

Metin ve nesneleri yerleĢtirirken aralarında uygun boĢluklar bırakmamız doğru olacaktır. Eğer metin ve nesneler arasında boĢluklar bırakmazsak sayfamızın okunurluğu zorlaĢır, internet kullanıcısı metin ve nesneler birbirinden ayırmakta güçlük çeker. Metin ve nesneler arasında aynı zamanda metin ile metin arasında okunurluğu arttırmak için bırakılan boĢluğa “beyaz boĢluk” denir. Beyaz boĢluklar nesne ve metinleri algılamayı kolaylaĢtırır.

ġekil 1.10: Metin ve nesneler arasında beyaz boĢluklar