Прибавете две поредни числа и ще получите третото число.
Това е редицата на Фибоначи.
Ето първите й членове:
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181, 6765, 10946,...
Много красиви неща в природата са основани на строги математически пропорции. Защо да не използваме тези закони и във Web дизайна? Основната задача на програмиста, който създава една Web страница, е да подреди елементите по ефикасен и хармоничен начин. Ето как числата на Фибоначи могат да помогнат.
Да предположим, че страницата има три колони.
Размера на всяка колона ще съответства на едно число на Фибоначи.
Да вземем за база 90 px.
Първата колона ще има ширина: (90 x 2) = 180 px
За втората колона ще вземем: (90 x 3) = 270 px
Третата колона ще бъде: (90x8) = 720 px
Ето как ще изглежда страницата:
Размерите на шрифта също могат да съответстват на числата на Фибоначи.
Наример:
За заглавието на страницата може да изберем шрифт - 55px
Заглавието на всяка статия може да е 34px,
а за съдържанието - 21px.
Ето още един пример, където ще използваме златното сечение.
Оказва се, че колкото по-големи са числата от редицата на Фибоначи, толкова отношението на двете последни числа се приближава до 'златното сечение' и при граничен преход (при безкраен брой числа в редицата) става равно на 'златното сечение'.
Златното сечение - φ и има стойност приблизително равна на 1,618...
Ако имаме една област от Web страницата със ширина 450 px.
Да разделим на 1.618. Ще получим едно хармонично разделение на тази област на два правоъгълника 278 px за основната колона и 172 px за втората колона, която може да изпозваме за менюто. Може да закръглим, разбира се, на 280 x170 px.
Ето резултата:
И накрая един по-сложен пример:
Тук видяхме няколко примера за прилагането на числата на Фибоначи във Web дизайна.
Можете ли да помислите за други примери? Очаквам коментари!
Източници:
Comments
Post a Comment