{"id":257758,"date":"2023-05-05T09:32:00","date_gmt":"2023-05-05T06:32:00","guid":{"rendered":"https:\/\/inform.click\/hva-er-golden-ratio-og-hvordan-brukes-i-grafisk-og-webdesign\/"},"modified":"2023-05-05T09:43:00","modified_gmt":"2023-05-05T06:43:00","slug":"hva-er-golden-ratio-og-hvordan-brukes-i-grafisk-og-webdesign","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/hva-er-golden-ratio-og-hvordan-brukes-i-grafisk-og-webdesign\/","title":{"rendered":"Hva er Golden Ratio og hvordan brukes i grafisk og webdesign?"},"content":{"rendered":"<p>\n  \u00c5 lage et fantastisk kunstverk eller et visuelt stimulerende nettsted er ikke akkurat en cakewalk. Mens kreativitet spiller en stor rolle i suksessen til ethvert design, er det ogs\u00e5 en viss mengde matematikk og vitenskap involvert.\n<\/p>\n<p>\n  N\u00e5r folk ser kunstverkene til ikoniske kunstnere og maestroer som Da Vinci eller Salvador Dali, tenker de p\u00e5 kreativt geni. Det samme merkes n\u00e5r du ser skulpturer som det gamle romerske Pantheon. Imidlertid har alle disse kunstverkene en felles ting &#8211; som er kjent som det gylne snitt. Toppdesignerne og nettstedskaperne er fortsatt avhengige av dette tidstestede konseptet for \u00e5 lage fantastiske kunstverk og nettsteder som lokker \u00f8ynene dine.\n<\/p>\n<h5>\n  Gyldent snitt gjennom historiens gang<br \/>\n<\/h5>\n<p>\n  R\u00f8ttene til det gylne snitt kan spores tilbake til den greske sivilisasjonens str\u00e5lende dager. Det sies ogs\u00e5 at de gamle egypterne brukte det til \u00e5 lage fantastiske pyramider og andre graver for 4000 \u00e5r tilbake. De gamle grekerne hadde fantastisk fortreffelighet innen kunst, musikk og vitenskap.\n<\/p>\n<p>\n  Grekerne var muligens de f\u00f8rste som fant ut at det er en vakker asymmetri i naturlige ting som tr\u00e6r, blomster, dyr osv. De brukte den greske bokstaven Phi for \u00e5 uttrykke dette fenomenet. Gjennom \u00e5rhundrene har kunstnere og arkitekter tydd til \u00e5 bruke en forst\u00e5else av proporsjonene og kjernekonseptene til det gylne snitt for \u00e5 lage estetisk tiltalende arkitektur s\u00e5 vel som kunstverket.\n<\/p>\n<p>\n  Til n\u00e5tiden blir det gylne snitt brukt til \u00e5 bestemme den visuelle utformingen og formatet til ting som logo, kredittkort, m\u00f8bler, b\u00f8ker, til og med noe s\u00e5 dagligdags som utformingen av tallerkener i et spisested. Selv Facebook er ute etter \u00e5 utvikle AR-glass som kan lese menneskelige sinn, n\u00e5r det kommer til design er det utrolig nyttig med det gyldne snitt.\n<\/p>\n<p>\n  Med andre ord, du er kanskje ikke klar over det, men det gylne snittet finnes overalt rundt deg! Noen ganger er du kanskje ikke s\u00e5 sikker p\u00e5 hvorfor du velger en T-skjorte med et bestemt design fremfor de andre i en butikk. Den har et design som p\u00e5 en eller annen m\u00e5te appellerer mer til \u00f8ynene og sinnet ditt, og kjernegrunnen er det gylne snitt.\n<\/p>\n<h5>\n  Nyanser av Golden Ratio design fagfolk b\u00f8r vite<br \/>\n<\/h5>\n<p>\n  Forholdet er avledet fra den ber\u00f8mte Fibonacci-sekvensen som du kanskje husker \u00e5 ha sett i den kritikerroste filmen Da Vinci-koden. Det er en naturlig forekommende tallsekvens som finnes nesten hvor som helst. Sekvensen er der i form av skjell og p\u00e5 antall blader p\u00e5 et tre \u2013 for eksempel.\n<\/p>\n<p>\n  Fibonacci-sekvensen er i utgangspunktet summen av to tall foran den. Det er som: 0, 1,1, 2, 3, 5, 8, 13, 21, osv. til uendelig. Fra den skapte grekerne det gylne snitt. Det angir det perfekt symmetriske forholdet mellom to proporsjoner. Det er lik 1:1.618 ca. Dette mykner vist ved hjelp av et gyldent rektangel: et stort rektangel som best\u00e5r av en firkant og et mindre rektangel. Firkanten har sider som tilsvarer rektangelets korteste lengde. Hvis du forkaster kvadratet fra \u00e5 inneholde rektangel, vil et annet mindre gyldent rektangel bli igjen. Dette fortsetter i det uendelige akkurat som Fibonacci-tall &#8211; som fungerer motsatt!\n<\/p>\n<h5>\n  Noen bemerkelsesverdige eksempler p\u00e5 Golden ratio i menneskelivet<br \/>\n<\/h5>\n<p>\n  Grekerne var mesterne i det gylne snitt. Hvis du observerer ruinene av de greske bygningene og templene, kan du finne et behagelig dimensjonsforhold mellom bygningens h\u00f8yde og bredde. Dette gjelder st\u00f8rrelsen p\u00e5 s\u00f8yler, portikoen og alt i den. Dette konseptet ble ogs\u00e5 brukt mye i den nyklassiske arkitekturbevegelsen.\n<\/p>\n<ul>\n<li>\n    <strong>The Last Supper<\/strong> \u2013 Det popul\u00e6re maleriet av Leonardo da Vinci, inneholder stempelet til det gyldne snitt \u2013 omtrent som hans andre ber\u00f8mte skulpturer og malerier. I den kan du se figurene plassert i de to nedre tredjedelene. Jesu posisjon er ogs\u00e5 synkronisert.\n  <\/li>\n<li>\n    <strong>Naturlige gjenstander og livsformer<\/strong> \u2013 Selv i naturen kan du finne mange forekomster av dette konseptet. Du kan for eksempel sjekke ut ting som ananas, honningkaker, forskjellige typer blomster, skjell osv.\n  <\/li>\n<\/ul>\n<h5>\n  Hvorfor er Golden ratio relevant for web og grafisk design?<br \/>\n<\/h5>\n<p>\n  Det er ikke s\u00e5 vanskelig \u00e5 forst\u00e5 hvorfor web- og grafiske designere og kunstnere tyr til det gylne snitt i arbeidet sitt. M\u00e5lseerne eller bes\u00f8kende p\u00e5 nettstedet legger merke til design eller beskytter som virker fristende og beroligende for \u00f8ynene. Alderdomsordtaket om f\u00f8rsteinntrykket, \u00e5 v\u00e6re det siste, spiller en stor rolle her. Med mindre hjemmesiden til et nettsted appellerer til \u00f8ynene, vil de bes\u00f8kende forlate den p\u00e5 et \u00f8yeblikk. Uten en visuell f\u00f8lelse av symmetri og proporsjoner f\u00e5r ikke nettsiden eller kunstverket seerne til \u00e5 f\u00f8le seg enkle og komfortable.\n<\/p>\n<p>\n  N\u00e5r utformingen og designstilen til et nettsted virker proporsjonale og estetisk tiltalende for seerne, f\u00f8ler de seg interessert i \u00e5 sjekke ut innholdet og fortsette til de andre delene av nettstedet. Golden Ratio brukes ogs\u00e5 i webdesign for \u00e5 balansere tekst, rikt innhold og lage et hierarki. Den samme logikken gjelder for grafisk kunst som logoen til et selskap.\n<\/p>\n<p>\n  Bruken av Golden ratio har en positiv innflytelse p\u00e5 den generelle designen og dens elementer individuelt. N\u00e5r designelementene er proporsjonale &#8211; virker det visuelt tilfredsstillende. Fra et ikon til andre visuelle elementer &#8211; alt faller p\u00e5 plass og virker proporsjonalt n\u00e5r det gylne snitt brukes.\n<\/p>\n<p>\n  I webdesign er det ogs\u00e5 viktig \u00e5 plassere tekstinnholdet p\u00e5 rett sted og velge riktig type og st\u00f8rrelse. Det er her den gylne rasjonen ogs\u00e5 kan brukes. Du kan velge en spesifikk tekstst\u00f8rrelse for overskriften og deretter dele med 1.618. Resultatet vil v\u00e6re riktig for underoverskriftene. Hvis br\u00f8dteksten har en st\u00f8rrelse p\u00e5 10 px, kan du multiplisere den med 1,618. Overskriftstekstst\u00f8rrelsen kan derfor settes til 16 px. P\u00e5 en nettside, hvor forskjellige typer innhold m\u00e5 brukes &#8211; kan dette v\u00e6re nyttig.\n<\/p>\n<p>\n  P\u00e5 en hvilken som helst nettside spiller ogs\u00e5 mengden hvitt eller tomt rom en rolle. Overdreven avstand er ikke visuelt tiltalende, og mangel p\u00e5 hvit avstand p\u00e5 en side kan f\u00e5 den til \u00e5 se rotete ut. Ved \u00e5 bruke det gyldne snittet kan designerne finne ut den passende mengden hvite mellomrom p\u00e5 nettsider.\n<\/p>\n<p>\n  Selv i logodesign er bruk av det gylne snitt relevant. Logoen er det som representerer et selskap for m\u00e5lbrukerne f\u00f8rst f\u00f8r de bes\u00f8ker nettsider eller merkevarebutikker osv. S\u00e5 logoen m\u00e5 v\u00e6re estetisk tiltalende og ha en f\u00f8lelse av balanse. Det er her det gylne snitt trer inn. Logoene til mange multinasjonale selskaper og bedriftsgiganter som Pepsi, Twitter og Apple ble skapt ved \u00e5 bruke teorien.\n<\/p>\n<h5>\n  Hvordan implementere den gyldne rasjon i grafikk og webdesign?<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310577-63837181c652e.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-310577-63837181c652e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Faktisk er det enklere \u00e5 implementere konseptet med det gylne snitt i design og kunstverk enn du tror. Det er to m\u00e5ter \u00e5 distribuere det i web- eller grafisk design:\n<\/p>\n<ul>\n<li>\n<p>\n      Den raske l\u00f8sningen: Hvis du er involvert i et web- eller grafisk designprosjekt med en stram tidsfrist og det ikke er tid til for mye eksperimentering i design, kan du fortsatt bruke det gylne snitt. Konseptet er \u00e5 dele et omr\u00e5de i 3 like seksjoner \u2013 horisontalt og vertikalt. Skj\u00e6ringspunktet mellom disse linjene skal tjene som et naturlig fokuspunkt for dine former og figurer.\n    <\/p>\n<p>\n      Fotografene blir vanligvis l\u00e6rt opp til \u00e5 plassere hovedmotivet i en av slike kryssende linjer for \u00e5 f\u00e5 tiltalende komposisjoner. Den samme teorien kan brukes i sideoppsett og plakatdesign.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Full implementering: For \u00e5 sikre at du f\u00f8lger det eldgamle konseptet med Golden ratio uten \u00e5 bruke snarveier &#8211; det er heller ikke kjedelig. For en nettside b\u00f8r du s\u00f8rge for at innholdsomr\u00e5det og sidefeltets andel overholder forholdet 1:1.6.1. S\u00e5 i gjennomsnitt, hvis innholdsomr\u00e5det er 640 piksler, b\u00f8r du s\u00f8rge for at sidefeltet er omtrent 400 piksler. Den samme logikken gjelder for topptekst, bunntekst og navigasjonsomr\u00e5der.\n    <\/p>\n<\/li>\n<\/ul>\n<h5>\n  Det er en app for Golden Ratio, ja faktisk!<br \/>\n<\/h5>\n<p>\n  Hvis du synes det er kjedelig \u00e5 forst\u00e5 og implementere konseptet i designarbeidet ditt eller frykter at du kan avvike fra normene \u2013 slapp av. Som alt annet i livet f\u00e5r du en app for Golden Ratio. Faktisk f\u00e5r du flere apper for \u00e5 implementere konseptet i designet ditt.\n<\/p>\n<p>\n  Nedenfor er noen slike apper som du kan sjekke ut:\n<\/p>\n<ul>\n<li>\n    <strong>Golden Ratio<\/strong> \u2013 GoldenRATIO er en app som lar deg distribuere det eldgamle konseptet til ditt design minus oppstyr og sl\u00f8sing med tid. Den er tilgjengelig for $2,99 i Mac App Store. Appen har en nyttig favorittfunksjon og en funksjonell &laquo;click-thru&raquo;-modus. Den kan brukes i Photoshop s\u00e5 vel som et overlegg. Du f\u00e5r en innebygd kalkulator med visuell tilbakemelding.\n  <\/li>\n<li>\n    <strong>Golden Ratio Typography Calculator<\/strong> &#8211; Dette lar deg lage perfekt typografi for ethvert nettsted i synkronisering med teorien om Golden Ratio.\n  <\/li>\n<li>\n    <strong>Phicalculator<\/strong> \u2013 Phicalculator er en nyttig og gratis app, som kan brukes b\u00e5de p\u00e5 PC og Mac. Hvis du legger inn et tall i det, vil du f\u00e5 det tilsvarende tallet i henhold til det gylne forholdet.\n  <\/li>\n<li>\n    <strong>Atrise Golden Section<\/strong> \u2013 Dette er en funksjonell rutenettprogramvare med en linjal p\u00e5 skjermen. Ved \u00e5 bruke dette vil du spares fra \u00e5 sende tid i beregninger. Du kan se og endre de harmoniske st\u00f8rrelsene og formene. Det er bratt priset, men de gratis pr\u00f8veversjonene kan brukes i 30 dager.\n  <\/li>\n<li>\n    <strong>PhiMatrix<\/strong> \u2013 Dette er et annet hendig og mye brukt verkt\u00f8y for Golden Ratio-basert design og analyse. Du f\u00e5r tilpassbare rutenett samt maler som kan brukes som overlegg i designprosjektene.\n  <\/li>\n<\/ul>\n<p>\n  Det er tredjeparts kameraapper som lar deg ta fantastiske bilder mens du holder deg til Golden ratio og Fibonacci-sekvensen. Noen av disse appene er gratis, og de betalte er ogs\u00e5 der. Disse appene er tilgjengelige b\u00e5de for iOS- og Android-plattformer, og er nyttige for designere som \u00f8nsker \u00e5 ta bilder for bruk i web- eller grafiske designprosjekter som er tatt i henhold til normen. Dette vil gj\u00f8re arbeidet med bildene enklere og redusere behovet for \u00e5 beskj\u00e6re og justere dem.\n<\/p>\n<ul>\n<li>\n    <strong>For iOS<\/strong> \u2013 brukere av iOS-enheten kan g\u00e5 for appen Golden Ratio beregne og fotografere. Den koster bare $ 1,99 og inneholder nyttige funksjoner for brukerne som en kalkulator med gyldne snitt. Ved \u00e5 bruke den kan du ta bilder samtidig som elementene holder seg til prinsippet.\n  <\/li>\n<li>\n    <strong>For Android<\/strong> \u2013 Android-brukerne b\u00f8r velge appen Camera Zoom FX som koster $3. Ved \u00e5 bruke appen kan du bruke Fibonacci-spiralen og Phi-gitteret som bildeoverlegg mens du tar bilder.\n  <\/li>\n<\/ul>\n<h5>\n  Praktiske tips for \u00e5 bruke Golden Ratio<br \/>\n<\/h5>\n<p>\n  Det er noen nyttige m\u00e5ter \u00e5 implementere Golden ratio i et designprosjekt:\n<\/p>\n<ul>\n<li>Du kan bruke forholdet til \u00e5 lage et basisnettsted som vil dekke sidefeltet og hovedinnholdsomr\u00e5det. For en skjerm p\u00e5 1366 x 768 piksler kan du velge en bredde p\u00e5 846 piksler for innholdsomr\u00e5det. Sidefeltet kan v\u00e6re 520 piksler bredt. H\u00f8yden er ikke viktig i denne sammenhengen.\n  <\/li>\n<li>Du kan bruke dette konseptet til \u00e5 lage veiledninger for mellomrom. Du kan bruke store firkanter som enhet 13 og 8 for \u00e5 lage oppsett mens du bruker sm\u00e5 firkanter av enhet 1 til 3 for \u00e5 sette takrenner.\n  <\/li>\n<li>Du kan lage ikoner og logoer ved \u00e5 bruke formelen.\n  <\/li>\n<li>Det kan distribueres p\u00e5 stadiet av wireframing. Det hjelper deg med \u00e5 planlegge en struktur og st\u00f8rrelse p\u00e5 de ulike brukergrensesnittkomponentene. Dette er ogs\u00e5 nyttig for fagfolk innen webdesign \u00e5 beskj\u00e6re bilder samtidig som proporsjonene opprettholdes p\u00e5 riktig m\u00e5te.\n  <\/li>\n<\/ul>\n<h5>\n  Ting \u00e5 huske p\u00e5<br \/>\n<\/h5>\n<p>\n  Selv om det kan v\u00e6re fordelaktig for et selskap eller en profesjonell \u00e5 bruke det gylne snitt p\u00e5 en nettside eller kunstverk, er det ikke tilr\u00e5delig \u00e5 g\u00e5 over bord. Husk at for uerfarne brukere eller nybegynnere kan en f\u00f8lelse av skala skapt av sekvensen g\u00e5 ut av hendene. Ideen er \u00e5 skape en f\u00f8lelse av estetisk en balanse ved \u00e5 bruke normen uten \u00e5 g\u00e5 inn i ytterlighetene. Du b\u00f8r bruke den numeriske verdien i design p\u00e5 subtile m\u00e5ter og ikke overalt. Noen nettsteder kan trenge lite distribusjon av det gylne snitt, mens andre kan trenge intensiv implementering.\n<\/p>\n<p>\n  Til slutt kommer det ned til \u00e5 bruke riktig st\u00f8rrelse element i et design eller en nettside. Du m\u00e5 ogs\u00e5 bruke det hvite rommet p\u00e5 riktig m\u00e5te for \u00e5 skape en visuell balanse i designet. Det er der den gylne rasjonen kan v\u00e6re nyttig. Bruk den p\u00e5 de riktige m\u00e5tene for \u00e5 krydre designet, men ikke baser hele designet p\u00e5 det. Det er andre aspekter som bruk av passende og kontrasterende farger og riktig type innhold.\n<\/p>\n<h5>\n  Hvor f\u00f8rer det hele hen?<br \/>\n<\/h5>\n<p>\n  Det gylne snitt er hemmeligheten bak visuelt tiltalende og estetisk utseende bilder, logoer, nettsider og alt du kommer over i naturen. I begynnelsen kan det virke som et matematisk konsept som er vanskelig \u00e5 bruke i design. Men med en n\u00f8ye tiln\u00e6rming og analyse av kunstverk laget ved hjelp av teorien &#8211; vil du bli vant til det.\n<\/p>\n<p>\n  Selvf\u00f8lgelig kan du benytte deg av tredjepartsappene og nettverkt\u00f8yene som er der. Likevel er ikke det \u00e5 mestre det gyldne snitt noe du kan oppn\u00e5 over natten. Det vil kreve mye \u00f8velse og analyse av eksemplene for \u00e5 n\u00e5 punktet av perfeksjon. Imidlertid b\u00f8r det brukes p\u00e5 de riktige m\u00e5tene for \u00e5 gj\u00f8re designet ditt attraktivt for seerne.\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\/2019\/10\/21\/golden-ratio-in-graphic-web-design\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c5 lage et fantastisk kunstverk eller et visuelt stimulerende nettsted er ikke akkurat en cakewalk. Mens kreativitet spiller en stor rolle i suksessen til ethvert design, er det ogs\u00e5 en viss mengde matematikk og vitenskap involvert. N\u00e5r folk ser kunstverkene til ikoniske kunstnere og maestroer som Da Vinci eller Salvador Dali, tenker de p\u00e5 kreativt geni. Det samme merkes n\u00e5r du ser skulpturer som det gamle romerske Pantheon. Imidlertid har alle disse kunstverkene en felles ting &#8211; som er kjent som det gylne snitt. Toppdesignerne og nettstedskaperne stoler fortsatt p\u00e5 denne tidstestede &#8230;<\/p>\n","protected":false},"author":1,"featured_media":207474,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[57,200],"tags":[],"class_list":["post-257758","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\/257758","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=257758"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257758\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/207474"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}