Stosowanie złotego współczynnika w nowoczesnych wzorach

Idealna strona internetowa jest zarówno funkcjonalna, jak i harmonijna, ale nawet najbardziej doświadczeni projektanci stron internetowych mogą mieć problem z powiedzeniem Ci, co daje naturalny design. Pomimo teorii kolorystycznych i nawigacyjnych, czasami najważniejszy aspekt estetyki doskonałej strony internetowej wydaje się niewysłowiony. Nie wiemy, dlaczego to działa, ale czasami po prostu tak. Wszystko to może wynikać z prostej koncepcji.

Podkreślając projekt swojej strony internetowej dosłownie naturalnym porządkiem, widzowie mogą uznać Twój projekt za bardziej interesujący i z natury przyjemny. Ta koncepcja nazywa się złoty stosunek, koncepcja matematyczna, której natura przestrzega i którą my, ludzie, podświadomie uznajemy za wyraz doskonałości.

Złoty Co?

Mówiąc prosto, złoty współczynnik (znany również jako boska proporcja albo złoty środek), jest matematyczną stałą, która pojawia się wielokrotnie w przyrodzie i grafice.

Wyrażone jako równanie, kiedy za jest większy niż b, (a + b) podzielony przez za jest równe za podzielony przez b (spójrz tylko na obrazek poniżej), który jest równy około 1.618033987. Ta liczba, często reprezentowana przez grecki znak „phi”, jest liczbą złoty stosunek.

(Źródło obrazu: mathsisfun.com)

Ta sama teoria może być użyta do skonstruowania prostokąta, zwanego złoty prostokąt. Obraz podążający za złotym współczynnikiem można umieścić w prostokącie, który jest zgodny ze stosunkiem.

(Źródło obrazu: creativeautomaton.com)

Aby skonstruować złoty prostokąt, wybierz liczbę, która będzie długością krótkiego boku prostokąta. Ze względu na argument, powiedzmy 500 pikseli. Pomnóż to przez 1,618. Wynik, 809 pikseli, to długość długiego boku prostokąta. Dlatego prostokąt o rozmiarze 500 pikseli na 809 pikseli jest złotym prostokątem. Jest posłuszny złotemu stosunkowi.

Naturalne piękno

Prawdę mówiąc, naukowcy nie są pewni, jaki jest stosunek, jaki ludzie tak lubią. Pewni są tego, jak bardzo nam się podoba. Badania sugerują, że nawet niewielkie zmiany w obrazie, które sprawiają, że jest on bardziej złoty, mają duży wpływ na mózgi osób poszukujących.

Ludzka twarz również podąża za tym współczynnikiem i znajdujemy ludzi, których twarze są bardziej prawdziwe w stosunku do proporcji. Muszle, klasyczne renesansowe arcydzieła, architektura z antyku, a nawet części ludzkiego ciała są proporcjonalne w oparciu o stosunek do samych palców.

(Źródło obrazu: in2visualdesign)

Coś głęboko w głębi naszego umysłu rejestruje złoty stosunek jako piękny, fakt, że artyści i architekci wykorzystywali go od tysięcy lat, świadomie lub nie. W obrazowaniu jest językiem pierwotnym. Rezultat jest organiczny, intuicyjny i po prostu czuje się dobrze.

Boska kompozycja

Jak więc używasz tej magicznej liczby w składzie swojej strony internetowej? Matematyka może wydawać się duszną skrzynką, w którą wasza kreatywność będzie walczyć, ale złoty współczynnik jest po prostu użyteczną wskazówką. Posiadanie podstawowej wytycznej, z której można zbudować, może dać ci bardziej kreatywny pokój dzięki wyeliminowaniu zgadywania z proporcji i rozmieszczenia.

Pomyśl o tym jako o narzędziu zamiast klatce. Najprościej można użyć złotego współczynnika, aby określić rozmiar i rozmieszczenie obszarów zawartości i pasków bocznych. Najłatwiejszym rozwiązaniem jest układ o stałej szerokości. Zdecyduj o ogólnym rozmiarze układu za pomocą metody tworzenia złotego prostokąta.

Dla siatek / bloków

Kwadrat utworzony przez linie będzie Twoim blokiem treści. Mniejszy prostokąt byłby bocznym lub nawigacyjnym paskiem. Po ustaleniu rozmiaru prostokąta, ustalenie, jak szeroki musi być pasek nawigacyjny, jest łatwe.

• W tym przykładzie powiemy, że twój prostokąt jest 525 piksele wg 850 piksele.
• 525 jest za i 850 jest (a + b), i b będzie szerokość paska bocznego.
• Znaleźć b, po prostu odejmujemy od (a + b), który wynosi 325.
• Dlatego szerokość paska bocznego wynosi 325.

Pamiętaj, że prostokąt można obrócić, aby dopasować go do własnych celów, umieszczając pasek boczny na górze, na dole lub po przeciwnej stronie. Tak długo, jak utrzymuje się proporcja, projekt będzie harmonijny.

Dla tekstu

Jest szybszy sposób na uzyskanie potrzebnych pomiarów i może być zastosowany z treścią tekstową.

• Powiedzmy, że tekst kontekstu ma rozmiar 12.
• Pomnóż przez 12 za pomocą 1.618, złoty współczynnik, a dostaniesz 19,416.
• Rozmiar tekstu nagłówka 19 lub 20 byłby ściśle zgodny ze złotym współczynnikiem.

Złoty stosunek to język, który umysł rozumie, a komunikując się z nim, twoje pomysły będą skuteczniejsze. Nie musisz się do tego ściśle stosować; podstawowa zasada jest wystarczająca. Stosując stosunek do rozmiarów obrazów, możliwe są koncepcje zależności między umieszczaniem tekstu i obrazu a tworzeniem podpodziałów w bocznych paskach.

Grid Work: The Regule of Thirds

Jeśli matematyka nie jest twoją filiżanką herbaty, koncepcja złotej proporcji może zostać uproszczona. The zasada trzeciej rządzi umieszczaniem ciekawych miejsc w scenie. Podziel dowolny obraz na trzecie, zarówno w poziomie, jak iw pionie. Otrzymasz 9 siatek.

(Źródło obrazu: digital-photography-school.com)

Zgodnie z regułą trzeciego punktu wierzchołki tych linii (gdzie krzyżują się linie) są idealnym miejscem dla interesujących miejsc. Osoby skanujące stronę częściej zauważają rzeczy umieszczone w pobliżu punktów, a podział jest wygodny do oglądania. Bardziej złożona konstrukcja jest możliwa dzięki przełamaniu tych trzech części na kolejne trzecie.

(Źródło obrazu: net.tutsplus.com)

Krótko mówiąc, oko może być leniwe i nie musi szukać ważnych szczegółów. Nasze mózgi to lubią. Główne obrazy, pola z wiadomościami, paski wyszukiwania i inne interesujące miejsca można umieścić na wierzchołkach lub w ich pobliżu. Ten zgrabny mały skrót zapewni Ci projekt, który jest łatwy zarówno dla oczu, jak i sprawia, że ​​ludzie są przyciągani do kluczowych danych.

Kolumny i rozmiary czcionek: sekwencje Fibonacciego

Innym prostym narzędziem do projektowania stron internetowych powiązanym ze złotym współczynnikiem jest Liczby Fibonacciego. Sekwencja Fibonacciego zaczyna się od 0 i 1. Poprzednie dwie liczby są sumowane w celu uzyskania następnej liczby w sekwencji: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… i tak dalej.

Trochę matematyki mówi nam, że związek między sekwencyjnymi numerami sekwencji Fibonacciego jest zaskakująco zbliżony do złotego współczynnika - podziel dowolną liczbę w sekwencji na liczbę przed nią, a otrzymasz - zgadłeś - 1.618.

Podobnie jak w przypadku złotego współczynnika, liczby Fibonacciego można wykorzystać do dyktowania relacji między rozmiarami nagłówka i tekstu treści. Może być również używany do wyznaczania szerokości kolumn i jest szczególnie skuteczny w blogach i innych układach o dużej gęstości tekstu. Kompozycja mogłaby być również oparta na koncepcji kafelków Fibonacciego, w której rozmiar płytki jest zbudowany na podstawie sekwencji Fibonacciego.

(Źródło obrazu: Wikipedia.org)

Złote spirale i klastrowanie treści

Inną możliwą metodą użycia zarówno złotego współczynnika, jak i liczb Fibonacciego są liczby złote spirale i spirale Fibonacciego. Złote spirale poszerzają się o współczynnik równy złotemu współczynnikowi za każdą ćwierć obrotu, jaką tworzą, a spirale Fibonacciego są formowane przy użyciu kafli Fibonacciego.

Spirale były używane w dziełach sztuki tak długo, jak same liczby i proporcje. Teoria mówi, że obszary negatywnej przestrzeni i wizualne zainteresowane powinny pasować do spirali. W tym zgrabnym układzie, podobnie jak w regule trzeciej, oko jest naturalnie przyciągane do środka spirali, aby szukać szczegółów.

(Źródło obrazu: fabiovisentin.com)

Spirale mogą służyć jako wytyczne dla gęstości zawartości i grupowania. Mogą służyć jako podstawa do proporcji obrazów nagłówka witryny, pasków wyszukiwania i pasków narzędzi.

Wybierając idealny obraz na pierwszą stronę zbudowaną wokół dużych grafik, takich jak strony sklepowe i strony internetowe ze zdjęciami, możesz również skorzystać ze złotych i spirali Fibonacciego.

Potężne wiadomości są często podprogowe, a złoty współczynnik jest jedną z najbardziej płodnych reklam podprogowych natury. Wykorzystując boską proporcję, dajesz sobie krawędź naturalnej logiki i organicznej łaski, do której wszyscy ludzie mają podświadomy pociąg. Złoty podział to jeszcze jedno narzędzie do Twojej kreatywnej dyspozycji.

Więcej czytania:

• Zastosowanie Złotego Stosunku do Układów Sieciowych i Obiektów

Nota redaktora: Ten wpis jest napisany przez Chris Pentago dla Hongkiat.com. Chris jest doświadczonym programistą, projektantem i sprzedawcą Internetu, zainteresowanym kluczowymi technologiami, dzięki którym Twój biznes online będzie działał. Możesz go znaleźć na Twitterze.