{"id":257900,"date":"2023-11-21T08:13:00","date_gmt":"2023-11-21T05:13:00","guid":{"rendered":"https:\/\/inform.click\/forsta-the-golden-ratio-i-design\/"},"modified":"2023-11-21T08:31:00","modified_gmt":"2023-11-21T05:31:00","slug":"forsta-the-golden-ratio-i-design","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/forsta-the-golden-ratio-i-design\/","title":{"rendered":"Forst\u00e5 The Golden Ratio i design"},"content":{"rendered":"<p>\n  De sier at det er en &laquo;guddommelig proporsjon&raquo; som hviler i naturen og mange ting rundt oss. Du kan finne den i blomster, bikuber, skjell og til og med kroppen v\u00e5r.\n<\/p>\n<p>\n  Denne guddommelige andelen, ogs\u00e5 kjent som Golden ratio, Divine ratio, eller Golden section og kan brukes p\u00e5 ulike kunster og disipliner. Forskere hevder at jo n\u00e6rmere det gylne snitt et objekt er, jo mer finner den menneskelige hjernen det behagelig og behagelig.\n<\/p>\n<p>\n  Lenge siden dette forholdet ble oppdaget, har mange kunstnere og arkitekter brukt det i verkene sine. Du kan finne det gyldne snitt i flere renessansemesterverk, arkitektur, malerier og mye mer. Resultatet: et vakkert og estetisk tiltalende mesterverk.\n<\/p>\n<p>\n  Ingen vet egentlig hva det er med det gylne snitt som gleder \u00f8ynene v\u00e5re. De fleste antar at det faktum at det vises overalt og er en &laquo;universell&raquo; proporsjon er det som f\u00e5r oss til \u00e5 akseptere det som en logisk, harmonisk og organisk proporsjon. Med andre ord, det &laquo;f\u00f8les&raquo; rett for hjernen v\u00e5r.\n<\/p>\n<p>\n  S\u00e5, hva er det gylne snittet?\n<\/p>\n<p>\n  Det gyldne snitt, ogs\u00e5 kjent som &laquo;Phi&raquo; p\u00e5 gresk, er en matematisk konstant. Det kan uttrykkes med ligningen a\/b=a+b\/a= <strong>1,618033987<\/strong>, der a er st\u00f8rre enn b. Dette kan ogs\u00e5 forklares gjennom Fibonacci-sekvensen, en annen guddommelig sekvens. Fibonacci-sekvensen begynner med 1 (noen sier 0) og legger sammen forrige tall for \u00e5 gi det neste (dvs. 1, 1, 2, 3, 5, 8, 13, 21&#8230;)\n<\/p>\n<p>\n  Hvis du pr\u00f8ver \u00e5 finne kvotienten til to p\u00e5f\u00f8lgende Fibonacci-tall (dvs. 8\/5 eller 5\/3), er resultatet veldig n\u00e6r det gylne snitt 1,6, eller \u03c6(Phi).\n<\/p>\n<p>\n  Den gylne spiralen er laget ved hjelp av det gylne rektangelet. N\u00e5r du har rektangelet ditt med henholdsvis 1, 1, 2, 3, 5 og 8 enheter kvadratiske bokser, som vist p\u00e5 bildet ovenfor, kan du begynne \u00e5 konstruere det gylne rektangelet. Ved \u00e5 bruke kvadratsiden som radius, skal du lage en bue som ber\u00f8rer begge punktene p\u00e5 firkanten diagonalt. Gjenta dette for hver rute i den gylne trekanten, og du vil ende opp med en gylden spiral.\n<\/p>\n<h5>\n  Hvor vi kan se det i naturen:<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f51fcb9.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f51fcb9.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Det gylne snitt og Fibonacci-sekvensen vises i kronbladtellingen til blomster. De fleste blomster har kronblader som enten er to, tre, fem eller flere kronblader som alle er en del av den guddommelige sekvensen. For eksempel har liljer 3 kronblader, ranunkler har 5, sikoriblomsten har 21, og tusenfryden har 34. Tilsynelatende f\u00f8lger fr\u00f8hodet til en blomst ogs\u00e5 det gylne snitt. Solsikken har for eksempel et fr\u00f8 som strekker seg fra midten og vokser rundt utsiden for \u00e5 fylle ut fr\u00f8hodet. Disse er vanligvis dannet i spiralm\u00f8nstre som ligner den gylne spiralen. Hva mer er at fr\u00f8tallet vanligvis summerer seg til Fibonacci-tallene.\n<\/p>\n<p>\n  Hendene og fingrene f\u00f8lger ogs\u00e5 det gylne snitt. Se n\u00e6rmere! Basen av h\u00e5ndflaten til tuppen av fingeren er delt i porsjoner (beina). Forholdet mellom en del i forhold til den neste vil alltid v\u00e6re 1,618! Selv forholdet mellom underarm og h\u00e5nd er det samme. Til og med t\u00e6rne og ansiktet fortsetter vi og fortsetter&#8230;\n<\/p>\n<h5>\n  S\u00f8knad innen kunst og arkitektur:<br \/>\n<\/h5>\n<p>\n  Parthenon i Hellas skal ha blitt bygget med de gylne proporsjonene. Dimensjonsforholdene til h\u00f8yden, bredden, s\u00f8ylene, s\u00f8yleavstanden og til og med st\u00f8rrelsen p\u00e5 portikken antas \u00e5 v\u00e6re i forhold til det gylne snitt. Det er muligens fordi bygningen f\u00f8les s\u00e5 forholdsmessig perfekt, og det har den alltid gjort siden antikken.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f83f0bf.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3f83f0bf.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Leonardo Di Vinci var ogs\u00e5 en fan av den guddommelige proporsjonen (og mange andre nysgjerrige emner faktisk!). Den fantastiske skj\u00f8nnheten til Mona Lisa kan skyldes det faktum at ansiktet og kroppen hennes respekterer det gylne snitt, og det samme gj\u00f8r ekte menneskeansikter i naturen. Ogs\u00e5 figurene arrangert i Nattverd-maleriet av Leonardo Di Vinci arrangerer figurer p\u00e5 en m\u00e5te som bruker de gylne proporsjonene. N\u00e5r du konstruerer gylne rektangler p\u00e5 tvers av lerretet, plasserer midtproporsjonen Jesus perfekt midt i midten.\n<\/p>\n<h5>\n  Applikasjoner i logodesign:<br \/>\n<\/h5>\n<p>\n  Ikke s\u00e5 overraskende kan du ogs\u00e5 finne bruk av denne guddommelige rasjonen i mange disipliner i moderne tid, spesielt design. For n\u00e5, la oss fokusere p\u00e5 hvordan det kan brukes i logodesign. La oss f\u00f8rst se p\u00e5 noen av verdens mest kjente merker som har brukt det gylne snitt for \u00e5 perfeksjonere logoene sine.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3face358.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3face358.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Tilsynelatende har Apple brukt sirkler som er tro mot Fibonacci-serien for \u00e5 plassere og kutte ut former for Apple-logoen. Hvorvidt dette ble gjort med vilje eller ikke, er ukjent. Resultatet er imidlertid helt klart en perfekt og visuelt estetisk logodesign.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3fcdeae9.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3fcdeae9.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Toyotas logo f\u00f8lger a og b-forholdet for \u00e5 danne et rutenett som legger ut de tre ringene. Legg merke til hvordan denne logoen bruker rektangler i stedet for sirkler for \u00e5 lage det gylne snittet.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3ffb6476.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b3ffb6476.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Pepsi-logoen kan lages av to kryssende sirkler, den ene st\u00f8rre enn den andre. Den st\u00f8rre sammenlignet med den mindre, som vist p\u00e5 bildet ovenfor, er proporsjonal med &#8211; du gjettet det! Deres nyeste flate logo er enkel, effektiv og vakker!\n<\/p>\n<p>\n  Bortsett fra Toyota og Apple, antas flere andre selskapers logoer som BP, iCloud, Twitter og Grupo Boticario \u00e5 ha tatt det gylne snitt i betraktning. Og vi vet alle hvor kjente disse logoene er &#8211; for et bilde dukker umiddelbart opp i hodet v\u00e5rt!\n<\/p>\n<h3>\n  Her er hvordan du kan bruke det i designene dine ogs\u00e5<br \/>\n<\/h3>\n<p>\n  Lag en skisse av det gylne rektangelet som vist ovenfor i gult. Dette kan gj\u00f8res ved \u00e5 konstruere firkanter med h\u00f8yder og bredder av et tall som tilh\u00f8rer den gylne rekkef\u00f8lgen. Start med enhet en og plasser en annen 1 enhet kvadratisk brikke rett ved siden av. Plasser en annen firkant som er 2 enheter kvadrat over de to. Du vil automatisk ha en side p\u00e5 3 enheter med de tre f\u00f8rste rutene. Etter \u00e5 ha konstruert boksen med 3 enheter i kvadrat, vil du ende opp med en 5 enheters side som du kan lage en annen (5 enheter kvadratisk) boks fra. Dette kan vare evig f\u00f8r du skj\u00f8nner at du har akkurat den st\u00f8rrelsen du trenger!\n<\/p>\n<p>\n  Rektangelet kan plasseres i alle retninger. Skill de mindre rektanglene og bruk hver enkelt til \u00e5 sette sammen et oppsett som vil fungere som logodesignets rutenett.\n<\/p>\n<p>\n  Hvis logoen er mer sirkul\u00e6r, trenger du en sirkul\u00e6r versjon av det gylne rektangelet. Du kan gj\u00f8re dette ved \u00e5 konstruere sirkler proporsjonale med Fibonacci-tallene. Lag et gyllent rektangel med bare sirkler (dette betyr at den st\u00f8rste sirkelen vil ha en diameter p\u00e5 8, deretter en mindre sirkel med diameter 5, og s\u00e5 videre). Skil n\u00e5 disse sirklene og plasser dem p\u00e5 hvilken som helst m\u00e5te du vil for \u00e5 danne en grunnleggende layout for logodesignet ditt. Her er eksempelet p\u00e5 Twitter-logoen:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b403906d1.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b403906d1.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  <strong>Merk<\/strong>: Du trenger ikke \u00e5 bruke alle sirklene eller rektanglene fra det gylne rektangelet. Du kan ogs\u00e5 bruke \u00e9n bestemt st\u00f8rrelse gjentatte ganger.\n<\/p>\n<h5>\n  Slik bruker du det p\u00e5 tekst p\u00e5 design:<br \/>\n<\/h5>\n<p>\n  Dette er mindre vanskelig enn logodesign. Den enkle regelen for bruk av det gylne snitt i tekst er at neste st\u00f8rre eller mindre tekst skal v\u00e6re i henhold til Phi. La oss se p\u00e5 dette eksemplet:\n<\/p>\n<p>\n  Hvis skriftst\u00f8rrelsen min er 11, m\u00e5 jeg ha en underoverskrift som har en st\u00f8rre skrift. Jeg vil multiplisere tekstfonten min med det gylne snitt for \u00e5 produsere et tall som er st\u00f8rre (11 1,6=17). Derfor b\u00f8r underoverskriften min v\u00e6re st\u00f8rrelse 17. N\u00e5 vil jeg ha en enda st\u00f8rre overskrift eller tittel. Jeg vil multiplisere underoverskriften min med forholdet for \u00e5 komme opp til 27 (17 1,6=27). Der har du det! Teksten din er n\u00e5 proporsjonal med det gylne snitt.\n<\/p>\n<h5>\n  Slik bruker du det p\u00e5 webdesign:<br \/>\n<\/h5>\n<p>\n  Her blir det litt mer komplisert. Du kan v\u00e6re tro mot det gylne snitt selv i webdesignene dine. Hvis du er en erfaren webdesigner, har du kanskje allerede gjettet hvor og hvordan dette kan brukes. Ja, vi kan effektivt bruke det gylne snitt og bruke det p\u00e5 nettsidens rutenett og brukergrensesnittoppsett.\n<\/p>\n<p>\n  Ta den totale rutenettpikselen din etter bredde eller h\u00f8yde, og bruk den til \u00e5 konstruere et gyldent rektangel. Del den st\u00f8rste bredden eller lengden for \u00e5 komme til et mindre tall. Dette kan v\u00e6re bredden eller h\u00f8yden p\u00e5 hovedinnholdet ditt. Det du sitter igjen med kan v\u00e6re sidestangen din (eller bunnstangen hvis du har brukt den i h\u00f8yden). Fortsett n\u00e5 \u00e5 bruke det gylne rektangelet for \u00e5 bruke det ytterligere p\u00e5 boksene, knappene, panelene, bildene og teksten. Du kan ogs\u00e5 konstruere et komplett rutenett basert p\u00e5 mindre versjoner av det gylne rektangelet plassert horisontalt og vertikalt for \u00e5 lage mindre grensesnittobjekter som er proporsjonale med det gylne rektangelet. For \u00e5 f\u00e5 proporsjoner kan du bruke <a href=\"http:\/\/getratio.com\/\" target=\"_blank\" rel=\"noopener\">denne kalkulatoren<\/a>.\n<\/p>\n<p>\n  <strong>Spiralen:<\/strong>\n<\/p>\n<p>\n  Du kan ogs\u00e5 bruke den gylne spiralen til \u00e5 finne ut hvor du skal plassere innholdet p\u00e5 nettstedet ditt. Hvis du har en hjemmeside lastet med grafisk innhold, for eksempel p\u00e5 en nettbutikk-nettside eller en fotoblogg, kan du benytte deg av den gylne spiralmetoden som mange kunstnere har brukt i kunstverkene sine. Tanken er \u00e5 plassere det mest verdifulle innholdet i sentrum av spiralen.\n<\/p>\n<p>\n  Innholdsgruppering kan gj\u00f8res p\u00e5 en m\u00e5te som f\u00f8lger det gylne rektangelet. Dette betyr at jo mer mot de midtre rutene spiralen beveger seg (mot boksene med \u00e9n enhet i kvadrat), jo &laquo;tettere&raquo; vil innholdet bli.\n<\/p>\n<p>\n  Du kan bruke denne teknikken til \u00e5 bestemme plasseringen av overskriften, bildene, menylinjen, verkt\u00f8ylinjer, s\u00f8kebokser og andre elementer. Twitter er kjent for ikke bare \u00e5 bruke det gylne rektangelet i logodesignet, men ogs\u00e5 for \u00e5 bruke det til webdesign. Hvordan? Ved \u00e5 benytte seg av det gylne rektangelet, eller med andre ord det gylne spiralkonseptet, p\u00e5 brukernes profilside.\n<\/p>\n<p>\n  Dette er kanskje ikke lett \u00e5 bruke p\u00e5 CMS-plattformer der innholdsskaperen bestemmer layouten i stedet for webdesigneren. Golden ratio fungerer godt med WordPress og andre bloggstiler. Dette er sannsynligvis fordi sidelinjen nesten alltid er til stede p\u00e5 et bloggdesign som passer godt inn i det gylne rektangelet.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40780f28.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40780f28.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  En enklere metode:<br \/>\n<\/h5>\n<p>\n  Sv\u00e6rt ofte hopper designere over den komplekse matematikken og bruker det de kaller &raquo; <a href=\"https:\/\/en.wikipedia.org\/wiki\/Rule_of_thirds\" target=\"_blank\" rel=\"noopener\">Rule of Thirds<\/a> &laquo;. Dette kan oppn\u00e5s ved \u00e5 dele arealet i tre like deler b\u00e5de horisontalt og vertikalt. Resultatet er ni like deler. Linjekrysset kan brukes som et fokuspunkt for formen eller designet. Du kan plassere et n\u00f8kkelemne eller hovedelementene dine p\u00e5 ett eller alle disse fokuspunktene. Fotografer bruker dette konseptet til plakater ogs\u00e5.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40b5d765.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-215332-6381b40b5d765.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Jo n\u00e6rmere rektanglene er forholdet 1:1,6, jo mer synlig er det for den menneskelige hjernen (siden det er n\u00e6rmere det gylne snitt).\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/03\/31\/golden-ratio-in-designs\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>De sier at det er en &laquo;guddommelig proporsjon&raquo; som hviler i naturen og mange ting rundt oss. Du kan finne den i blomster, bikuber, skjell og til og med kroppen v\u00e5r. Denne guddommelige andelen, ogs\u00e5 kjent som Golden ratio, Divine ratio, eller Golden section og kan brukes p\u00e5 ulike kunster og disipliner. Forskere hevder at jo n\u00e6rmere det gylne snitt et objekt er, jo mer finner den menneskelige hjernen det behagelig og behagelig. Lenge siden dette forholdet ble oppdaget, har mange kunstnere og arkitekter brukt det i verkene sine. Du kan finne det gyldne snitt i flere renessanse\u2026<\/p>\n","protected":false},"author":1,"featured_media":139249,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[57,200],"tags":[],"class_list":["post-257900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257900"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257900\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/139249"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}