Bir websitesini stillemek onun sadece nasıl görüneceğini belirlemek demek değildir. Bundan çok daha fazlasıdır. Bu, ziyaretçiyi nasıl daha rahat hissetirebileceğinizi, nasıl web sitenizi daha çok seveceğini ve onu nasıl daha fazla kendi evinde hissetirebileceğini tasarlamaktır.
Mükemmel tasarım ziyaretçinin web sitesini kullanmasına yardım eder ve ince bir zekayı yansıtır. Ziyaretçinin onu beğenmesi yetmez
Bir haber sitesini ele alalım. Ziyaretçi, "lezzetli" gradyanlarınıza ve seksi görünümlü yuvarlatılmış köşelerinize bakıp saatler geçirmemeli. Ziyaretçi, değerli web zamanını değerli içeriğinizi okuyarak geçirmeli. Biz ona aradığı içeriğe en kısa sürede ulaşmasına yardımcı olmalı, onu mümkün olduğu kadar çok makale okumaya teşvik etmeli, sitede daha uzun süre kalmasını sağlamalı ve sitenizi ilk kez ziyaret eden bir ziyaretçiden kalıcı bir ziyaretçiye dönüştürmeliyiz.
Tüm bunlara ulaşabilmek için sayfamızdaki her element üzerinde bir harmoni ve benzerlik sunmalıyız, küçük ve önemsiz elementlerde bile. Bunların karışımı bize arzulanan sonucu verecektir.
Harmoni. Anlamı gibi kulağa hoş gelen bir kelime. Peki anahat (layout) tasarımında buna nasıl ulaşabiliriz? Cevabı "Altın Oran".
Peki "Altın Oran" tam olarak nedir? Gelin Wikipedia'nın bunu nasıl güzel özetlediğine bir bakalım: Bir doğru parçasının (AB) Altın Oran'a uygun biçimde iki parçaya bölünmesi gerektiğinde, bu doğru öyle bir noktadan (C) bölünmelidir ki; küçük parçanın (AC) büyük parçaya (CB) oranı, büyük parçanın (CB) bütün doğruya (AB)oranına eşit olsun. Altın oranın matematiksel değeri yaklaşık olarak 1.6180339887'dir.
Bu mukayesenin kullanımı, tam harmoniyi yakalayabilmemiz için evrensel olmalıdır.
Oranı Bizim İçin İşe Yarar Kılmak
Gelin bu oranı kendi anahattımız üzerinde nasıl kullanabileceğimize bir bakalım.
İlk olarak temel kapsayıcılarımız ile başlamamız gerek. Bu basit örnekte mukayesemizi içeriğimizde bölünmüş durumda olan iki element üzerinde (main ve sidebar) üzerinde uygulayabiliriz. Bu elementlerin yüksekliği ile oynayamayacağımızdan ötürü, sadece genişliğe odaklanmamız gerekir.
Diyelim sayfamızın genişliği 960 piksel olsun ve biz bu genişliği altın oran kullanarak bölümlemek isteyelim. Ana içerik kısmının genişliği 960 / 1.62 = 593 piksel, yan bar kısmının genişliği ise 960 - 596 = 367 piksel olacaktır.
Şimdi, ana sütunlarımızın mukayeselerini bulduğumuza göre, ana tipografiyi belirlemenin zamanı geldi. Benim bazı ilişkiler için önerim:
- line-height = font-size x 1.62
- paragraf marjı = paragraf satır yüksekliği x 1.62/2
- başlık üst-marjı = başlık satır yüksekliği x 1.62
Bu mantığı aklımızda tuttuğumuz sürece karşımıza çıkabilecek tüm mukayese ve boyut problemlerini çözmemiz mümkün.
Form elementleri içerisinde bir diğer örnek ise, input genişliğinin başlık genişliğinin 1.62 katı olması gerektiği.
Aynı oran, mükemmel olmasını istediğimiz tüm alanlarda kullanılabilr. Genişliği yüksekliğinin 1.62 katına eşit olmalıdır.
Sonuç Olarak
Pek çok insan, bu tekniğin bir ütopya olduğunu ve özellikle zaman kısıtlı projeler üzerinde çalışırken yanımızda daima bir hesap makinesi ile kodlama yapamayacklarını belirterek bu tekniğe karşı çıkabilirler. Ancak makalemizin dikkat çekmeye çalıştığı nokta bu değil. Dikkat çekmeye çalıştığımız şey, bir şeyleri bölmeye çalışırken, mümkün olduğu kadar %62 %38 mukayesesini aklımızda tutmaya çalışmak.
Fazladan Bilgi
Bir parçayı üçe bölmeye çalıştığımızda öncelikle onu ikiye (%62 - %38) böleriz ve ardından büyük parçayı alıp onu tekrar aynı mukayese yöntemini kullanarak ikiye böleriz (%62 - %38).
- Daha önce yayımladığım web tasarımında altın oran makalesine de bir göz atmak isteyebilirsiniz.
Kaynak: CSS Globe
