Menerapkan Rasio Emas dalam Desain Modern

Halaman web yang ideal fungsional dan harmonis, tetapi bahkan perancang web yang paling berpengalaman pun dapat kesulitan memberi tahu Anda apa yang memberi aliran alami desain. Terlepas dari teori warna dan navigasi di luar sana, kadang-kadang aspek yang paling penting dari estetika halaman web yang sempurna tampaknya tidak terlukiskan. Kita tidak tahu mengapa itu bekerja tetapi kadang-kadang itu berhasil. Itu semua bisa karena konsep yang sederhana.

Dengan mendukung desain situs web Anda dengan tatanan yang benar-benar alami, pemirsa dapat menemukan desain Anda lebih menarik dan menyenangkan. Konsep ini disebut rasio emas, sebuah konsep matematis yang dipatuhi oleh alam dan bahwa kita manusia secara tidak sadar mengenalinya sebagai ungkapan kesempurnaan.

The Golden What?

Secara sederhana, rasio emas (juga dikenal sebagai proporsi ilahi atau rata-rata emas), adalah konstanta matematika yang muncul berulang kali di alam dan karya seni.

Dinyatakan sebagai persamaan, saat Sebuah lebih besar dari b, (a + b) dibagi dengan Sebuah adalah sama dengan Sebuah dibagi dengan b (lihat saja gambar di bawah), yang sama dengan tentang 1.618033987. Angka itu, sering diwakili oleh karakter Yunani "phi," adalah rasio emas.

(Sumber Gambar: mathsisfun.com)

Teori yang sama dapat digunakan untuk membangun persegi panjang, yang disebut persegi panjang emas. Gambar yang mengikuti rasio emas dapat ditempatkan dengan rapi di dalam persegi panjang yang mematuhi rasio.

(Sumber Gambar: creativeautomaton.com)

Untuk membuat persegi panjang emas, pilih angka yang akan menjadi panjang sisi pendek persegi panjang itu. Demi argumen, katakanlah 500 piksel. Lipat gandakan dengan 1.618. Hasilnya, 809 piksel, adalah panjang sisi panjang persegi panjang Anda. Oleh karena itu, persegi panjang yang 500 piksel kali 809 piksel adalah persegi panjang emas. Itu mematuhi rasio emas.

Cantik alami

Sebenarnya, para ilmuwan tidak yakin apa itu tentang rasio yang disukai manusia. Apa yang mereka yakini adalah seberapa kita menyukainya. Studi menunjukkan bahwa perubahan kecil pada gambar membuatnya lebih benar dengan rasio emas memiliki dampak besar pada otak mereka yang mencari.

Wajah manusia mengikuti rasio juga, dan kami menemukan orang-orang yang wajahnya lebih benar dengan rasio lebih menarik. Kerang, karya klasik Renaissance, arsitektur dari jaman dahulu, dan bahkan bagian tubuh manusia proporsional berdasarkan rasio turun ke jari sendiri.

(Sumber Gambar: desain in2visual)

Sesuatu yang berada jauh di dalam inti pikiran kita mencatat rasio emas sebagai sesuatu yang indah, fakta yang telah dimanfaatkan oleh para seniman dan arsitek selama ribuan tahun, secara sadar atau tidak. Ini adalah bahasa utama dalam pencitraan. Hasilnya organik, intuitif, dan terasa pas.

Komposisi Ilahi

Lalu bagaimana Anda menggunakan nomor ajaib ini dalam komposisi halaman web Anda? Matematika mungkin tampak seperti kotak yang menyesakkan yang akan diperjuangkan kreativitas Anda, tetapi rasio emas hanyalah pedoman yang bermanfaat. Memiliki pedoman dasar untuk membangun dari akhirnya dapat memberi Anda lebih banyak ruang kreatif dengan mengambil beberapa tebakan dari proporsi dan penempatan.

Anggap saja sebagai alat, bukan kandang. Pada dasarnya, Anda dapat menggunakan rasio emas untuk menentukan ukuran dan penempatan area konten dan bilah samping. Tata letak lebar tetap adalah aplikasi termudah. Tentukan ukuran keseluruhan tata letak Anda melalui metode untuk membuat persegi panjang emas.

Untuk Grid / Blok

Kotak yang dibuat oleh garis akan menjadi blok konten Anda. Kotak yang lebih kecil akan menjadi bilah samping atau navigasi. Setelah Anda mengetahui ukuran persegi panjang Anda, mencari tahu seberapa lebar bilah navigasi Anda adalah matematika yang mudah.

Untuk contoh ini, kami akan mengatakan persegi panjang Anda 525 piksel oleh 850 piksel.
525 adalah Sebuah dan 850 adalah (a + b), dan b akan menjadi lebar bilah sisi Anda.
Mencari b, kita cukup mengurangi (a + b), yaitu 325.
Karena itu, lebar bilah samping adalah 325.

Ingatlah bahwa persegi panjang Anda dapat dibalik agar sesuai dengan tujuan Anda, meletakkan bilah samping di bagian atas, bawah, atau berlawanan. Selama rasionya berlaku, desain Anda akan terasa harmonis.

Untuk teks

Ada cara yang lebih cepat untuk mendapatkan pengukuran yang Anda butuhkan dan itu bisa diterapkan dengan konten teks.

Katakanlah teks konteks Anda berukuran 12.
Kalikan 12 dengan 1.618, rasio emas, dan Anda akan mendapatkan 19,416.
Ukuran teks header 19 atau 20 akan mengikuti rasio emas.

Rasio emas adalah bahasa yang dipahami pikiran Anda, dan dengan berkomunikasi dengannya, gagasan Anda akan tampil lebih efektif. Anda tidak harus mematuhinya dengan tepat; prinsip dasarnya sudah cukup. Menerapkan rasio terhadap ukuran gambar, hubungan antara teks dan penempatan gambar dan pembuatan subdivisi dalam bilah samping adalah semua konsep yang mungkin.

Pekerjaan Kisi: Aturan Ketiga

Jika matematika bukan cangkir teh Anda, konsep rasio emas dapat disederhanakan. Itu aturan ketiga mengatur penempatan tempat menarik dalam sebuah adegan. Bagilah gambar yang diberikan menjadi tiga bagian, baik secara horizontal maupun vertikal. Anda akan mendapatkan 9 kisi.

(Sumber Gambar: digital-photography-school.com)

Menurut aturan pertiga, simpul dari garis-garis tersebut (di mana garis-garis tersebut bersilangan) adalah penempatan yang ideal untuk tempat-tempat menarik. Orang yang memindai halaman lebih cenderung memperhatikan hal-hal yang ditempatkan di dekat titik-titik, dan divisi tersebut nyaman untuk dilihat. Desain yang lebih kompleks dimungkinkan dengan memecah ketiga bagian tersebut menjadi tiga bagian lebih lanjut.

(Sumber Gambar: net.tutsplus.com)

Singkatnya, mata bisa malas dan tidak perlu mencari detail penting. Otak kita seperti ini. Gambar utama, kotak berita, bilah pencarian, dan tempat menarik lainnya dapat diletakkan di atau dekat simpul. Jalan pintas kecil yang rapi ini akan memberi Anda desain yang mudah dilihat dan membuat orang tertarik pada bagian-bagian penting data.

Ukuran Kolom dan Font: Urutan Fibonacci

Alat sederhana lain untuk desain web yang dikaitkan dengan rasio emas adalah Angka-angka Fibonacci. Urutan Fibonacci dimulai dengan 0 dan 1. Dua angka sebelumnya ditambahkan bersama untuk menghasilkan angka berikutnya dalam urutan: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… dan seterusnya.

Sedikit matematika memberi tahu kita bahwa hubungan antara nomor urut Fibonacci berurutan sangat dekat dengan rasio emas - bagilah angka apa pun dalam urutan dengan angka sebelumnya dan Anda akan mendapatkannya - Anda dapat menebaknya - 1.618.

Seperti halnya rasio emas, angka Fibonacci dapat digunakan untuk menentukan hubungan antara header dan ukuran teks konten. Ini juga dapat digunakan untuk menentukan lebar kolom dan sangat efektif di blog dan tata letak padat teks lainnya. Komposisi juga dapat dibangun di atas konsep ubin Fibonacci, di mana ukuran ubin dibangun di atas menggunakan urutan Fibonacci.

(Sumber Gambar: Wikipedia.org)

Spiral Emas dan Klaster Konten

Metode lain yang mungkin menggunakan kedua rasio emas dan angka Fibonacci adalah spiral emas dan spiral Fibonacci. Spiral emas menjadi lebih luas dengan faktor yang sama dengan rasio emas untuk setiap putaran yang mereka buat, dan Spiral Fibonacci dibentuk menggunakan ubin Fibonacci.

Spiral telah digunakan dalam karya seni selama jumlah dan rasio itu sendiri. Teorinya adalah bahwa area ruang negatif dan minat visual harus sesuai dengan spiral. Dalam tata letak yang anggun ini, seperti aturan pertiga, mata secara alami tertarik ke pusat spiral untuk mencari detail.

(Sumber Gambar: fabiovisentin.com)

Spiral dapat berfungsi sebagai pedoman untuk kepadatan konten dan pengelompokan. Mereka dapat berfungsi sebagai dasar untuk rasio gambar header situs web Anda, bilah pencarian dan bilah alat.

Saat memilih gambar yang ideal untuk halaman depan yang dibangun di sekitar grafik besar, seperti menyimpan halaman rumah dan situs web fotografi, Anda juga dapat memperoleh manfaat dari spiral emas dan Fibonacci.

Pesan yang kuat sering kali bersifat subliminal, dan rasio emas adalah salah satu dari iklan subliminal yang paling produktif. Dengan memanfaatkan proporsi ilahi, Anda memberi diri Anda keunggulan logika alami dan rahmat organik yang dimiliki oleh semua manusia. Rasio emas adalah alat lain yang Anda inginkan.

Lebih Banyak Baca:

Menerapkan Rasio Emas terhadap Tata Letak dan Objek Web

Catatan Editor: Posting ini ditulis oleh Chris Pentago untuk Hongkiat.com. Chris adalah pengembang web, perancang, dan pemasar internet berpengalaman yang tertarik pada teknologi utama untuk membuat bisnis online Anda bekerja. Anda dapat menemukannya di Twitter.