“Kekuatan bagian emas untuk menciptakan keharmonisan muncul dari kemampuannya yang unik untuk menyatukan bagian-bagian yang berbeda dari keseluruhan sehingga masing-masing mempertahankan identitasnya sendiri namun menyatu ke dalam pola yang lebih besar dari satu keseluruhan.”

Proporsi bagian emas dapat ditemukan di alam dan struktur buatan manusia. Mereka ada dalam proporsi manusia, pola pertumbuhan tumbuhan, hewan, dan serangga, dan struktur seperti Stonehenge dan Parthenon.

Proporsi bagian emas juga hadir dalam seni, tulisan, dan arsitektur Yunani, dan dalam bentuk spiral kerang.

Apakah kita telah diprogram secara genetis untuk menyukainya atau kita menganggapnya menyenangkan karena semua contoh di sekitar kita, bagian emas jelas telah menjadi bagian dari alam dan ciptaan manusia sepanjang sejarah.

Kami memiliki preferensi terhadap objek yang menggunakan proporsi emas.

Apa itu Rasio Emas?

Rasio emas adalah rasio segmen yang lebih kecil dengan segmen yang lebih besar sama dengan rasio segmen yang lebih besar dengan jumlah kedua segmen. Ini lebih mudah dilihat dalam diagram sederhana.

Rasio emas atau proporsi ilahi adalah representasi visual dari angka emas Phi (?) yaitu sekitar 1,618.

Deret Fibonacci

Matematika di balik rasio emas sangat terkait dengan Deret Fibonacci . Jika Anda tidak terbiasa dengan deret fibonacci, deret fibonacci dimulai dengan definisi angka 0, 1, lalu setiap angka berurutan dalam deret tersebut adalah jumlah dari dua angka sebelumnya.

0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55…

Saya akan menghindarkan Anda dari pembicaraan matematika yang mendalam (kami hanya akan melakukan sedikit pembagian), karena yang paling kami minati adalah bagaimana urutannya berhubungan dengan bagian emas .

Jika Anda mengambil angka apa pun dalam urutan dan membaginya dengan angka sebelumnya, hasilnya mendekati Phi atau rasio emas.

Dengan angka-angka awal dalam deret ini, hal ini mungkin tidak tampak benar, tetapi saat kita melanjutkan deret, pembagiannya mendekati 1,618 dengan agak cepat.

2/1 = 2,0

3/2 = 1,5

5/3 = 1,67

8/5 = 1,6

13/8 = 1,625

21/13 = 1,615

34/21 = 1,619

55/34 = 1,6176

Seperti yang Anda duga, deret Fibonacci juga ditemukan dalam seni dan alam. Beberapa berpendapat bahwa Virgil menggunakan urutan dalam puisi Aenid. Itu ditemukan dalam komposisi musik Mozart.

Vitruvious, da Vinci, dan Durer menggunakannya untuk menciptakan proporsi ilahi manusia.

Rasio angka 13/8 ditemukan pada spiral kerucut pinus dan rasio angka 34/21 ditemukan pada spiral bunga matahari.

Banyak pola pertumbuhan biologis yang mendekati bagian emas alih-alih tepat dengan cara yang sama seperti Deret Fibonacci mendekati rasio bagian emas.

Bentuk Bagian Emas

Ketika orang memikirkan bentuk dengan rasio bagian emas, mereka biasanya memikirkan persegi panjang emas di mana satu sisi dibagi dengan sisi lainnya adalah 1,618. Namun, berbagai matematika dapat diterapkan pada tata letak yang berbeda dan berbagai bentuk dapat dibuat dari proporsi bagian emas.

Anda dapat membuat persegi panjang emas, segitiga, elips, pentagram, dan spiral. Berpikir di luar kotak atau dalam hal ini di luar kotak emas. Klik gambar di atas untuk melihat bagaimana beberapa bentuk emas dapat dibangun.

Cara Menggunakan Bagian Emas dalam Desain

Semoga beberapa hal di atas meyakinkan Anda tentang kualitas estetika proporsi bagian emas. Sekarang bagaimana Anda benar-benar menerapkan prinsip-prinsip ini dalam desain Anda dan kapan Anda akan menggunakannya?

Penggunaan pertama bagian emas adalah saat membuat kisi untuk desain Anda. Mari pertimbangkan kasus sederhana tata letak dua kolom dengan lebar tetap 960px. Ini adalah tata letak dan lebar yang agak standar.

960 piksel / 1,618 = 593 piksel

960 piksel – 593 piksel = 367 piksel

Dari atas kolom konten kita akan menjadi 593 px dan sidebar kita akan menjadi 367 px. Pendekatan yang lebih baik lagi jika kita ingin desain kita cair adalah dengan menggunakan % atau em sebagai ukuran.

Jika kita tetap menggunakan 960 px untuk lebar keseluruhan tata letak kita dan mengasumsikan ukuran font default 16px, maka:

960px / 16px = 60em (lebar total)

60 * 61,8% = 37 em (bagian lebih besar)

60em – 37em = 23em (bagian lebih kecil)

60/37 = 1,62

37 / 23 = 1,61

Tidak persis Phi, tapi sangat dekat.

Mark Boulton memiliki pos yang sangat bagus yang memandu Anda dalam membangun sabuk adaptif dengan cara ini serta menyediakan css untuk mewujudkannya. Tandai tautan ke demo sederhana di artikelnya dan Anda dapat melihat demo yang lebih realistis di sini .

Di atas adalah tentang membagi halaman Anda secara horizontal menggunakan rasio emas. Membagi halaman secara vertikal adalah soal lain .

Dalam desain cetak, Anda dapat mengontrol tinggi dan lebar halaman. Dalam desain web, tinggi halaman cenderung bervariasi berdasarkan konten. Anda dapat menetapkan ketinggian absolut jika diinginkan, meskipun umumnya tidak praktis.

Dimana mungkin lebih tepat untuk menggunakan bagian emas dalam desain web untuk membuat tombol menggunakan proporsi bagian emas atau melihat ke bagian yang berbeda dari halaman Anda dan melihat apakah rasio emas akan bekerja ketika memutuskan apa ukuran mereka seharusnya .

Misalnya di banyak halaman rumah konten utama akan meninggalkan kolom kedua dan membuat satu kolom untuk satu halaman. Area konten Anda bisa menggunakan tinggi 593 px (dengan asumsi tata letak lebar 960 px) dan menjadi persegi panjang bagian emas.

Bentuk lain yang Anda tambahkan ke desain Anda (elipsis, segitiga) dapat dibuat sebagai bentuk bagian emas. Anda dapat menggunakan rasio emas saat menyetel lebar dan tinggi gambar apa pun yang Anda sertakan dalam desain.

Pada dasarnya setiap tempat di mana dimensi suatu elemen akan diperbaiki, bentuk emas dapat dibuat.

Aplikasi lain yang menarik untuk bagian emas adalah dalam menyiapkan skala tipografi . Tim Brown baru-baru ini menjelaskan bagaimana dia membuat skala modular berdasarkan rasio emas dalam postingan terbaru untuk A List Apart berjudul Tipografi yang Lebih Bermakna .

Aturan Sepertiga: Bagian Emas yang Disederhanakan

Pertimbangkan kembali deret Fibonacci, khususnya angka-angka awal dalam deret tersebut. Dengan menggunakan angka 2 dan 3 dari deret tersebut, kita mendapatkan perkiraan sederhana dari bagian emas sebagai 1,667. (2/3), yang membawa kita ke aturan sepertiga .

Situs web 2 kolom dapat menggunakan aturan pertiga ini untuk memiliki area konten 2/3 lebar keseluruhan dan sidebar 1/3 lebarnya. Ini mirip dengan apa yang kami lakukan di atas tanpa semua matematika.

Aturan sepertiga sering diterapkan pada gambar untuk menciptakan lebih banyak minat. Dengan membagi gambar menjadi sepertiga baik secara horizontal maupun vertikal, Anda membuat kisi 9 persegi panjang.

Anda ingin menyelaraskan elemen penting dari gambar di sekitar persegi panjang tengah, idealnya di salah satu dari 4 sudut persegi panjang itu. Ini menciptakan ketegangan dan menambah minat dan energi pada komposisi Anda.

Gambar di atas adalah salah satu yang saya tangkap di Cooperstown, NY, tak jauh dari Baseball Hall of Fame . Dalam gambar aslinya, mercusuar dipusatkan secara horizontal dan itu bukan gambar yang bagus.

Saya memangkasnya sehingga mercusuar sejajar di sepanjang tepi kanan persegi panjang tengah dan cakrawala sejajar di sepanjang tepi bawah persegi panjang yang sama. Gambar yang dipotong sementara, masih belum ada yang akan memenangkan penghargaan apa pun jauh lebih kuat dari aslinya.

Sekali lagi dengan desain web kita mungkin tidak dapat melakukan ini untuk keseluruhan tata letak kita, karena tinggi kita kemungkinan besar adalah sebuah variabel. Namun aturan pertiga bisa sangat efektif bila digunakan untuk memotong gambar untuk dampak maksimum.

Anda juga dapat menggunakan aturan sepertiga untuk menempatkan elemen dalam bagian dimensi tetap tata letak Anda seperti tata letak halaman beranda satu kolom yang dijelaskan di atas.

Ringkasan

Phi (?), deret Fibonacci, dan rasio emas berulang kali terlihat di alam maupun dalam seni , arsitektur , musik, dan desain.

Apakah kita secara genetik cenderung menemukan proporsi emas yang menyenangkan secara estetika atau kita hanya melatih diri kita sendiri sepanjang sejarah untuk menemukannya, tidak dapat disangkal bahwa bagian emas muncul berulang kali di alam dan banyak struktur buatan manusia.

Lain kali Anda mempertimbangkan kisi untuk desain situs web, pikirkan tentang bagian emas dan bagaimana Anda dapat menggunakannya. Anda tidak ingin secara sewenang-wenang memaksakan proporsi emas ke dalam desain Anda, namun hal itu dapat menghasilkan proporsi yang menyenangkan.

Pertimbangkan untuk menggunakannya untuk konstruksi geometris dan organik, terutama yang melibatkan ritme dan harmoni di antara banyak elemen.

Pengunjung Anda mungkin tidak tahu mengapa mereka menganggap situs Anda menarik, tetapi mereka kemungkinan besar akan merespons dengan baik proporsi bagian emas dalam desain Anda.