Tasarım ve etkileşim açısından profesyonel bir web sitesinin temel unsurları nelerdir?
1. Web sitesinin bölümlerini ve sayfalarını özenle düzenleyin
Web sitesindeki düzensiz düzen, ziyaretçileri uzaklaştıran ve bir daha siteyi ziyaret etmemelerine neden olan birçok soruna yol açar. Bu nedenle, yeni veya acemi tasarımcılar, bölüm ve sayfaların düzenlenmesinde hataya düşmemeli ve web sitesinin sayfalarını ve bölümlerinive akıcı bir şekilde düzenlemesi gerekir.
Web sitesi üzerinden kullanıcı deneyimine özen göstermek çok önemlidir; bu nedenle, kullanıcının sitenizle ilgili ilk izlenimini, ana sayfanın üst kısmını veya giriş bölümünü gördüğünde, logonuzu ve sitenizin düzenini incelerken edindiğini bilmelisiniz. burada sitenizde kalmaya ya da çıkmaya karar verir; siteniz dağınık ve net değilse, bu durum ziyaretçinin sitenizden hızla kaçmasına neden olur; ancak siteniz düzenli, kullanımı kolay, renkli, iyi tasarlanmış ve mükemmel bir şablona sahipse, ziyaretçi sitenizde kalır ve sitenin dostu olur.
Bazı istatistiksel araştırmalar, web sitesi ziyaretçilerinin ziyaret sürelerinin %57’sini sayfanın ilk kısmı veya ilk ekranı keşfetmeye ayırdıklarını ortaya koymuştur; oysa ekranı kaydırdığında veya aşağı çektiğinde görünen ikinci ekran, ziyaretçinin sitede geçirdiği sürenin yaklaşık %17’sini oluşturur ve ziyaretçi sayfanın alt kısmına yaklaştıkça bu süre azalmaya başlar.
2. Görsel hiyerarşi kurallarına uyun
Görsel hiyerarşi, web tasarımcılarının, ziyaretçiyi çeken ve dikkatini çeken belirli veriler ve standartlara göre web sitesi sayfalarındaki önemli öğeleri düzenlerken ve sıralarken takip edebileceği bir dizi kuraldır.
Sayfa öğelerini ve bileşenlerini yerleştirirken bilinmesi gereken bazı temel kurallar vardır:
- Farklı göz tarama modellerine dikkat edin (Arapça olmayan içeriklerde göz, F veya Z harfi şeklinde soldan sağa doğru hareket eder; Arapça içeriklerde ise bunun tersi geçerli olabilir).
- Renklerde kontrast ilkesini benimsemek.
- Örneğin yazı tiplerinde olduğu gibi boyut farklılıklarından yararlanmak; böylece büyük başlıklar ile normal metinler arasında boyut kademelendirme ilkesini uygulamak.
- Tekrar, yakınlık ve üçte bir kuralı ilkelerini uygulamak (sayfayı 3 sütuna bölmek).
3. Boş alanlardan yararlanmalısınız
Beyaz ve boş alanlar, web sayfasını oluşturan çeşitli öğelerin çevresindeki alanlardır; adından da anlaşılacağı gibi mutlaka beyaz renkli olmak zorunda değildirler, aksine arka plan olarak belirli bir renk veya şekil taşıyabilirler, Doğru kullanıldığında, sayfadaki belirli öğelere dikkat çekmeye yardımcı olurlar. Boş alanları ve boşlukları korumanın avantajları şunlardır:
- Sayfa bileşenleri arasında boşluklar yaratmak.
- Sayfa bileşenlerinin ve öğelerinin metin ve yazı tiplerinin net ve okunabilir olmasını sağlar; beyaz veya boş alanlar bırakıldığında bu, gözü çeken bir unsur oluşturur ve dikkatin sayfa bileşenlerine odaklanmasını sağlar.
- Sayfa öğeleri arasında gezinmeyi kolaylaştırır ve daha akıcı ve esnek hale getirir.
- Boş ve beyaz alanlar, sayfa öğeleri arasındaki tekdüzeliği kırar.
4. Web sitenizin renklerini akıllıca ve dikkatli bir şekilde seçin
İnsan gözünü etkileyen uygun renkler kullanılmalıdır; çünkü her rengin ve renk tonunun belirli bir etkisi, tanımı ve anlamı vardır. Renkler ayrıca birincil, ikincil ve üçlü renkler olarak sınıflandırılır; web sitesinin renkleri de bu bileşenlere ayrılmalıdır. Her bileşenin belirli bir rengi vardır ve tüm bu renkler renk paleti ve renk çarkı adı altında bir araya gelir.
Profesyonel bir web sitesi tasarımının temelleri ve kriterleri nelerdir?
Renk teorisi ve basitleştirilmiş haldeki renk çarkını dikkatle inceleyerek, renkleri belirli bir şekilde karıştırarak elde edilebilecek ve tasarımda kullanılabilecek yeni renk tonlarını tanımak mümkündür.
Yukarıdaki renk çarkı veya renk dairesi, aşağıdaki renk türlerini gösterir:
- Birincil veya temel renkler (1 numara ile gösterilen renkler).
- İkincil renkler (Secondary Colors); herhangi bir ikincil renk, iki ana rengin karıştırılmasıyla elde edilir (2 numara ile gösterilen renkler).
- Üçüncül renkler (Tertiary Colors); herhangi bir üçüncül renk, bir temel renk ile bir ikincil rengin karıştırılmasıyla elde edilir (numara taşımayan renkler).
Ancak, bir web sitesi tasarlarken renkleri karıştırmanıza yardımcı olan ve renkleri uyumlu bir şekilde seçme olanağı sağlayan renk sistemleri vardır. Bunlar şunlardır:
- Tamamlayıcı renk şeması (Complementary color scheme): Bu şema, renk çarkında birbirine zıt konumda bulunan iki renkten oluşur.
- Benzer renk sistemi (Analogous color scheme): Bu sistem, renk çarkında birbirine bitişik olan renkleri temsil eder.
- Üçlü renk şeması (Triadic color scheme): Renk çemberinin iç çemberine bir üçgen çizdiğinizde, üçgenin üç köşesinin işaret ettiği renkler birlikte üçlü renk şemasını oluşturur.
- Dörtlü (kare) renk şeması: Renk çemberinin içine bir kare veya dikdörtgen çizildiğinde, kare kullanıldığında "dörtlü kare renk şeması", çemberin içine dikdörtgen çizildiğinde ise "dörtlü dikdörtgen renk şeması" olarak adlandırılan dört renkli bir sistem ortaya çıkar.
5. Yüksek kaliteli görseller kullanın
Görseller, web sitesi tasarımında dikkat çekmek ve ilgi uyandırmak için kullanılan araçlardır; ancak görsellerin türü, özellikleri ve niteliği, görsel kullanımının önemini ve web sitesi tasarımlarında görsel kullanımının başarısını belirler.
6. Web sitesi yazı tiplerini akıllıca seçin
Markaya uygun ve web sitesi tasarımına yakışan doğru yazı tiplerini kullanın. Bu nedenle, çeşitli bilgisayar türlerinde görüntülenebilen ve “Web Safe Fonts” olarak bilinen, internet tasarımına özel güvenli yazı tiplerinin kullanılması tavsiye edilir; Google Fonts bu tür yazı tiplerine bir örnektir.
7. Web sitenize esneklik ve gezinme hızı kazandırın!
Demek istediğim, profesyonel bir web sitesi tasarlarken ana sayfaya bir ana menü yerleştirin; bu menü, ziyaretçinin sitenizdeki ana bölümler arasında kolay ve esnek bir şekilde gezinmesini sağlayacaktır.
Ayrıca, menü içindeki ana bölümler, sitenin alt bölümlerinin her birine ait alt sayfalara da yer verir; bunlar, ana bölümlerle bağlantı kuran iç sayfalardır.
