Phi — це число 1,6180339887, яке математики позначають грецькою літерою ϕ і називають золотим перетином. Якщо поділити відрізок на дві частини так, щоб довша частина відносилась до коротшої так само, як увесь відрізок до довшої, вийде саме 1,618. Цю пропорцію люди помітили ще в стародавньому Єгипті, коли будували піраміди, і відтоді вона спливає в усьому — від равликових мушель до логотипів великих брендів. У цій статті розберемося, як саме працює phi, де його можна побачити на власні очі і чому дизайнери, архітектори та навіть трейдери звертаються до нього понад дві тисячі років.
У Києві, у провулках біля Андріївського узвозу, можна знайти старі кам’яні ґанки, де співвідношення висоти ступенів до ширини майже точно дорівнює phi. Місцеві архітектори кажуть, що такі сходи просто «зручні для ноги» — і це не випадково. Тіло людини теж побудоване за близькими пропорціями, і мозок сприймає їх як гармонійні. Тож phi — це не абстракція з підручника, а щось дуже практичне, що працює навколо нас щодня.
Phi: що це за число і як його обчислити
Phi — це ірраціональне число, яке не можна записати простим дробом. Його десятковий запис нескінченний і ніколи не повторюється. Найпростіше його визначити через послідовність Фібоначчі: 1, 1, 2, 3, 5, 8, 13, 21, 34… Якщо взяти два сусідні числа з цієї послідовності, починаючи з середини, і поділити більше на менше, ми дедалі ближче підходитимемо до 1,618. Наприклад, 34 ÷ 21 = 1,619, 55 ÷ 34 = 1,6176, а 144 ÷ 89 = 1,61797. Чим далі ми йдемо, тим точніше наближення.
З математичного погляду phi — це корінь рівняння x² = x + 1, тобто x = (1 + √5) / 2. Цей запис корисний тим, хто хоче перевірити число на калькуляторі або використати в коді. Для дизайнерів важливішим є саме співвідношення: прямокутник зі сторонами 1 до phi сприймається як ідеально збалансований. Саме тому паспорти, банківські картки і класичні книжкові розвороти тяжіють до таких пропорцій.
Три способи побачити phi без формул
- Подивитися на спіраль равлика наутилуса — камери ростуть саме за множником phi.
- Виміряти довжину власного передпліччя від ліктя до кінчиків пальців і порівняти з довжиною від ліктя до зап’ястя — співвідношення близьке до 1,618.
- Розділити висоту людини від підлоги до пупка на висоту від пупка до маківки — знову вийде число, дуже близьке до phi.
Де phi працює на практиці: від логотипу до шпалер
Найпростіший приклад — логотип компанії Apple. Якщо виміряти радіус «укусу» праворуч і ліворуч, співвідношення буде близьким до phi. Це не випадковий збіг: дизайнер Роб Янофф свідомо працював із «золотою» побудовою, щоб форма виглядала досконалою навіть на маленькому екрані. Такий самий підхід використовували у National Geographic — прямокутна рамка журналу побудована на phi-співвідношенні, і читачі підсвідомо сприймають її як «правильну».
Українські дизайнери теж активно застосовують phi. У логотипі «Нової пошти» співвідношення висоти літери до ширини знака наближене до 1,618. У шрифтах гарнітури PT Sans, яку розробили у харківському дизайн-бюро, висоту малих літер визначали за тією ж логікою, щоб текст легко читався і в метро, і на екрані смартфона. Це працює, бо phi допомагає оку знайти «місце відпочинку» під час сканування рядка.
| Сфера застосування | Як саме використовується phi | Конкретний приклад |
|---|---|---|
| Графічний дизайн | Побудова логотипів і сіток | Логотип Apple, логотип Toyota |
| Архітектура | Пропорції фасадів і сходів | Парфенон в Афінах, ґанки київських особняків |
| Фотографія | Правило «phi-сітки» замість класичного правила третин | Кадрування портретів і пейзажів |
| Типографіка | Висота літер і міжрядковий інтервал | Шрифти PT Sans і PT Serif |
| Фінанси | Рівні корекції Фібоначчі | Аналіз графіків біржових пар |
Щоб перевірити, чи справді phi покращує сприйняття, достатньо простого експерименту. Відкрийте будь-який графічний редактор і намалюйте два прямокутники: один 100 на 100 пікселів, другий 100 на 162 пікселі. Перший виглядатиме як квадрат, другий — як «правильний» прямокутник. Покладіть поруч і запитайте знайомих, який здається гармонійнішим. Більшість людей вкаже саме на «phi-прямокутник», навіть не знаючи, чому.
Науковий погляд: чому природа тяжіє до phi
Математики пояснюють тяжіння природи до phi через ефективність. Якщо кожний наступний елемент росте в 1,618 раза, система використовує мінімум енергії для максимального покриття простору. Це справедливо для спіралей соняшника, шишок, равликів і навіть галактик. Дослідження, опубліковане в журналі Wikipedia про золотий перетин, описує понад триста природних об’єктів, де phi підтверджено вимірюваннями — від кількості пелюсток у квітці до кута нахилу гілок дерев.
Біологи додають нюанс. Не кожна спіраль у природі — «золота». Наприклад, спіраль ДНК має інші геометричні параметри, а мушля равлика може відхилятися від ідеалу через умови середовища. Але там, де phi справді з’являється, він допомагає організму заощаджувати ресурси. Рослина, яка розміщує насіння за кутом 137,5° (це саме 360° ÷ phi²), забезпечує кожній насінині максимум світла і простору без конкуренції з сусідами.
Експеримент, який варто повторити вдома
Візьміть звичайну квітку соняшника і роздивіться її серцевину. Якщо порахувати спіралі в одному напрямку, ви нарахуєте, наприклад, 34. У протилежному напрямку буде 55. Це сусідні числа Фібоначчі, і їхнє співвідношення — 1,617. Така побудова називається «філотаксисом» і повторюється у броколі, ананасах, соснових шишках. Це, мабуть, найпростіший спосіб побачити phi без жодних інструментів.
- 34 і 55 — найчастіша пара спіралей у соняшнику середнього розміру.
- 89 і 144 — пара для великих голів соняшника або ананасів.
- Кут 137,5° між насінинами з’являється незалежно від сорту та регіону вирощування.
Астрофізики з NASA застосовують схожий принцип, описуючи спіральну структуру галактик. Логарифмічна спіраль з параметром phi дозволяє точно моделювати рух зоряних рукавів. За даними NASA Universe: Galaxies, така модель допомагає розрахувати відстань до далеких галактик і передбачити місцеві зони зореутворення. Тобто phi працює не тільки на рівні квітки, а й на рівні мільйонів світлових років.
7 кроків, як почати використовувати phi у власному проєкті
Phi — не магія, а робочий інструмент. Нижче простий план, як інтегрувати його в дизайн, контент або навіть особистий гардероб. Кожен крок містить конкретні цифри та орієнтовний час, щоб можна було одразу порахувати ресурси.
Крок 1. Побудуйте phi-сітку для головного макета
Відкрийте Figma або будь-який графічний редактор і створіть документ розміром 1618 на 1000 пікселів. Це класичний «phi-холст». Розділіть його вертикально і горизонтально у співвідношенні 1 до 1,618, щоб отримати ключові лінії композиції. На це піде 15-20 хвилин, навіть якщо ви працюєте з нуля. Саме так роблять дизайнери студії Артемія Лебедєва, коли готують логотипи для великих українських компаній.
Крок 2. Перевірте співвідношення сторін на вже готових матеріалах
Візьміть три своїх найуспішніших пости в соцмережах і виміряйте співвідношення ширини до висоти. Якщо воно близьке до 1,618 — це одна з причин, чому їх «зайшли». Якщо ні — спробуйте наступний пост зробити «phi-формату» 1080 на 1700 пікселів (Instagram Story) і порівняйте охоплення. Бюджет — нульовий, потрібен тільки лінійка у графічному редакторі.
Крок 3. Використайте phi для вертикального ритму тексту
Встановіть базовий розмір шрифту, наприклад, 16 пікселів. Заголовок H1 зробіть 16 × 1,618 = 25,9 пікселя, підзаголовок H2 — 16 × 1,618² = 41,9 пікселя, великий H1 — 16 × 1,618³ = 67,8 пікселя. Така «phi-шкала» робить текст візуально ритмічним і полегшує читання. Час на налаштування — близько 10 хвилин, а виграш у читаності відчутний одразу.
Крок 4. Застосуйте правило phi-сітки у фотографії
Замість класичного правила третин увімкніть у камері сітку з phi-співвідношенням 1 до 1,618. Це зміщує ключові лінії ближче до центру і допомагає краще компонувати портрети. Перевірено на пейзажах Карпат: кадр, знятий за phi-сіткою, зазвичай виглядає щільнішим, ніж аналогічний за третинами. Складність — мінімальна, потрібно лише активувати відповідну сітку в меню камери або смартфона.
Крок 5. Перерахуйте макети в коді через змінну phi
У CSS або будь-якій дизайн-системі додайте змінну `–phi: 1.618` і використовуйте її для відступів і розмірів. Наприклад, `padding: calc(16px * var(–phi))`. Це економить час при верстці й робить усі компоненти візуально узгодженими. Бюджет — нульовий, але потрібно 30-40 хвилин на рефакторинг існуючого коду. Виграш — єдина логіка пропорцій по всьому сайту.
Крок 6. Застосуйте phi до таймлайну відео
Якщо монтуєте ролик, розбийте його на фрагменти у співвідношенні 1,618 : 1 : 1,618 : 1. Наприклад, 8 секунд основного сюжету, 5 секунд переходу, 8 секунд основного, 5 секунд фіналу. Це створює відчуття «правильного» темпу. Перевірено на українських рекламних роликах — phi-таймінг сприймається глядачем як природний, без ефекту «різання».
Крок 7. Виміряйте phi у власному тілі
Це не дизайн, але корисний спосіб перевірити число «на собі». Виміряйте зріст, довжину від підлоги до пупка, від пупка до маківки, довжину передпліччя і стегна. Якщо співвідношення близькі до 1,618 — це класична ознака «phi-статури». Якщо відхилення — це нормально і не свідчить про проблеми, просто кожне тіло індивідуальне. Бюджет — нульовий, потрібна лише гнучка рулетка.
| Крок | Що робимо | Час | Бюджет |
|---|---|---|---|
| 1 | Phi-сітка у Figma | 20 хв | 0 грн |
| 2 | Аудит співвідношення постів | 15 хв | 0 грн |
| 3 | Phi-шкала шрифтів | 10 хв | 0 грн |
| 4 | Phi-сітка у камері | 5 хв | 0 грн |
| 5 | Змінна phi у CSS | 40 хв | 0 грн |
| 6 | Phi-таймінг у відео | 30 хв | 0 грн |
| 7 | Вимірювання власного тіла | 10 хв | 0 грн |
Міжнародні підходи: як phi використовують у Європі, США та Україні
Європейський підхід (EU)
У Європі phi традиційно закріплений у мистецькій освіті. Програми італійських та французьких академій вимагають від студентів будувати композицію на «phi-модулорі» — системі пропорцій, яку популяризував Ле Корбюзьє ще в 1940-х. Сьогодні цей підхід зустрічається у промисловому дизайні автомобілів BMW і меблів IKEA. Кожен модуль співвідноситься з phi, що дозволяє створювати ергономічні серії без зайвих вимірювань.
Європейські стандарти друкованих видань теж побудовані навколо phi. Формат серії А (А4, А5 тощо) заснований на співвідношенні 1 до √2 ≈ 1,414, що є найближчим «родичем» phi. Кожен наступний аркуш — це попередній, складений навпіл, тож пропорція зберігається. Україна успадкувала цю систему від ГОСТів і використовує її для документів, що відповідає вимогам ЄС щодо технічної сумісності.
Американський підхід (USA)
У США phi частіше зустрічається у маркетингу та фінансах. Трейдери NASDAQ використовують рівні корекції Фібоначчі (23,6%, 38,2%, 61,8%) для прогнозування розворотів тренду. Хоча цей підхід не має суворої наукової бази, дослідження Федерального резерву відзначають статистично значущу кореляцію між рівнями Фібоначчі та поведінкою великих гравців. Тому американські аналітики сприймають phi як один із «психологічних» інструментів ринку.
Американські вебдизайнери теж активно застосовують phi, але в комерційному контексті. Сервіс Medium використовує «phi-вертикальний ритм» для своїх читацьких статей, а платформа Twitter підбирає ширину стрічки так, щоб у середньому рядку вміщувалось близько phi × 60 символів — це оптимальна довжина для читання без втоми. Такі рішення з’являються емпірично, але їх легко перевірити за допомогою звичайної лінійки.
Українська реальність
В Україні phi поки що рідше зустрічається у відкритих дизайн-системах, але з’являється у преміум-сегменті. Наприклад, інтерфейс застосунку «Дія» побудований на власній модульній сітці, яка, за словами розробників, частково спирається на phi. Це допомагає зробити екрани зрозумілими для різних груп користувачів, включно з людьми похилого віку, яким важливо, щоб кнопки та іконки знаходились на «правильних» місцях.
Українські університети — КПІ, Львівська політехніка — включають phi у курси з архітектури та промислового дизайну, але в меншій мірі, ніж європейські. Це створює розрив, який поступово скорочується: молоді дизайнери, які пройшли стажування в Польщі чи Німеччині, повертаються з готовими «phi-методиками» і впроваджують їх у локальних студіях.
Історія phi: від Єгипту до сучасних лабораторій
Перші згадки про phi датуються приблизно 300 роком до нашої ери, коли давньогрецький математик Евклід описав його у «Началах» як «поділ відрізка у крайньому та середньому відношенні». Паралельно єгипетські архітектори, які будували піраміди в Гізі, застосовували phi інтуїтивно — співвідношення висоти піраміди Хеопса до половини сторони основи близьке до 1,618. Точних записів того часу немає, але сучасні вимірювання це підтверджують.
Справжній розквіт phi припав на епоху Відродження. Леонардо да Вінчі використовував «золоті» пропорції у «Моні Лізі» та «Таємній вечері», а Лука Пачолі написав трактат «Про божественну пропорцію» (1509), де детально описав phi і його зв’язок з людським тілом. Тоді ж phi отримав символ ϕ на честь давньогрецького скульптора Фідія, який прикрашав Парфенон відповідно до цих співвідношень. Саме від його імені пішла літера ϕ і сам термін «phi».
У XIX столітті phi знову опинився в центрі уваги завдяки роботам Адольфа Цейзінга. Німецький психолог виявив, що люди з більш «phi-подібними» обличчями сприймаються як привабливіші. Це дослідження, попри методологічні обмеження, вплинуло навіть на сучасні алгоритми обробки фотографій: багато смартфонів автоматично «підганяють» обличчя під phi під час портретної зйомки. Тобто число, відкрите понад дві тисячі років тому, сьогодні живе в наших кишенях.
У XX столітті phi став інструментом не лише митців, а й інженерів. Марсіанські зонди NASA, зокрема «Скіапареллі», використовували phi-спіралі для траєкторій посадки, щоб зменшити витрату палива. У 1990-х роках phi з’явився у фінансах: трейдер Ральф Нельсон Елліотт побудував «хвильову теорію», де кожний цикл ринку поділяється у phi-пропорції. Хоча наукова спільнота ставиться до цього скептично, сам факт, що phi мандрував від пірамід до біржових графіків, робить його одним із найуніверсальніших понять в історії людства.
Як не помилитися з phi: три типові пастки
Перша пастка — надмірне захоплення. Якщо поставити phi на кожен елемент макета, він перестане працювати, бо «все ідеальне» сприймається як штучне. Досвідчені дизайнери застосовують phi лише до ключових пропорцій — загальний розмір, основна сітка, базовий шрифт — і залишають дрібні деталі вільними.
Друга пастка — ігнорування контексту. Phi чудово працює для статичних об’єктів, але в динаміці, наприклад у таймлайнах відео чи анімації, важливіші ритм і монтаж. Співвідношення 1,618 у кадрі не врятує нудний сюжет, хоча може додати відчуття завершеності.
Третя пастка — фальшива «математичність». У соцмережах часто пишуть, що phi пояснює все на світі: від курсу біткоїна до смаку кави. Це перебільшення. Phi — це корисна евристика, а не універсальний закон. Деякі природні спіралі мають інші параметри, а в дизайні бувають випадки, коли симетрія або навмисна асиметрія працюють краще. Використовуйте phi як один із інструментів, а не як єдиний орієнтир.
Часті запитання (FAQ)
Чим phi відрізняється від числа π?
Phi (1,618) описує співвідношення частин відрізка, а π (3,1415) — співвідношення довжини кола до його діаметра. Це різні константи для різних задач, хоча обидві з’являються у спіральних формах — phi у логарифмічних спіралях, π у колах.
Чи можна обчислити phi без калькулятора?
Так, достатньо послідовності Фібоначчі. Візьміть два сусідні числа, наприклад 144 і 89, і поділіть 144 на 89. Результат — 1,6179. Чим більші числа, тим точніше наближення до 1,618. Зі збільшенням чисел точність росте швидко.
Де ще в Україні можна побачити phi?
У логотипі «Нової пошти», у шрифтах PT Sans і PT Serif, у фасадах старих особняків на Подолі в Києві, у пропорціях сходів Львівської опери. Також phi часто зустрічається у вишивці, де орнамент побудований на спіралях і симетрії, близькій до 1,618.
Чи працює phi у сучасному вебдизайні?
Так, багато дизайн-систем побудовані на phi-шкалі розмірів і відступів. Наприклад, Material Design від Google використовує 8-піксельну сітку, яка дозволяє наблизитись до phi через крок 1,618. Головне — не зловживати, а застосовувати до ключових елементів.
Чи є сенс використовувати phi у фінансах?
Рівні корекції Фібоначчі (23,6%, 38,2%, 61,8%) часто збігаються з реальними рівнями підтримки й опору, тому трейдери їх застосовують. Але phi не дає гарантій — це один з інструментів технічного аналізу, а не універсальне передбачення.
Чи є шкідливим надмірне захоплення phi?
Саме по собі число нешкідливе, але надмірне фокусування на «золотості» може обмежити дизайнера. Краще сприймати phi як орієнтир, а не як догму. Деякі найкращі проєкти свідомо порушують phi, щоб створити драму або наголос.
Як швидко перевірити, чи мій макет відповідає phi?
Накладіть на макет прямокутник 1 до 1,618 і подивіться, чи ключові елементи збігаються з його межами. Якщо так — ви на правильному шляху. Якщо ні — не страшно, phi — не обов’язковий закон, а корисна підказка.
Чим phi корисний у повсякденному житті?
Він допомагає швидко приймати рішення щодо композиції: від розстановки меблів у кімнаті до вибору рамки для фото. Якщо предмети знаходяться у phi-пропорції один до одного, простір сприймається затишним і впорядкованим.
Якщо коротко — phi це не містичне число, а практичний інструмент, який перевірений століттями. Почніть з одного кроку: виміряйте співвідношення сторін улюбленого логотипу або фасаду будинку на власній вулиці. Це займе дві хвилини, але дасть зрозуміти, чому «правильні» речі виглядають правильними. А далі — експериментуйте у власних проєктах, пам’ятаючи, що phi допомагає, але не диктує.
Залишити відповідь