Altın oranı: Anlama ve kullanma için ana kılavuz
Her yerde tasarımcılar altın oranı hakkında bilgi sahibi olmalıdır. Bu, estetik tasarımlar yaratan matematiksel bir orandır. Altın oranı çok sık doğada olduğundan, sonuçların doğal görünmesi şaşırtıcı değildir.
Fotoğraf: Bogomil Mihaylov’da UnplashAltın oranının da birkaç adı vardır:
İlahi Oran
Altın demek
Altın kısmı
Phi (Yunan mektubu)
Altın oranının arkasındaki matematik, altın oranının matematiğini olabildiğince basit ve bilmeniz gerekmeyen ayrıntıları tartışmadan açıklayacağım. Matematiği takip edebilirseniz, iyi. Ama yapamıyorsanız, sorun değil, hala tasarımınızdaki konsepti kullanabilirsiniz.
Altın oranını anlamak için, önce altın dikdörtgen altın dikdörtgenin içinde bir kare olan büyük bir dikdörtgen olduğunu anlamalısınız. Kare taraf, dikdörtgenin en kısa uzunluğuna eşittir: Kaynak: Wikipedia
Altın oranı 1.618’e eşit bir sayıdır (nazik), PI ile aynı yaklaşık 3.14, ancak tam olarak değil. Çizgiyi alıp iki uzun parçaya (a) ve kısa parçalara (b) ayırırsınız. Tüm uzunluk (a + b) (a) (a) bölünmüş (b) ‘e eşit olarak bölünür. Ve her iki sayı da 1.618’e eşittir. Böylece, (a + b) 1.618’e eşit (a) bölünmüş ve (a) (b) ‘ye bölünmüş 1.618’e eşittir.
Altın dikdörtgene dönerek, bir kare dikdörtgen içine yerleştirdiğinizde anlamak daha kolaydır, başka bir daha küçük dikdörtgen oluşturur. Siyah çizgiyi görmezden gelin ve kırmızı ve yeşil kutuyu görün: Kırmızı kare aynı uzunluğun dört tarafına sahiptir ve uzunluk, dikdörtgenin en kısa uzunluğu ile aynıdır. Meydanı bölerek, otomatik olarak başka bir daha küçük dikdörtgen yaparsınız (yeşil olarak açıklanmıştır). Birlikte, altın spiraller için eksiksiz ve temel bir altın oranı yaptılar. Bu maviyi tarif ettiğim gibi, daha küçük bir dikdörtgenden yeni bir dikdörtgen de yapabilirsiniz: geleneksel altın oranı diyagramının sekiz dikdörtgen altın vardır: Ve bu en küçük altın dikdörtgen, #8: Sol alttan başlar ve her karenin en uzak tarafını ve küçük kare bölümünü bağlamak için bir kemer yaparsanız, altın bir spiral alırsınız. Fibonacci Serisi Fibonacci serisinin anlaşılması oldukça basit: Sıfır ve 1 ile başlıyorsunuz, ardından önceki iki numarayı ekleyerek bir sonraki numarayı alın. 0 + 1 = 1, sonra 1 + 1 = 2, vb. Sıradaki ilk birkaç sayı 0, 1, 1, 2, 3, 5, 8, 13, 21, 34’tür. Genişlikle bir kutu yapmak için sayıları kullanırsanız, altın bir spiral yapabilirsiniz: Kaynak: Matematik eğlencelidir Altın daire bazen, spiralin yanında veya yanında değil, kutuya çizilen daireyi göreceksiniz. Altın oranının altın oranında mükemmel bir daire çizerseniz, bir bitişik daire ile 1: 1.618 oranına sahip olacaktır.
Kaynak: Limelight Departmanı Pepsi ve Twitter logoları altın daireler kullanır:
Kaynak: Hibrit Tartışma Bunu daha önce gördünüz, birçok doğa altın oranlarıyla doludur. Flora, kabuklu deniz ürünleri, hava …
Kaynak: Fotoğraf, Annie Spratt’tan Unplash Kaynak: NASA’nın Unsplash’ta fotoğrafları ve sık sık gördüğümüz için beynimiz daha fazla. Konjenital cazibe, bu düzenin tasarımcıların kullanması için çok güçlüdür. Sanat ve tasarımdaki altın oranı bazen altın oranını tanımak çok kolaydır:
Kaynak: StacysDetailintasc.com
Bazen “Ne hakkında konuştuğunu bilmiyorum … oh, bekle. Şimdi görüyorum. Bana göre.” Kaynak: Pazarlamada Kişiler
Diğer zamanlarda onu görerek delirebilirsin … Kaynak: geniş duvarlar
… Ama ana altın dikdörtgeni hedeflerseniz, biraz daha net hale gelir: Genellikle atıfta bulunulan örneklere bakalım: Parthenon
Kaynak: Yaratıcı Blok İlk başta, bunu görebilir ve “Sadece benim için simetrik görünüyor. Altın dikdörtgen spiral nesneye uyduğunu nasıl görebilirim? ” Altın oranı, tasarımın her bir bölümünün nasıl tam olarak uygun ve sadece belirli parçalara nasıl sahip olduğu ile ilgili değildir. Sorun buysa, Parthenon’un sağ tarafı büyük bir blok olacak ve sol taraf daha küçük bloklara ayrılacaktır. Tersine, oran uyum ve oranlar yaratmak için kullanılır ve birkaç farklı şekilde yorumlanabilir. Altın oranı matematiğe dayanırken, bu oran yaratıcı bir şekilde ayarlanabilir. Parthenon durumunda, altın oranı tasarım bileşenlerinin yüksekliğini ve yerleştirilmesini belirler. Ayrıca, altın oranı diyagramını koymanın birkaç yolu vardır:
Kaynak: Archinect
Kaynak: Ortada Esther Sugihto Kaynak: Goldennumber.net Altın oranı ve web sitesi tasarımı Matematiği seviyorsanız veya kafanız patlayacak, altın oranının tasarım açısından biraz daha kolay olduğunu. Ağırlık asansörü yaptınız. Şimdi temel bindirme almanın ve web bileşenlerinizi çok eğlenceli hale getirmenin zamanı geldi. Altın Oranı ve Düzen Mükemmel bir altın oranı düzeni istiyorsanız, 1: 1.618 boyutunu ayarlayın. Örneğin, genişliği 960 piksel ve yüksekliği 594 piksel olarak ayarlayabilirsiniz. Altın dikdörtgen her iki tarafta 594 piksel ve dikdörtgen kalan düzeni alır (594 x 366). Hesap makinesi çorbası, bir değer bulmak için herhangi bir terim (a, b veya a + b) ayarlayabileceğiniz yararlı bir altın oranı hesaplayıcısına sahiptir. Altın oranı. Veya, yalnızca bir sütunun diğer sütunlardan biraz daha geniş olduğu iki sütun türünü kullanmanız gerekir. Bu organize edilmiştir ve açıkça bir hiyerarşi gösterir. Kaynak: National Geographic
Bunu web sitemde kullanıyorum çünkü ana sayfa blog yayınlarımın bir koleksiyonu ve bunun bloglar için en iyi bilinen düzenlerden biri olduğunu hissediyorum:
Ancak bence, zarif bir temada kullandığımız simetrik düzen daha modern: Altın oranı ve altın oranı alanı, tasarım öğelerinizin nereye yerleştirildiğini, kullanılacak oranın ve negatif alanı nereden bırakacağınızı belirlemenize yardımcı olabilir. İşte basit bir örnek ve neredeyse üstüne koymak zorunda kalmadan bir altın oranı görebilirsiniz:
Kaynak: Digiarts 2011 Photoshop’ta altın spirali uyguladığımda aşağıdaki görünüm: Bir kez daha, altın oranı matematiğe dayanmaktadır, ancak tasarıma uygulandığında mükemmel değildir. Tasarım altın bir dikdörtgende yapılmamıştır, bu nedenle altın spiral normal oranın dışındadır. Bununla birlikte, bir tasarımcıya tasarımın en büyük unsurunu ve en küçük elemanı ve negatif alanı nereye yerleştirileceğini seçmek için nasıl rehberlik edebileceğini görebilirsiniz. Ayrıca, altın oranını aynı şekilde farklı bir öğeye uygulamak için kaplayabilirsiniz. tasarım: Kaynak: Lemongraphic tarafından markalaşma. Canva örneği.
Altın oranı ve içerik Altın oranının düzeni ve mesafesini düşündüğünüzde, içeriği web sitenize nereye yerleştireceğinize karar vermeye başlayabilirsiniz. National Geographic web sitesine tekrar bakalım, bu sefer Canva’nın altın oranı ile: Düzen, içerik spiral merkez hattı boyunca dizilmiş olacak şekilde bölünür. Solda, büyük bir içerik bloğu var. Sağda, içerik daha yoğunlaşır ve daha negatif alanlar vardır. Spiralin orta kemerlerine doğru, ikinci National Geographic logosunu göreceksiniz – eve markalaşma getirmenin genellikle gözler tarafından görülen bir yere yerleştirmekten daha iyi bir yolu yoktur. İşte altın sarmalın gözlerinizi ana bileşeni aracılığıyla bile bir tasarımla nasıl yönlendirebileceğine iyi bir örnek. Bu, bir sayfaya konulacak çok fazla içeriğiniz varsa kullanışlıdır. Ayrıca, çok kalabalık ve ayrıntılı bir tasarımla bile, orada hala negatif bir alan olduğunu göreceksiniz.
Kaynak: Helms Atölyesi tarafından Tasarım. Canva örneği. Onurlu Mansiyon: Altın oranı ve altın oranı görüntüsü de fotoğraf kompozisyonunda kullanılır. Altın oranı altın bir spiral yapmak yerine resmi altı bloğa ayırır. Bu tip kafeste aynı altın oran kullanılır: parçanın genişliği ve yüksekliği 1 veya 0.618’dir. Kaynak: Canva
Daha sonra bir çekim derlemek için bir kavşak kullanırsınız. Amaç, konuyu veya ana kısmı kesişen çizgilerden birine yerleştirmektir – konu ortada olmamalı ve birkaç blok boş bırakılmalıdır (çoğu durumda – en azından – makro fotoğrafçılık ve kısa -Renge portreleri neredeyse tüm çerçeveleri dolduracaktır). Bunu yaparak, konu ortada olduğundan daha çekici bir portre yaparsınız. Bu kuralı izlemenin daha basit ve daha erişilebilir yolu, dahili mobil kameranız veya DSLR’niz üzerinde olabileceğiniz üçüncü ızgara kuralını kullanmaktır. Bu kuzenimden çektiğim bir fotoğraf. Konunun çerçeveyi nerede doldurduğunu ve çerçeveyi doldurmadığını göstermek için üçüncü ızgara kuralını koydum. Ayrıca, altın spiralin konunun etrafına neredeyse mükemmel bir şekilde nasıl sarıldığını görün: