Przewodnik po złotej proporcji dla projektantów

Dobry projekt był przedmiotem debaty tak długo, jak długo tworzyliśmy. Istnieją niekończące się fora, wątki w mediach społecznościowych i rozmowy w cztery oczy na temat tego, co sprawia, że projekt jest świetny, a każdy wnosi swój własny punkt widzenia.

To jest właśnie piękno projektowania, prawda? Każdy może go interpretować inaczej.

Pomimo, że nigdy nie będzie jednego uniwersalnego podejścia do projektowania, istnieje konkretne, matematyczne podejście, które może nam pomóc zbliżyć się o krok do tworzenia niesamowitych doświadczeń projektowych za każdym razem: Złota proporcja.

Złota proporcja jest matematyczną proporcją, którą można znaleźć niemal wszędzie, jak w naturze, architekturze, malarstwie i muzyce. Kiedy zastosuje się ją w projektowaniu, tworzy organiczną, zrównoważoną i estetycznie przyjemną kompozycję.

W tym artykule zagłębimy się w to, czym jest Złota Proporcja, jak ją obliczyć i jak wykorzystać ją w projektowaniu – łącznie z podręczną listą narzędzi.

Co to jest Złota Proporcja?

Znana również jako Złoty Przekrój, Złoty Środek, Boska Proporcja lub grecka litera Phi, Złota Proporcja jest specjalną liczbą, która w przybliżeniu równa się 1,618. Sama proporcja pochodzi od ciągu Fibonacciego, naturalnie występującej sekwencji liczb, którą można znaleźć wszędzie, od liczby liści na drzewie do kształtu muszli morskiej.

Sekwencja Fibonacciego jest sumą dwóch poprzedzających ją liczb. Wynosi on: 0, 1,1, 2, 3, 5, 8, 13, 21, i tak dalej, aż do nieskończoności. Na podstawie tego wzoru Grecy stworzyli Złotą Proporcję, aby lepiej wyrazić różnicę między dwoma dowolnymi liczbami w ciągu.

Jak to się ma do projektowania? Złotą proporcję można znaleźć, gdy podzielisz linię na dwie części i dłuższa część (a) podzielona przez mniejszą część (b) jest równa sumie (a) + (b) podzielonej przez (a), które są równe 1,618. Ta formuła może Ci pomóc przy tworzeniu kształtów, logotypów, układów i innych.

Możesz również skorzystać z tego pomysłu i stworzyć złoty prostokąt. Weź kwadrat i pomnóż jeden bok przez 1,618, aby uzyskać nowy kształt: prostokąt o harmonijnych proporcjach.

Jeśli położysz kwadrat nad prostokątem, związek między tymi dwoma kształtami da ci Złotą Proporcję.

Jeśli będziesz stosować wzór Złotej Proporcji do nowego prostokąta po prawej stronie, otrzymasz obraz składający się z coraz mniejszych kwadratów.

Jeśli narysujesz spiralę nad każdym kwadratem, zaczynając w jednym rogu i kończąc w przeciwległym, stworzysz pierwszą krzywą ciągu Fibonacciego (znaną również jako Złota Spirala).

Jak wykorzystać Złotą Proporcję w projektowaniu

Gdy lekcja matematyki dobiegła końca, jak możesz zastosować tę wiedzę w codziennej pracy?

Oto cztery sposoby na wykorzystanie Złotej Proporcji w projektowaniu:

Typografia i definiowanie hierarchii

Złota Proporcja może pomóc Ci dowiedzieć się, jakiej wielkości czcionki powinieneś użyć do nagłówków i treści na stronie internetowej, stronie docelowej, w poście na blogu, a nawet w kampanii drukowanej.

Powiedzmy, że Twoja treść ma 12px. Jeśli pomnożysz 12 przez 1.618, otrzymasz 19.416, co oznacza, że rozmiar tekstu nagłówka 19px lub 20px będzie zgodny ze Złotą Ratio i zrównoważy rozmiar czcionki 12px.

Jeśli chcesz dowiedzieć się jak duży powinien być Twój tekst, możesz postąpić odwrotnie. Jeśli Twój tekst nagłówka ma 25px, możesz podzielić go przez 1.618 aby znaleźć rozmiar tekstu głównego (15 lub 16 px).

Przycinanie i zmiana rozmiaru obrazów

Przycinając obrazy, łatwo jest zidentyfikować białą przestrzeń do wycięcia. Ale jak upewnić się, że obraz jest nadal zrównoważony po zmianie rozmiaru? Możesz użyć Złotej Spirali jako przewodnika dla kompozycji obrazu.

Na przykład, jeśli nałożysz Złotą Spiralę na obraz, możesz upewnić się, że punkt centralny znajduje się w środku spirali.

Layout

Zastosowanie Złotej Spirali może pomóc Ci zaprojektować atrakcyjny wizualnie UI, który przyciąga uwagę użytkownika do tego, co najważniejsze. Na przykład, strona, która podkreśla szeroki blok treści po lewej stronie z węższą kolumną po prawej, może być zgodna z proporcjami Złotego Podziału i pomóc Ci zdecydować, gdzie umieścić najważniejszą treść.

Rozwój logo

Jeśli projektujesz nowe logo i czujesz, że utknąłeś, zwróć się do Złotego Podziału, aby pomóc sobie naszkicować proporcje i kształty. Wiele popularnych logo, takich jak Twitter, Apple i Pepsi, jest zgodnych ze Złotym Proporcjonowaniem.

Designer Kazi Mohammed Erfan rzucił sobie nawet wyzwanie stworzenia 25 nowych logo opartych w całości na Złotym Proporcjonowaniu. Wynik? Proste, wyważone i piękne ikony.

Narzędzia, które pomogą Ci skorzystać ze Złotej Proporcji

Nie musisz wyrywać ołówka i papieru, aby obliczyć Złotą Proporcję – istnieje wiele aplikacji, które mogą to zrobić za Ciebie.

Oto pięć narzędzi, które pomogą Ci wykorzystać Złotą Proporcję w Twoich projektach:

• Kalkulator Złotej Proporcji: Oblicz krótszy bok, dłuższy bok i połączoną długość dwóch boków, aby poznać złoty współczynnik.
• goldenRATIO: Stworzona dla projektantów i programistów, ta aplikacja daje Ci łatwy sposób na projektowanie stron internetowych, interfejsów, układów i innych elementów zgodnie ze złotym współczynnikiem. Zawiera wbudowany kalkulator z wizualną informacją zwrotną oraz funkcje do zapisywania pozycji ekranu i ustawień, dzięki czemu nie musisz zmieniać złotego podziału przy każdym zadaniu.
• Golden Ratio Typography Calculator: Odkryj idealną typografię dla swojej witryny, wprowadzając rozmiar i szerokość czcionki. Możesz optymalizować w oparciu o rozmiar czcionki, wysokość linii, szerokość i znaki na linię.
• PhiMatrix: To oprogramowanie do projektowania i analizy Golden Ratio pochodzi z konfigurowalnymi siatkami i szablonami, które można nakładać na dowolny obraz. Może być używany do projektowania i kompozycji, projektowania produktów, tworzenia logo i nie tylko.
• Golden Ratio Sketch resource: Pobierz darmowy plik szkicu Złotej Spirali, aby pomóc w kompozycji obrazu i układu.

Początek pracy z Golden Ratio

Gdy już wiesz czego szukać, zaczniesz zauważać Golden Ratio wszędzie. (Nie wierzysz nam? Spójrz na swoje dłonie. Nawet Twoje palce są zgodne ze Złotą Proporcją). Ludzkie oko jest przyzwyczajone do widzenia tej magicznej liczby i podświadomie reagujemy na nią pozytywnie.

Jako projektanci, możemy wykorzystać tę liczbę na naszą korzyść. Nawet niewielkie poprawki w sposobie kadrowania obrazu lub tworzenia układu strony mogą znacząco poprawić sposób, w jaki użytkownicy wchodzą w interakcję z projektem.