there’s something about geometry + architecture

March 24, 2013

Deret Fibonacci, Golden Ratio, dan Web Design

Filed under: architecture and other arts — adinibrahim @ 11:47

Deret Fibonacci adalah sebuah deret angka dengan pola yang terjadi melalui penjumlahan dua angka sebelumnya.

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

Bagaimana hubungan deret fibonacci dengan golden ratio?

Deret Fibonacci sangat dekat hubungannya dengan golden ratio. Golden ratio sendiri adalah sebuah konsep desain yang mencoba menciptakan keindahan visual dalam seni, arsitektur, desain, tubuh manusia, dan sebagainya melalui sebuah hitungan.

Berikut contoh golden ratio pada bangunan dan alam:

ImageImage

Berikut hitungan pada golden ratio:

Image

Angka ini berlaku pula pada deret fibonacci, apabila kita membagi satu bilangan pada deret fibonacci dengan satu angka dibelakangnya, maka akan diperoleh angka golden ratio. Ini tidak terlalu tampak pada permulaan deret fibonacci. namun, hasil pembagian semakin mendekati angkat golden ratio pada bilangan-bilangan yang besar.

2/1 = 2

3/2 = 1.5

5/3 = 1.6667

8/5 = 1.6

13/8 = 1.625

21/13 = 1.6154

34/21 = 1.6190

55/34 = 1.6175

89/55 = 1.6182

144/89 = 1.6180

233/144 = 1.6180

377/233 = 1.6180

610/377 = 1.6180

Dengan eratnya hubungan fibonacci dengan golden ratio, ini berarti angka pada deret fibonacci dapat digunakan sebagai pegangan dalam menciptakan keindahan visual.

Lalu bagaimana hubungna deret fibonacci dengan web design?

Pada web design, pengaturan spasial pada bidang dua dimensi, yaitu jendela tampilan menjadi elemen utama. Spacing dan space menjadi hal penting untuk menjadikan tampilan web menarik dan indah dilihat. Segala sesuatu Tinggi dan lebar Presisi dan pengaturan spasial ini yang membedakan mana desain yang biasa saja dengan yang luar biasa.

Dengan menggunakan deret fibonacci sebagai dasar desain, dapat ditentukan proporsi dalam tampilan web. Seperti bagaimana ukuran Header terhadap navigation bar, bagaimana lebar foto terhadap sidebar, dll. Proporsi dari elemen-elemen ini yang membuat tampilan web menjadi indah atau malah hancur lebur.

Berikut contoh pengaturan spasial dengan deret fibonacci:

Image

Pengaturan ini juga dapat dijelaskan dengan golden ratio:

Image

Saat melihat deret fibonacci dan melihatnya sebagai sebuah pengaturan ruang, pengaturan margin dan ukuran huruf dapat menciptakan struktur dasar dari keseluruhan desain. Bilangan-bilangan kecil (8,13,21,34,55), dapat digunakan untuk menentukan margin, ukuran huruf, dan tebal garis. Sedangkan bilangan besar (144,233,377,610,987), dapat digunakan untuk lebar kolom dan dimensi bagian yang lain.

Menggunakan bilangan-bilangan tersebut secara sederhana, dapat menciptakan keselarasan, ritme, dan harmoni visual. Bilangan deret fibonacci dapat digunakan untuk menentukan apa pun, mulai dari ukuran bagaian utama (header, kolom, footer, dll) hingga margin dan ukuran teks.

Seperti contoh berikut:

Image    Image

Image

sumber:

http://mindblowingscience.com/brain-food/fibbonacci-and-the-golden-ratio/

http://3.7designs.co/blog/2010/10/how-to-design-using-the-fibonacci-sequence/

Leave a Comment »

No comments yet.

RSS feed for comments on this post.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: