\n Je\u015bli spr\u00f3bujesz znale\u017a\u0107 iloraz dw\u00f3ch kolejnych liczb Fibonacciego (tj. 8\/5 lub 5\/3), wynik jest bardzo zbli\u017cony do z\u0142otego podzia\u0142u 1,6, czyli \u03c6(Phi).\n<\/p>\n
\n Z\u0142ota Spirala jest tworzona przy u\u017cyciu Z\u0142otego Prostok\u0105ta. Gdy masz prostok\u0105t o kwadratach odpowiednio 1,1, 2, 3, 5 i 8 jednostek, jak pokazano na powy\u017cszym obrazku, mo\u017cesz zacz\u0105\u0107 konstruowa\u0107 z\u0142oty prostok\u0105t. U\u017cywaj\u0105c boku kwadratu jako promienia, masz utworzy\u0107 \u0142uk, kt\u00f3ry dotyka obu punkt\u00f3w kwadratu po przek\u0105tnej. Powt\u00f3rz to dla ka\u017cdego kwadratu w z\u0142otym tr\u00f3jk\u0105cie, a otrzymasz z\u0142ot\u0105 spiral\u0119.\n<\/p>\n
\n Gdzie mo\u017cemy to zobaczy\u0107 w naturze:
\n<\/h5>\n
\n Z\u0142oty podzia\u0142 i ci\u0105g Fibonacciego pojawiaj\u0105 si\u0119 w liczbie p\u0142atk\u00f3w kwiat\u00f3w. Wi\u0119kszo\u015b\u0107 kwiat\u00f3w ma p\u0142atki sk\u0142adaj\u0105ce si\u0119 z dw\u00f3ch, trzech, pi\u0119ciu lub wi\u0119cej p\u0142atk\u00f3w, kt\u00f3re s\u0105 cz\u0119\u015bci\u0105 boskiej sekwencji. Na przyk\u0142ad lilie maj\u0105 3 p\u0142atki, jaskry maj\u0105 5, kwiat cykorii ma 21, a stokrotka ma 34. Najwyra\u017aniej g\u0142\u00f3wka kwiatu r\u00f3wnie\u017c podlega z\u0142otemu podzia\u0142owi. Na przyk\u0142ad s\u0142onecznik ma nasiona, kt\u00f3re rozci\u0105gaj\u0105 si\u0119 od \u015brodka i rosn\u0105 na zewn\u0105trz, aby wype\u0142ni\u0107 g\u0142\u00f3wk\u0119 nasion. S\u0105 one zwykle uformowane w spiralne wzory, kt\u00f3re przypominaj\u0105 z\u0142ot\u0105 spiral\u0119. Co wi\u0119cej, liczba nasion zwykle sumuje si\u0119 z liczbami Fibonacciego.\n<\/p>\n \n D\u0142onie i palce r\u00f3wnie\u017c pod\u0105\u017caj\u0105 za z\u0142otym podzia\u0142em. Przyjrzyj si\u0119 bli\u017cej! Podstawa d\u0142oni do czubka palca jest podzielona na cz\u0119\u015bci (ko\u015bci). Stosunek jednej cz\u0119\u015bci do drugiej zawsze b\u0119dzie wynosi\u0142 1,618! Nawet stosunek przedramienia do d\u0142oni jest taki sam. Nawet palce u st\u00f3p i twarz, idziemy dalej i dalej\u2026\n<\/p>\n \n Uwa\u017ca si\u0119, \u017ce Partenon w Grecji zosta\u0142 zbudowany przy u\u017cyciu z\u0142otych proporcji. Uwa\u017ca si\u0119, \u017ce stosunki wymiarowe wysoko\u015bci, szeroko\u015bci, filar\u00f3w, odleg\u0142o\u015bci kolumn, a nawet wielko\u015bci portyku odnosz\u0105 si\u0119 do z\u0142otego podzia\u0142u. Jest tak prawdopodobnie dlatego, \u017ce budynek wydaje si\u0119 proporcjonalnie doskona\u0142y i zawsze tak by\u0142o od czas\u00f3w staro\u017cytnych.\n<\/p>\n \n Leonardo Di Vinci by\u0142 tak\u017ce fanem Boskiej proporcji (a w\u0142a\u015bciwie wielu innych ciekawych temat\u00f3w!). Cudowne pi\u0119kno Mony Lisy mo\u017ce wynika\u0107 z faktu, \u017ce jej twarz i cia\u0142o przestrzegaj\u0105 z\u0142otego podzia\u0142u, podobnie jak prawdziwe ludzkie twarze w naturze. R\u00f3wnie\u017c postacie u\u0142o\u017cone na obrazie Ostatnia wieczerza Leonarda Di Vinci uk\u0142adaj\u0105 figury w spos\u00f3b wykorzystuj\u0105cy z\u0142ote proporcje. Kiedy konstruujesz z\u0142ote prostok\u0105ty na p\u0142\u00f3tnie, \u015brodkowa proporcja idealnie umieszcza Jezusa w samym \u015brodku.\n<\/p>\n \n Nic wi\u0119c dziwnego, \u017ce wykorzystanie tej boskiej racji mo\u017cna znale\u017a\u0107 r\u00f3wnie\u017c w wielu dyscyplinach nowo\u017cytnych, zw\u0142aszcza w projektowaniu. Na razie skupmy si\u0119 na tym, jak mo\u017cna go wykorzysta\u0107 w projektowaniu logo. Najpierw sp\u00f3jrzmy na niekt\u00f3re z najbardziej znanych marek na \u015bwiecie, kt\u00f3re wykorzysta\u0142y z\u0142oty podzia\u0142, aby udoskonali\u0107 swoje logo.\n<\/p>\n \n Najwyra\u017aniej Apple u\u017cy\u0142 k\u00f3\u0142 zgodnych z ci\u0105giem Fibonacciego, aby umie\u015bci\u0107 i wyci\u0105\u0107 kszta\u0142ty logo Apple. Nie wiadomo, czy zrobiono to celowo. Jednak rezultatem jest oczywi\u015bcie doskona\u0142y i estetyczny wizualnie projekt logo.\n<\/p>\n \n Logo Toyoty pod\u0105\u017ca za proporcjami a i b, tworz\u0105c siatk\u0119 przedstawiaj\u0105c\u0105 trzy pier\u015bcienie. Zwr\u00f3\u0107 uwag\u0119, jak to logo wykorzystuje prostok\u0105ty zamiast k\u00f3\u0142, aby stworzy\u0107 z\u0142oty podzia\u0142.\n<\/p>\n \n Logo Pepsi mo\u017ce by\u0107 utworzone przez dwa przecinaj\u0105ce si\u0119 okr\u0119gi, jeden wi\u0119kszy od drugiego. Wi\u0119kszy w por\u00f3wnaniu do mniejszego, jak pokazano na powy\u017cszym obrazku, jest proporcjonalny do \u2014 zgad\u0142e\u015b! Ich najnowsze p\u0142askie logo jest proste, efektowne i pi\u0119kne!\n<\/p>\n \n Uwa\u017ca si\u0119, \u017ce opr\u00f3cz Toyoty i Apple, logo kilku innych firm, takich jak BP, iCloud, Twitter i Grupo Boticario, uwzgl\u0119dni\u0142o z\u0142oty podzia\u0142. I wszyscy wiemy, jak s\u0142ynne s\u0105 te logo \u2014 poniewa\u017c obraz natychmiast pojawia si\u0119 w naszych g\u0142owach!\n<\/p>\n \n Zr\u00f3b szkic z\u0142otego prostok\u0105ta, jak pokazano powy\u017cej na \u017c\u00f3\u0142to. Mo\u017cna tego dokona\u0107 konstruuj\u0105c kwadraty o wysoko\u015bciach i szeroko\u015bciach liczby nale\u017c\u0105cej do z\u0142otego ci\u0105gu. Zacznij od jednostki pierwszej i umie\u015b\u0107 obok niej kolejn\u0105 jednostk\u0119 kwadratow\u0105. Umie\u015b\u0107 kolejny kwadrat, kt\u00f3ry jest o 2 jednostki kwadratowy nad tymi dwoma. Automatycznie b\u0119dziesz mie\u0107 bok 3 jednostek z pierwszymi trzema kwadratami. Po zbudowaniu pude\u0142ka o boku 3 jednostek otrzymasz bok o boku 5 jednostek, z kt\u00f3rego mo\u017cesz zrobi\u0107 kolejne pude\u0142ko (5 jednostek do kwadratu). Mo\u017ce to trwa\u0107 wiecznie, zanim zdasz sobie spraw\u0119, \u017ce masz dok\u0142adnie taki rozmiar, jakiego potrzebujesz!\n<\/p>\n \n Prostok\u0105t mo\u017cna ustawi\u0107 w dowolnym kierunku. Oddziel mniejsze prostok\u0105ty i u\u017cyj ka\u017cdego z nich do u\u0142o\u017cenia uk\u0142adu, kt\u00f3ry pos\u0142u\u017cy jako siatka projektu logo.\n<\/p>\n \n Je\u015bli logo jest bardziej okr\u0105g\u0142e, b\u0119dziesz potrzebowa\u0107 okr\u0105g\u0142ej wersji z\u0142otego prostok\u0105ta. Mo\u017cesz to zrobi\u0107, konstruuj\u0105c okr\u0119gi proporcjonalne do liczb Fibonacciego. Utw\u00f3rz z\u0142oty prostok\u0105t u\u017cywaj\u0105c samych k\u00f3\u0142 (oznacza to, \u017ce najwi\u0119ksze ko\u0142o b\u0119dzie mia\u0142o \u015brednic\u0119 8, potem mniejsze ko\u0142o o \u015brednicy 5 i tak dalej). Teraz oddziel te okr\u0119gi i umie\u015b\u0107 je w dowolny spos\u00f3b, tworz\u0105c podstawowy uk\u0142ad dla Twojego projektu logo. Oto przyk\u0142ad logo Twittera:\n<\/p>\n \n Uwaga<\/strong>: nie musisz u\u017cywa\u0107 wszystkich k\u00f3\u0142ek lub prostok\u0105t\u00f3w ze z\u0142otego prostok\u0105ta. Mo\u017cesz tak\u017ce wielokrotnie u\u017cywa\u0107 jednego okre\u015blonego rozmiaru.\n<\/p>\n \n Jest to mniej skomplikowane ni\u017c projektowanie logo. Prost\u0105 zasad\u0105 stosowania z\u0142otego podzia\u0142u w tek\u015bcie jest to, \u017ce nast\u0119pny wi\u0119kszy lub mniejszy tekst powinien by\u0107 zgodny z Phi. Sp\u00f3jrzmy na ten przyk\u0142ad:\n<\/p>\n \n Je\u015bli moja czcionka ma rozmiar 11, to musz\u0119 mie\u0107 podtytu\u0142 z wi\u0119ksz\u0105 czcionk\u0105. Pomno\u017c\u0119 czcionk\u0119 mojego tekstu przez z\u0142oty podzia\u0142, aby uzyska\u0107 wi\u0119ksz\u0105 liczb\u0119 (11 1,6 = 17). Dlatego m\u00f3j podtytu\u0142 powinien mie\u0107 rozmiar 17. Teraz chc\u0119 jeszcze wi\u0119kszy nag\u0142\u00f3wek lub tytu\u0142. Pomno\u017c\u0119 moj\u0105 czcionk\u0119 podtytu\u0142u przez wsp\u00f3\u0142czynnik, aby uzyska\u0107 27 (17 1,6 = 27). Masz to! Tw\u00f3j tekst jest teraz proporcjonalny do z\u0142otego podzia\u0142u.\n<\/p>\n \n Tutaj sprawa si\u0119 nieco komplikuje. Mo\u017cesz pozosta\u0107 wierny z\u0142otemu podzia\u0142owi nawet w swoich projektach internetowych. Je\u015bli jeste\u015b do\u015bwiadczonym projektantem stron internetowych, by\u0107 mo\u017ce ju\u017c zgad\u0142e\u015b, gdzie i jak mo\u017cna to zastosowa\u0107. Tak, mo\u017cemy skutecznie wykorzysta\u0107 z\u0142oty podzia\u0142 i zastosowa\u0107 go do siatek naszej strony internetowej i uk\u0142adu interfejsu u\u017cytkownika.\n<\/p>\n \n We\u017a ca\u0142kowity piksel siatki wed\u0142ug szeroko\u015bci lub wysoko\u015bci i u\u017cyj go do zbudowania z\u0142otego prostok\u0105ta. Podziel najwi\u0119ksz\u0105 szeroko\u015b\u0107 lub d\u0142ugo\u015b\u0107, aby uzyska\u0107 mniejsz\u0105 liczb\u0119. Mo\u017ce to by\u0107 szeroko\u015b\u0107 lub wysoko\u015b\u0107 g\u0142\u00f3wnej tre\u015bci. To, co ci pozostaje, mo\u017ce by\u0107 paskiem bocznym (lub dolnym paskiem, je\u015bli zastosowa\u0142e\u015b go do wysoko\u015bci). Teraz nadal u\u017cywaj z\u0142otego prostok\u0105ta, aby dalej stosowa\u0107 go do swoich p\u00f3l, przycisk\u00f3w, paneli, obraz\u00f3w i tekstu. Mo\u017cesz tak\u017ce zbudowa\u0107 pe\u0142n\u0105 siatk\u0119 w oparciu o mniejsze wersje z\u0142otego prostok\u0105ta umieszczone poziomo i pionowo, aby utworzy\u0107 mniejsze obiekty interfejsu, kt\u00f3re s\u0105 proporcjonalne do z\u0142otego prostok\u0105ta. Aby uzyska\u0107 proporcje, mo\u017cesz u\u017cy\u0107 tego kalkulatora<\/a>.\n<\/p>\n \n Spirala:<\/strong>\n<\/p>\n \n Mo\u017cesz tak\u017ce u\u017cy\u0107 z\u0142otej spirali, aby okre\u015bli\u0107, gdzie umie\u015bci\u0107 tre\u015b\u0107 na swojej stronie internetowej. Je\u015bli masz stron\u0119 g\u0142\u00f3wn\u0105 wype\u0142nion\u0105 tre\u015bci\u0105 graficzn\u0105, tak\u0105 jak witryna sklepu internetowego lub blog fotograficzny, mo\u017cesz skorzysta\u0107 z metody z\u0142otej spirali, kt\u00f3r\u0105 wielu artyst\u00f3w stosowa\u0142o w swoich pracach. Chodzi o to, aby najcenniejsze tre\u015bci umie\u015bci\u0107 w centrum spirali.\n<\/p>\n \n Grupowanie tre\u015bci mo\u017cna wykona\u0107 w spos\u00f3b zgodny ze z\u0142otym prostok\u0105tem. Oznacza to, \u017ce im bardziej spirala przesunie si\u0119 w kierunku \u015brodkowych kwadrat\u00f3w (w kierunku pude\u0142ek do kwadratu), tym \u201eg\u0119stsza” stanie si\u0119 zawarto\u015b\u0107.\n<\/p>\n \n Mo\u017cesz u\u017cy\u0107 tej techniki do okre\u015blenia lokalizacji nag\u0142\u00f3wka, obraz\u00f3w, paska menu, pask\u00f3w narz\u0119dzi, p\u00f3l wyszukiwania i innych element\u00f3w. Twitter s\u0142ynie nie tylko z u\u017cywania z\u0142otego prostok\u0105ta w swoim projekcie logo, ale tak\u017ce z u\u017cywania go do projektowania stron internetowych. W jaki spos\u00f3b? Korzystaj\u0105c ze z\u0142otego prostok\u0105ta, czyli koncepcji z\u0142otej spirali, na stronie profilu u\u017cytkownika.\n<\/p>\n \n Mo\u017ce to nie by\u0107 \u0142atwe w u\u017cyciu na platformach CMS, w kt\u00f3rych tw\u00f3rca tre\u015bci okre\u015bla uk\u0142ad zamiast projektanta stron internetowych. Z\u0142oty podzia\u0142 dobrze wsp\u00f3\u0142pracuje z WordPressem i innymi projektami w stylu blog\u00f3w. Dzieje si\u0119 tak prawdopodobnie dlatego, \u017ce pasek boczny jest prawie zawsze obecny w projekcie bloga, kt\u00f3ry dobrze pasuje do z\u0142otego prostok\u0105ta.\n<\/p>\n \n Bardzo cz\u0119sto projektanci pomijaj\u0105 z\u0142o\u017con\u0105 matematyk\u0119 i stosuj\u0105 tak zwan\u0105 \u201e zasad\u0119 tr\u00f3jpodzia\u0142u<\/a> „. Mo\u017cna to osi\u0105gn\u0105\u0107, dziel\u0105c obszar na trzy r\u00f3wne cz\u0119\u015bci, zar\u00f3wno w poziomie, jak iw pionie. Rezultatem jest dziewi\u0119\u0107 r\u00f3wnych cz\u0119\u015bci. Przeci\u0119cie linii mo\u017ce s\u0142u\u017cy\u0107 jako punkt centralny dla kszta\u0142tu lub projektu. Mo\u017cesz umie\u015bci\u0107 kluczowy temat lub g\u0142\u00f3wne elementy na jednym lub wszystkich tych punktach centralnych. Fotografowie u\u017cywaj\u0105 tego poj\u0119cia r\u00f3wnie\u017c do plakat\u00f3w.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f51fcb9.webp\")
<\/a><\/p>\n\n Zastosowanie w sztuce i architekturze:
\n<\/h5>\n<\/a><\/p>\n\n Zastosowania w projektowaniu logo:
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n Oto, jak mo\u017cesz zastosowa\u0107 to r\u00f3wnie\u017c w swoich projektach
\n<\/h3>\n<\/a><\/p>\n\n Jak zastosowa\u0107 go do tekstu w projektach:
\n<\/h5>\n\n Jak zastosowa\u0107 to w projektowaniu stron internetowych:
\n<\/h5>\n<\/a><\/p>\n\n \u0141atwiejsza metoda:
\n<\/h5>\n