Altın Oranın Modern Tasarımlara Uygulanması

İdeal web sayfası hem işlevsel hem de uyumludur, ancak en deneyimli web tasarımcıları bile tasarım doğal akışını neyin verdiğini söylemekte zorluk çekebilir. Dışardaki renk ve gezinme teorilerine rağmen, bazen mükemmel bir web sayfasının estetiğinin en kritik yönü etkisiz görünüyor. Neden işe yaradığını bilmiyoruz ama bazen işe yarıyor. Hepsi basit bir konsept yüzünden olabilir.

Web sitenizin tasarımını kelimenin tam anlamıyla doğal bir düzen ile destekleyerek, izleyiciler tasarımınızı daha ilginç ve doğal olarak tatmin edici bulabilirler. Bu kavram denir altın Oran, doğanın bir matematiksel kavramına uyduğu ve biz insanların bilinçaltında mükemmellik ifadesi olarak tanıdığı bizim.

Altın Ne?

Basit bir ifadeyle, altın oran (aynı zamanda ilahi oran ya da altın anlam), doğada ve sanatta art arda görünen matematiksel bir sabittir..

Ne zaman denklem olarak ifade edilir bir daha büyük b, (a + b) bölü bir eşittir bir bölü b (sadece aşağıdaki resme bakın) 1,618033987. Genellikle Yunan karakteri "phi" ile temsil edilen bu sayı, altın Oran.

(Image Source: mathsisfun.com)

Aynı teori, denilen bir dikdörtgeni inşa etmek için kullanılabilir. altın dikdörtgen. Altın oranı takip eden bir görüntü, orana uyan bir dikdörtgenin içine düzgün bir şekilde yerleştirilebilir..

(Resim Kaynağı: creativeautomaton.com)

Altın bir dikdörtgen oluşturmak için dikdörtgenin kısa kenarının uzunluğu olacak bir sayı seçin. Argüman uğruna, 500 piksel diyelim. Bunu 1,618 ile çarp. Sonuç, 809 piksel, dikdörtgenin uzun tarafının uzunluğudur. Bu nedenle, 500 piksele 809 piksel olan bir dikdörtgen altın bir dikdörtgendir. Altın oranına uyuyor.

Doğal güzellik

Gerçekte, bilim insanları, insanların bu kadar sevdikleri oranla ne olduğundan emin değiller. Emin oldukları şey, ne kadar sevdiğimiz. Araştırmalar, altın orana daha gerçekçi hale getiren bir görüntüdeki küçük değişikliklerin bile, arayanların beyinlerini büyük ölçüde etkilediğini gösteriyor.

İnsan yüzü de oranı takip ediyor ve biz yüzleri daha gerçekçi olan insanları daha çekici buluyoruz. Deniz kabukları, klasik Rönesans başyapıtları, antik dönem mimarlığı ve hatta insan vücudu parçaları, parmakların kendilerine oranına göre oranlanır..

(Resim Kaynağı: in2visualdesign)

Aklımızın derinliklerinde olan bir şey, altın oranı güzel olarak kaydeder, sanatçıların ve mimarların binlerce yıl boyunca bilerek veya bilmeden kullandıkları bir gerçektir. Görüntüdeki ilk dildir. Sonuç organik, sezgisel ve doğru hissediyor.

İlahi Kompozisyon

Peki bu sihirli numarayı web sayfanızın kompozisyonunda nasıl kullanıyorsunuz? Matematik, yaratıcılığınızın mücadele edeceği boğucu bir kutu gibi görünebilir, ancak altın oran sadece faydalı bir kılavuzdur. Oluşturulacak temel bir rehbere sahip olmak, oranların ve yerleşimlerin tahmin çalışmalarından bazılarını alarak size daha yaratıcı bir oda sağlayarak sonuçlanabilir.

Bir kafes yerine bir araç olarak düşünün. En temelde, içerik alanlarının ve kenar çubuklarının boyutunu ve yerleşimini belirtmek için altın oranı kullanabilirsiniz. Sabit genişlikte bir düzen en kolay uygulamadır. Altın dikdörtgen oluşturma yöntemiyle düzeninizin genel boyutuna karar verin.

Izgaralar / Bloklar İçin

Satırların oluşturduğu kare içerik bloğunuz olur. Küçük dikdörtgen bir yan veya gezinti çubuğu olacaktır. Dikdörtgenin boyutunu bulduktan sonra, gezinti çubuğunuzun ne kadar geniş olması gerektiğini bulmak kolay matematiktir.

• Bu örnekte, dikdörtgenin sizin 525 piksel 850 piksel.
• 525 bir ve 850 (a + b), ve b kenar çubuğunun genişliği olacak.
• Bulmak b, biz basitçe (a + b), 325.
• Bu nedenle, kenar çubuğunuzun genişliği 325’tir..

Kenar çubuğunu üst, alt veya karşıt tarafa yerleştirerek dikdörtgenin amaçlarınıza uygun şekilde çevrilebileceğini unutmayın. Oran tutulduğu sürece, tasarımınız uyumlu hissedecek.

Metin için

İhtiyacınız olan ölçümleri almanın daha hızlı bir yolu var ve metin içeriğiyle birlikte uygulanabilir.

• Diyelim ki içerik metniniz 12.
• 12 ile çarp 1,618, Altın oran, 19.416.
• 19 veya 20'lik bir başlık metni, altın oranını yakından takip eder.

Altın oran, zihninizin anladığı bir dildir ve onunla iletişim kurarak fikirleriniz daha etkin bir şekilde karşınıza çıkar. Buna tam olarak uymak zorunda değilsiniz; temel ilke yeterli. Görüntü boyutlarına oran uygulamak, metin yerleştirme ve görüntü yerleştirme arasındaki ilişki ve kenar çubukları içindeki alt bölümlerin oluşturulması tüm olası kavramlardır..

Şebeke Çalışması: Üçte Bir Kuralı

Eğer matematik sizin çayınız değilse, altın oran kavramı basitleştirilebilir. üçte bir kuralı Bir sahnede ilgilenilen noktaların yerleşimini yönetir. Verilen herhangi bir resmi hem yatay hem de dikey olarak üçe bölün. 9 ızgara alırsınız.

(Image Source: digital-photography-school.com)

Üçüncülük kuralına göre, bu çizgilerin köşeleri (çizgilerin kesiştiği yer) ilgi noktaları için ideal yerleşimdir. Sayfayı tarayan kişilerin, noktaların yakınında bulunan şeyleri fark etmeleri daha muhtemeldir ve bölümün görüntülenmesi rahattır. Daha karmaşık tasarım, bu üçleri diğer üçe ayırmakla mümkündür..

(Resim Kaynağı: net.tutsplus.com)

Kısacası, göz tembel olabilir ve önemli detayları aramak zorunda kalmazsınız. Beyinlerimiz böyle. Başlıca görüntüler, haber kutuları, arama çubukları ve diğer ilgi çekici yerler köşelerin üzerinde veya yakınında olabilir. Bu küçük, küçük kısayol size hem gözler üzerinde kolay hem de insanları önemli veri parçalarına çeken bir tasarım sunacak.

Sütunlar ve Yazı Tipi Boyutları: Fibonacci Dizileri

Altın orana bağlı web tasarımı için bir başka basit araç Fibonacci sayıları. Bir Fibonacci dizisi 0 ve 1 ile başlar. Sıradaki bir sonraki sayıyı üretmek için önceki iki sayı bir araya eklenir: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… ve bunun gibi.

Küçük bir matematik bize sıralı Fibonacci sıra numaraları arasındaki ilişkinin şaşırtıcı bir şekilde altın orana yakın olduğunu söyler - sıradaki herhangi bir sayıyı, ondan önceki sayı ile böl ve elde edersin - tahmin ettin. - 1,618.

Altın oranlarda olduğu gibi, Fibonacci sayıları başlık ve içerik metni boyutları arasındaki ilişkiyi dikte etmek için kullanılabilir. Sütunların genişliğini belirlemek için de kullanılabilir ve özellikle bloglarda ve diğer yoğun metin düzenlerinde etkilidir. Kompozisyon ayrıca Fibonacci sekansı kullanılarak karo boyutunun oluşturulduğu Fibonacci fayans konsepti üzerine de inşa edilebilir..

(Resim Kaynağı: Wikipedia.org)

Altın Spiraller ve İçerik Kümelemesi

Hem altın oranın hem de Fibonacci sayısının kullanılmasının olası bir başka yöntemi de altın spiraller ve Fibonacci spiraller. Altın spiraller, yaptıkları her çeyrek tur için altın oranına eşit bir faktörle genişler ve Fibonacci spiralleri Fibonacci fayans kullanılarak oluşturulur.

Spiraller, resimlerde ve oranlarda kendileri olduğu sürece sanatta kullanılmıştır. Teori, negatif boşluk ve görselle ilgilenen alanların spiralin içine sığması gerektiğidir. Bu zarif düzen içinde, üçte birin kurallarında olduğu gibi, göz doğal olarak ayrıntıların aranması için spiralin ortasına çekilir.

(Resim Kaynağı: fabiovisentin.com)

Spiraller, içerik yoğunluğu ve kümelenme için bir rehber görevi görebilir. Web sitenizin başlık resimlerinin, arama çubuklarının ve araç çubuklarının oranının temelini oluşturabilirler..

Mağaza ana sayfaları ve fotoğrafçılık web siteleri gibi büyük grafiklerin etrafına yerleştirilmiş ön sayfa için ideal görüntüyü seçerken, altın ve Fibonacci spirallerinden de yararlanabilirsiniz..

Güçlü mesajlar genellikle bilinçaltıdır ve altın oran doğanın en üretken bilinçaltı reklamlarından biridir. İlahi oranı kullanarak, kendinize tüm insanların bilinçaltı bir çekiciliğine sahip olan doğal mantık ve organik zarafetin bir kenarını verirsiniz. Altın oran, yaratıcı emrinizde başka bir araçtır.

Daha fazla okuma:

• Altın Oranı Web Düzenlerine ve Nesnelere Uygulamak

Editörün Notu: Bu gönderi tarafından yazılmıştır Chris Pentago Hongkiat.com için. Chris, çevrimiçi işinizi gerçekleştirmek için kilit teknolojilerle ilgilenen deneyimli bir web geliştiricisi, tasarımcısı ve internet pazarlamacısıdır. Onu Twitter'da bulabilirsiniz..