Золотий перетин — це один з аналітично-творчих методів, який корисний у розвитку дизайн-рішення. На проєктах застосовують Золотий перетин як інструмент діагностики і як прискорювач збірки композицій.
Одне із завдань аналітично-творчих методів у дизайні — розібратися, чому одне дизайн-рішення ефективніше, ніж інше з різних позицій (або факторів), наприклад, чому одне дизайн-рішення справляє сильніше естетичне враження, ніж інше.
Аналітично-творчі методи, у тому числі й метод золотого перетину допомагають зрозуміти, що дизайн — це розбірна конструкція, як конструктор, а не щось цільне і неподільне, для доопрацювання в якому потрібно все «стерти» і почати з чистого листа. Важливо розуміти, що при створенні та вдосконаленні дизайн-рішень застосовується цілий оркестр аналітично-творчих методів. Кожен з них допомагає заглянути під поверхню цілісного дизайн-рішення, виявити цікаві закономірності та виявити точки вдосконалення. Золотий перетин — один із таких аналітично-творчих методів. Розберемося, як працюватиз ним по кроках.
Що таке золотий перетин як дизайн-метод і для чого він потрібний: цінність «равлика» на практиці
Говорячи простими словами, золотий перетин – це такий метод оцінки гармонії в композиції – система пропорцій, яка допомагає керувати увагою, мати елементи композиції і керувати пропорцією. Золотий перетин як універсальний прояв організаційної чи структурної гармонії.
Творчі люди активно застосовують золотий перетин у мистецтві, архітектурі та безлічі інших середовищ, у тому числі й для вебдизайну та розробки естетично привабливих інтерфейсів.
До речі, золотий перетин згадували ще близько 500 р. до н. Фідій, Платон, та Евклід. Цей метод управління пропорцією вони відкривали протягом усієї історії — звідси та його численні назви, включаючи золоту середину, золотий перетин, золотий переріз, божественну пропорцію (від Леонардо да Вінчі) та грецький символ φ.
Використовувати золотий перетин у дизайн-проєктах слід з наступних причин:
- По-перше, золотий перетин прискорює складання гармонійної композиції та допомагає залучати користувача до вивчення матеріалу. За допомогою золотого перетину зручно підібрати пропорції типографіки, цікавим та практичним чином розташовувати елементи та задавати розміри об’єктам на екрані, щоб дизайн виходив привабливим.
- По-друге, золотий перетин розширює простір для дизайн-експериментів. Гармонійних макетів-заготовок, створених за допомогою золотого перетину, величезна кількість для всіх видів дизайн-продукції — ви можете просто відкрити готовий шаблон і спробувати на «живому» контенті.
- По-третє, допомагає моделювати керування увагою користувача. Наслідуючи золотий перетин легко розміщувати контент, акценти та цільові дії на екрані, щоб досягати максимально ефективного дизайн-рішення для досягнення цілей користувача.
Золотий перетин як відношення частини до цілого
Золотий перетин — це таке ставлення до цілого. Його можна застосовувати до відрізків, прямокутників, кіл, фігур і багато чого ще.
Німецький математик Мартін Ом узвичаїв термін «золотий перетин» ще в 1835 році, також це співвідношення відоме як Божественна пропорція (Леонардо Да Вінчі) або Золотий поділ (Тімердінг Генріх Є.),
«Золотий перетин — це не єдине відношення, яке справляє приємне враження, і тому не можна вважати, що приємне естетичне враження — це особлива властивість золотого перетину». — Тімердінг Генріх Є. — німецький математик, історик та популяризатор науки.
Ви можете знайти золотий перетин, якщо розділите лінію на дві частини: де довга частина (а), розділена на меншу частину (b), дорівнюватиме сумі (а) + (b), поділеній на (а). При цьому обидва відносини дорівнюватимуть 1,618. Ця формула може допомогти вам при створенні фігур, логотипів, макетів та багато чого ще.
Математичне визначення виглядає наступним чином (відповідно до Вікі): Золотий переnby (золота пропорція або гармонійний поділ) — відношення частин і цілого, при якому відношення частин між собою і найбільшої частини до цілого рівні. Такі відносини спостерігаються в природі, відкриті в науці та присутні в мистецтві.
Як перейти від співвідношення відрізків до інструмента для діагностики композиції?
Створимо два відрізки у золотому перерізі (a/b = φ). І добудуємо до Золотого прямокутника.
Золотий прямокутник
Золотий прямокутник — це просто прямокутник, сторони якого пропорційні золотому перетину.
Отже. У нас є «золотий» прямокутник, від якого ми відсікаємо квадрати, отримуючи менші «золоті» прямокутники за вже знайомою процедурою: кожен золотий прямокутник розділяємо на квадрат і ще один золотий прямокутник.
Зв’язок золотого прямокутника з числами Фібоначчі
Пропорції квадратів пов’язані з числами Фібоначчі. Це ряд чисел, кожне з яких дорівнює сумі двох попередніх: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34 тощо.
Чим далі продовжується цей ряд, тим ближче співвідношення сусідніх чисел у ньому до 1,618. Наприклад, 3/2=1,5; 8/5 = 1,6, а 34/21 = 1,619.
Якщо у вас розкреслено золоті прямокутники, ви можете збудувати золоту спіраль. Для цього проведіть чверть дуги кола в кожному з квадратів, що відсікаються. В результаті вийде золота спіраль.
Алгоритм побудови золотої спіралі та золотих кіл
А якщо кожен такий квадрат вписати коло, то вийде послідовність кіл у золотій пропорції по відношенню один до одного, або золотих кіл.
Як виходить «раковина равлика» або Золота спіраль або спіраль Фібоначчі: якщо вписати дуги кіл у квадрати, розміри яких співвідносяться один з одним як числа в ряді Фібоначчі, то вийде постать, що нагадує «равлик». У основі цієї фігури лежить золотий перетин — ідеальна пропорція, що дорівнює 1,61803.
Отже, тепер у нас є квадрати, прямокутники та круги, які слідують золотому перерізу та надають магію вашому дизайну.
До речі: Золота спіраль зустрічається у багатьох природних елементах, таких як рослини, та в погодних умовах, таких як урагани. А те, як мозок реагує на красу, вивчає окремий напрямок науки — нейроестетика.
Цікавий факт: Існує 31 вид бджіл Tetragonula, що мешкають в Океанії. І бджоли часто розрізняються за малюнком вулика, який вони роблять. Науковці припускають, що деталі правил окремих робочих бджіл можуть бути генетично закодовані, щоб створити складну структуру, в якій їхній вид найкраще розуміється. Таких рівнів може бути понад 20. Вчені побудували комп’ютерну модель, щоб зрозуміти, чому бджоли будують так. Ентомолог Тім Херд сказав Елейне Захос в National Geographic у 2018 році, що точна користь спіральної форми для бджіл досі невідома, але вона може покращити потік повітря через вулик чи може допомогти бджолиній матці краще орієнтуватися у своєму будинку. Поки вчені прийшли до того, що візерунки бджіл засновані на деяких хімічних правилах, які керують всією матерією на Землі, мабуть, вони стоять за Золотою пропорцією.
Що важливо врахувати при роботі із золотим перетином у дизайні сайтів, інтерфейсів та додатків
Золотий перетин — це один з безлічі дизайн-методів, які допомагають створювати дизайн-рішення та оцінювати його якість. Метод покликаний прискорювати створення дизайн-рішення, а не уповільнювати вас (це не жорстке правило, а джерело ідей).
«Важливо не переоцінювати роль золотого перетину та його наближень для архітектури та інших дизайн-рішень. Застосування цього відношення є лише окремим випадком загального правила, а саме правила повторення одного і того ж відношення в окремих частинах дизайн-рішення». — Тімердінг Генріх Є. — німецький математик, історик та популяризатор науки.
- Золотий перетин — гнучкий метод. Сучасні екрани — це в основному прямокутники, на яких розташовується контент та елементи керування. А значить золотий перетин і тут стане в пригоді. Існує безліч готових композиційних рішень (шаблонів), з яких зручно почати й далі розвивати з урахуванням додаткових даних.
- Золотий переріз — це система пропорцій, а не «спіраль». Метод допомагає робити експрес-діагностику дизайн-рішення, але як жорсткий канон для створення унікальних дизайн-рішень не підходить.
- Золотий перетин — це інструмент аналізу та джерело ідей. Якщо вас притягує (відштовхує) будь-яке композиційне рішення — спробуйте застосувати до нього модель золотого перетину та оцінити закономірності — так зможете виявити різні дизайн-ходи для своїх проєктів або знайти вдосконалення.
Популярні приклади застосування золотого перетину
Золотий перетин — це таке ставлення частин до цілого. Його можна застосовувати до відрізків, прямокутників, кіл, фігур.
Якщо кожен квадрат, отриманий під час побудови золотої пропорції, вписати коло, то вийде послідовність кіл у золотий пропорції стосовно один одного, чи Золотих кіл — їх застосовують для побудови логотипів.
Застосування золотих кіл для побудови логотипу Apple
Золотий перетин застосовують у логотипах у трьох ключових сценаріях: надання форми за допомогою золотої пропорції (кіл, квадратів, спіралей), регулювання композиції та розміщення об’єктів, а також для підбору пропорцій між елементами.
Відомі приклади застосування золотого перетину у логотипах: X (formerly Twitter), Toyota, National National Geographic
Золотий перетин на сайтах допомагає регулювати пропорції блоків та елементів, а також підбирати привабливі місця для розміщення дизайн-об’єктів.
Золотий перетин на поточному сайті National Geographic
На екранах програм зазвичай завжди є область з ключовою інформацією, тому золотий перетин (золота пропорція) тут також добре справляється зі своїм завданням.
Золотий перетин у вебдодатку X/Twitter
Висновок та рекомендація
Золотий перетин — один із безлічі дуже хороших методів у роботі над дизайн-рішенням. З ним можна зробити діагностику і зробити рішення гармонійними, пропорційними, а головне більш зрозумілими для сприйняття.
З математичного погляду, золотий перетин найближчий до методів удосконалення пропорцій і створення візуально збалансованих дизайн-рішень в інтерфейсі користувача.
Автор: Мусієнко Тимофій