Rasio Emas dalam Desain: Contoh & Tip
Ini mungkin terasa seperti pelajaran matematika, tetapi bertahanlah. Rasio emas menggabungkan sedikit matematika, sedikit alam, dan banyak penerapan praktis untuk desainer. Mari kita lihat apa arti rasio emas untuk desain, dan beberapa tips untuk menggunakannya dalam proyek desain Anda.
Rasio emas telah digunakan sepanjang sejarah untuk menciptakan elemen desain yang memiliki daya tarik visual ideal. Karena bentuknya berakar pada alam dan matematika, ini merupakan kombinasi sempurna antara keseimbangan dan harmoni. Dan ini adalah alat yang luar biasa untuk melengkapi Anda sebagai seorang desainer.
19+ Juta Aset Digital, Dengan Unduhan Tanpa Batas
Dapatkan unduhan tak terbatas atas 19+ juta sumber daya desain, tema, templat, foto, grafik, dan banyak lagi. Langganan Envato dimulai dari $16 per bulan, dan merupakan langganan kreatif tanpa batas terbaik yang pernah kami lihat.
Jelajahi Sumber Daya Desain
Berapa Rasio Emasnya?

Sederhananya, rasio emas (juga disebut persegi panjang emas dan mean emas) adalah bentuk dengan proporsi 1 banding 1,618.
Lebih kompleksnya, matematika dapat digambarkan seperti ini seperti yang dijelaskan oleh Yayasan Desain Interaction:
Setiap angka dalam deret Fibonacci hanyalah penjumlahan dari dua angka sebelumnya. Dimulai dengan 1, 1 (yaitu, 1 + yang tak terlihat 0 = 1), dan 10 anggota pertama barisan tersebut adalah 1, 1, 2, 3, 5, 8, 13, 21, 34, 55. Ini berlanjut tanpa batas .

Hitung rasio secara matematis menggunakan rumus Phi: A/B = (A+B)/A = 1,618033987 = Φ
Aplikasi untuk proyek cetak dan desain web seringkali kurang tepat dibandingkan 1 hingga 1,618. Banyak desainer akan membulatkan angka saat membuat rasio emas matematis untuk kisi-kisi yang lebih mudah digunakan.
Saat menerapkan konsep, sering kali konsep tersebut direpresentasikan menggunakan spiral, lingkaran, atau segitiga.
Dan ini bukan “hanya masalah desain”. Rasio emas ditemukan di alam (cangkang nautilus), seni (Mona Lisa), arsitektur (Menara Eiffel) serta desain.
Bagaimana Anda Menggunakannya?

Mengenai penerapan rasio emas, ada beberapa aliran pemikiran yang berbeda:
- Atur desain menggunakan grid berdasarkan rasio untuk menciptakan harmoni
- Jangan melakukan apa pun karena itu berlaku baik Anda melakukannya dengan sengaja atau tidak
Solusi terbaik mungkin ada di tengah-tengah. Kemungkinan besar, mata Anda mungkin dilatih untuk membuat dan condong ke arah desain yang mencakup teori ini, namun tidak ada salahnya untuk melihat apakah Anda benar-benar menerapkannya dengan baik.
Dan kanvas dapat menyebabkan berbagai macam masalah terkait rasio emas. Anda tidak tahu ukuran browser yang mungkin digunakan seseorang atau rasionya mungkin tidak sesuai dengan ukuran cetakan tertentu.
Tujuannya adalah untuk menciptakan bagian-bagian dalam desain yang sesuai dengan bentuk ideal ini. Anggap saja untuk logo atau potongan foto. Gunakan untuk membuat header atau bagian desain tertentu. Gunakan konsep untuk membuat grid dasar atau skala hierarki untuk tipografi.
Kisi dan Templat

Jika Anda seperti saya, gagasan matematika kompleks untuk memecahkan masalah desain agak menakutkan. Di sinilah memiliki beberapa alat hebat dapat membantu.
Berikut beberapa templat dan kalkulator untuk membuat penggunaan rasio emas sedikit lebih mudah.
- Fikulator: Masukkan nomor apa pun dan dapatkan nilai rasio emas yang sesuai
- Kalkulator Tipografi Rasio Emas: Membuat skala berdasarkan font dan ukuran dasar
- Templat Rasio Emas: Templat vektor yang dapat diunduh gratis
- Templat Wireframing Jatah Emas: Dengan lapisan untuk kurva, lingkaran, atau persegi
- Kalkulator Rasio Emas: Menghitung rasio dengan kumpulan angka apa pun
- Kalkulator Persegi Panjang Emas: Dapatkan dimensi persegi panjang emas luar dan dalam untuk nomor berapa pun (ini adalah dasar untuk banyak kisi web menggunakan rasio)
3 Tips Menggunakan Rasio Emas

Jadi bagaimana Anda menerapkan semua informasi ini ke dalam penggunaan praktis? (Kami tidak ingin Anda terlalu memikirkan proyek desain dan kewalahan dengan matematika.)
Berikut tiga tip untuk menggunakan rasio emas dalam proyek desain.
- Gunakan rasio untuk membuat kisi situs web dasar untuk area konten utama dan sidebar. Menurut Sekolah W3resolusi browser paling umum di awal tahun 2018 adalah 1366 x 768 piksel. Terapkan rasio emas untuk area konten selebar 846 piksel dengan sidebar selebar 520 piksel. Saat mempertimbangkan rasio untuk tujuan ini, ketinggian tidak penting.
- Gunakan rasio untuk membuat panduan jarak dalam desain. Prototipe.io memiliki saran ini: “Gunakan kotak yang lebih besar seperti unit 8 dan 13 untuk menentukan tata letak. Gunakan kotak yang lebih kecil pada unit 1, 2 atau 3 untuk menentukan talang dan jarak isi” berdasarkan persegi panjang emas.
- Gunakan rasio untuk menciptakan elemen yang bertahan lama seperti ikon atau logo: Memiliki elemen yang bertahan lama dengan harmoni yang kuat dapat menciptakan struktur untuk proyek yang sedang berjalan. Contoh di atas termasuk template yang bisa Anda unduh dan coba.
Mengapa Rasio Emas Penting dalam Desain?
Jadi mengapa rasio emas sangat penting bagi para desainer?
Ini adalah satu lagi alat untuk membantu Anda menciptakan sesuatu yang menghasilkan nada emosional dan visual yang tepat bagi pengguna. Teori ini ada baik Anda menerapkannya dengan sengaja atau tidak. Jadi yang penting adalah Anda memahami dan mengakuinya dalam upaya menciptakan desain terbaik dan paling bermanfaat.
Apa yang dilakukan rasio emas adalah mengarahkan Anda ke area fokus di mana pengguna cenderung fokus dan melihat berdasarkan alam. Ini membantu menciptakan keseimbangan dan skala, meskipun tidak sepenuhnya disengaja.
Berikut adalah beberapa situs web yang dirancang dengan baik dengan templat rasio emas yang dihamparkan di atasnya untuk melihat secara pasti kaitannya dengan masing-masing desain.





Kesimpulan
Jadi, inilah kunci Anda untuk memahami dan menggunakan rasio emas: Rasio emas itu ada, baik Anda memikirkannya atau tidak. Jadi mengapa tidak mempertimbangkan bagaimana teori desain yang telah teruji waktu ini dapat bekerja untuk Anda dan membuat proyek menjadi lebih baik?
Unduh templat yang kami gunakan di sini dan letakkan di beberapa desain Anda untuk melihat seberapa dekat Anda tanpa memikirkannya.