Золотий перетин в дизайні

Кажуть, що "божественна пропорція" закладена в природі, і в багатьох речах навколо нас. Ви можете знайти її в кольорах, вуликах, морських раковинах, і навіть нашому тілі.

Ця божественна пропорція, також відома як золотий перетин, божественне перетин, або золота пропорція може бути застосована до різних видів мистецтва і навчання. Вчені стверджують, що чим ближче об'єкт до золотого перетину, тим краще людський мозок сприймає його.

З тих пір як це співвідношення було відкрито, багато художників і архітектори застосовували його в своїх роботах. Ви можете знайти золотий перетин в декількох шедеврах епохи Відродження, архітектурі, живописі, і багато іншого. В результаті - гарний і естетично приємний шедевр.

Мало хто знає, в чому полягає таємниця золотого перерізу, що так радує наші очі. Багато хто вважає, що те, що вона з'являється скрізь і є "універсальною" пропорцією, змушує нас прийняти її як щось логічне, гармонійне і органічне. Іншими словами, воно просто "відчуває" то, що нам потрібно.

Отже, що таке золотий перетин?

Золотий перетин, також відоме як "фе" по-грецьки, це математична константа. Воно може бути виражено рівнянням a / b = a + b / a = 1,618033987, де a більше, ніж b. Це також можна пояснити послідовністю Фібоначчі, інший божественної пропорцією. Послідовність Фібоначчі починається з 1 (дехто каже з 0) і додає до нього попереднє число, щоб отримати наступне (тобто 1, 1, 2, 3, 5, 8, 13, 21 ...)

Якщо ви спробуєте знайти частка від ділення двох наступних чисел Фібоначчі (тобто 8/5 або 5/3), результат дуже близький до золотого перетину 1,6 або φ (фі).

Золота спіраль створюється за допомогою золотого прямокутника. Якщо у вас є прямокутник з квадратів 1, 1, 2, 3, 5 і 8 відповідно, як показано на малюнку вище, ви можете приступити до будівництва золотого прямокутника. Використовуючи сторону квадрата, як радіус, ви створюєте дугу, яка стосується точок квадрата по діагоналі. Повторіть цю процедуру з кожним квадратом в золотому трикутнику, і в кінцевому підсумку ви отримаєте золоту спіраль.

Де ми можемо побачити його в природі

Золотий перетин і послідовність Фібоначчі можна знайти в пелюстках квітів. У більшості квіток кількість пелюсток зводиться до двох, трьох, п'яти або більше, що походить на золотий перетин. Наприклад, у лілій 3 пелюстки, у лютиков 5, у квіток цикорію 21, а у ромашок 34. Ймовірно, насіння квіток також слідують золотого перетину. Наприклад, насіння соняшнику проростає з центру і ростуть до зовнішньої сторони, заповнюючи головку насіння. Зазвичай вони спіралеподібні і мають схожість із золотою спіраллю. Більш того, кількість насіння, як правило, зводиться до чисел Фібоначчі.

Руки і пальці також є прикладом золотого перетину. Подивіться ближче! Підстава долоні і кінчик пальця розділений частинами (кістьми). Співвідношення однієї частини в порівнянні до іншої завжди 1,618! Навіть передпліччя з руками знаходяться в такому ж співвідношенні. І пальці, і особа, і можна продовжувати список ...

Застосування в мистецтві і архітектурі

Парфенон в Греції, як стверджується, був побудований з використанням золотих пропорцій. Вважається, що розмірні співвідношення висоти, ширини, колон, відстані між стовпами, і навіть розмір портика близькі до золотого перетину. Це можливо тому, що будівля виглядає пропорційно ідеально, і воно було таким з давніх часів.

Леонардо Да Вінчі був також прихильником золотого перетину (і багатьох інших цікавих предметів, власне кажучи!). Дивна краса Мона Лізи може бути пов'язана з тим, що її обличчя і тіло є золотий перетин, як і реальні людські обличчя в життя. Крім того, цифри в картині "Таємна вечеря" Леонардо да Вінчі розташовані в порядку, який використовується в золотому перетині. Якщо накреслити золоті прямокутники на полотні, Ісус виявиться якраз в центральній частці.

Застосування в дизайні логотипів

Не дивно, що ви також можете знайти використання золотого перетину в багатьох сучасних проектах, зокрема, дизайні. Зараз давайте зосередимося на тому, як це може бути використано в дизайні логотипу. По-перше, розглянемо деякі з найвідоміших в світі брендів, які використовували золотий перетин для вдосконалення своїх логотипів.

Мабуть, Apple використовував кола з чисел Фібоначчі, з'єднавши і обрізавши форми для отримання логотипу Apple. Невідомо, чи було це зроблено навмисно чи ні. Проте, в результаті вийшов ідеальний і візуально естетичний дизайн логотипу.

Логотип Toyota використовує співвідношення a і b, формуючи сітку, в якій утворюються три кільця. Зверніть увагу, як цей логотип використовує прямокутники замість кіл для створення золотого перетину.

Логотип Pepsi створений двома пересічними колами, один більше іншого. Як показано на малюнку вище, більше коло пропорційний в співвідношенні до меншого - ви вже здогадалися! Їх останній нерельєфна логотип - простий, ефектний і красивий!

Крім Toyota і Apple, логотипи деяких інших компаній, таких як, BP, iCloud, Twitter, і Grupo Boticario, як вважають, також використовували золотий перетин. І ми всі знаємо, наскільки відомі ці логотипи - все тому, що зображення відразу спливає в пам'яті!

Ось як ви можете застосувати його в своїх проектах

Створіть ескіз золотого прямокутника, як показано вище жовтим кольором. Цього можна досягти шляхом побудови квадратів з висотою і шириною з чисел, що належать золотого перетину. Почніть з одного блоку і помістіть інший поруч з ним. А інший квадрат, чия площа дорівнює тим двом, помістіть над ними. Ви автоматично отримаєте сторону з 3 блоків. Після побудови цієї конструкції з трьох блоків, в кінцевому підсумку у вас буде сторона з 5 чотирикутників, з якої можна зробити іншу (площею в 5 блоків) коробку. Це може тривати скільки завгодно, поки ви не знайдете той розмір, який вам потрібен!

Прямокутник може переміщатися в будь-якому напрямку. Виділіть дрібні прямокутники і використовуйте кожен з них, щоб зібрати макет, який буде служити в якості сітки дизайну логотипу.

Якщо логотип більш округлий, то вам буде потрібно кругова версія золотого прямокутника. Ви можете домогтися цього шрифтом кіл, пропорційних числах Фібоначчі. Створіть золотий прямокутник, використовуючи тільки кола (це означає, що найбільший коло матиме діаметр 8, а у кола поменше буде діаметр 5, і так далі). Тепер розділіть ці кола і розмістіть їх так, щоб ви могли сформувати основну схему для вашого логотипу. Ось приклад логотипу Twitter:

Примітка: Вам не обов'язково креслити всі кола або прямокутники золотого перетину. Ви також можете використовувати один розмір неодноразово.

Як застосовувати його в дизайні тексту

Це простіше, ніж проектування логотипу. Просте правило для застосування золотого перетину в тексті полягає в тому, що наступний більший або менший текст повинен відповідати Фі. Давайте розберемо цей приклад:

Якщо розмір мого шрифту - 11, то підзаголовок повинен бути написаний в більшому шрифті. Множу шрифт тексту на число золотого перетину, щоб отримати більшу кількість (11 * 1,6 = 17). Значить підзаголовок повинен бути написаний в 17 розмірі шрифту. А тепер заголовок або назва. Помножу підзаголовок на пропорцію і отримаю 27 (1 * 1,6 = 27). Ось так! Ваш текст тепер пропорційний золотого перетину.

Як застосувати його в веб-дизайні

А тут трохи складніше. Ви можете залишатися вірними золотого перетину навіть в веб-дизайні. Якщо ви досвідчений веб-дизайнер, ви вже здогадалися, де і як її можна застосувати. Так, ми можемо ефективно використовувати золотий перетин і застосувати його до сіток наших веб-сторінок і макетів для користувача інтерфейсу.

Візьміть загальне число сітки пікселів за ширину або висоту і використовуйте його для побудови золотого прямокутника. Розділіть найбільшу ширину або довжину для отримання менших чисел. Це може бути шириною або висотою вашого основного контенту. Те, що залишилося, може бути бічною панеллю (або в стелі приміщення, якщо ви застосували його до висоти). Тепер продовжуйте використовувати золотий прямокутник для подальшого застосування його до вікон, кнопок, панелей, зображень і тексту. Ви також можете скласти повну сітку, засновану на маленьких версіях золотого прямокутника розташованих як горизонтально, так і вертикально для створення більш маленьких об'єктів інтерфейсу, які пропорційні золотому прямокутника. Для отримання пропорцій ви можете використовувати цей калькулятор.

Ви також можете використовувати золоту спіраль, щоб визначити, де розмістити контент на вашому сайті. Якщо ваша домашня сторінка завантажується з графічним контентом, як, наприклад, на веб-сайті онлайн магазину або блогу фотографій, ви можете скористатися золотим методом спіралі, який використовують багато художників в своїх роботах. Задумка в тому, щоб помістити найбільш цінний контент в центрі спіралі.

Контент зі згрупованими матеріалом теж може бути розміщений за допомогою золотого прямокутника. Це означає, що чим ближче спіраль рухається до центральних квадратах (до одного квадратного блоку), тим "щільніше" там вміст.

Ви можете використовувати цю техніку, щоб позначити розташування вашого заголовка, зображень, меню, панелі інструментів, вікна пошуку та інших елементів. Twitter славиться не тільки використанням золотого прямокутника в дизайн логотипу, але і задіяв його в веб-дизайні. Як? Завдяки використанню золотого прямокутника, або, іншими словами концепцією золотої спіралі, в сторінці профілю користувачів.

Ще простіше

Дуже часто дизайнери опускають складну математику і застосовують так зване "правило третин". Його можна досягти шляхом ділення площі на три рівні частини по горизонталі і вертикалі. В результаті - дев'ять рівних частин. Лінія перетину може бути використана в якості фокусної центру форми і дизайну. Ви можете помістити ключову тему або основні елементи на один або всі фокусні центри. Фотографи також використовують цю концепцію для плакатів.

Чим ближче прямокутники до співвідношення 1: 1,6, тим приємніше сприймається картина людським мозком (так як це ближче до золотого перетину).

LPgenerator - професійна Landing Page платформа для збільшення продажів вашого бізнесу

УВАГА! Ви використовуєте застарілий браузер Internet Explorer

Даний сайт побудований на передових, сучасних технологіях і не підтримує Internet Explorer 6-ої і 7-ої версії.