Як за допомогою золотого перетину зробити свій дизайн ідеальним, сей-хай
Правило Золотого перетину - це незрозуміла математична функція, якої можна описати все створене в цьому Всесвіті. Золотий перетин - це співвідношення сторін прямокутника a / b = a + b / a = 1,618033987, де a більше, ніж b. У графічному вираженні це правило виглядає ось так:
Ми згодні, з тим, що виглядає це трохи страшно, і незрозуміло як застосувати на практиці. При цьому його використовують практично скрізь.
Як використовувати це правило в створенні логотипів?
Спершу ми пропонуємо поглянути на деякі всесвітньо відомі логотипи. Ми не стверджуємо, що всі лого світу створювалися саме так. Погодьтеся, чим більше дотримується цього правила, тим візуально красивіше виглядає логотип бренду?
У Toyоta прямокутники зі сторонами a і b формують сітку, де розташовані три овалу. Також варто відзначити, що на перетині ліній прямокутників розташоване і перетин цих овалів. Ці перетину формують зорові центри, тобто, куди людина в першу чергу дивитиметься.
У логотипі Apple використовували скоріше за все кола Фібоначчі, заливаючи чорною фарбою або навпаки прибираючи колір в певних частинах кіл. Що ж, вони таким чином отримали один з найбільш ідеальних логотипів.
Для лого Pepsi також використовували кола Фібоначчі.
Щоб почати користуватися цим правилом досить намалювати рамку Золотого перетину, як показано на прикладі на першому малюнку статті. Після цього сформуйте сітку, яка допоможе вам правильно розташовувати основні елементи логотипу. Якщо логотип округлий (наприклад як твіттер), то варто користуватися кругової версією Фібоначчі.
Як застосовувати в тексті?
Застосування золотого перетину в розмітці тексту простіше простого. Саме правило звучить так: наступний великий або менший шрифт повинен бути кратним чілсу Фі. Наприклад, якщо основний шрифт ви використовували розміру 12, то щоб отримати розмір шрифта підзаголовка, ви повинні це число помножити на 1,6 (12 * 1,6 = 19) розмір підзаголовка виходить 19. За тим же правилом отримуємо розмір заголовка - 30.
Як використовувати в веб-дизайні?
Потрібно взяти число сітки пікселів і використовувати його для побудови золотого прямокутника. І поступово ви розбиваєте сітку свого сайту на такі прямокутники і вписуєте туди основні елементи.
Починати потрібно так:
А так виглядає сітка сайту:
Здавалося-б все просто? А ось як її будували:
Якщо ви не вірите в це правило, то ось приклад твіттера: