{"id":257809,"date":"2024-03-10T06:29:00","date_gmt":"2024-03-10T03:29:00","guid":{"rendered":"https:\/\/inform.click\/nar-og-hvordan-du-bruker-minimalisme-i-webdesign\/"},"modified":"2024-03-10T06:29:00","modified_gmt":"2024-03-10T03:29:00","slug":"nar-og-hvordan-du-bruker-minimalisme-i-webdesign","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/nar-og-hvordan-du-bruker-minimalisme-i-webdesign\/","title":{"rendered":"N\u00e5r og hvordan du bruker minimalisme i webdesign"},"content":{"rendered":"<p>\n  La oss f\u00f8rst f\u00e5 en misforst\u00e5else om minimalisme ut av veien. Bare fordi det er mindre \u00e5 se, betyr ikke det at det er enklere. Faktisk er det helt motsatt. Jo mindre du har, desto mer tid trenger du \u00e5 bruke for \u00e5 sikre at hvert element du har er rett p\u00e5 pengene.\n<\/p>\n<p>\n  Tross alt, hvis du har et overfylt grensesnitt, s\u00e5 hvis noe er justert litt til venstre for midten, eller en font som ikke er helt optimal for det du bruker, vil det sannsynligvis ikke engang bli lagt merke til blant de andre detaljene.\n<\/p>\n<p>\n  Det vil imidlertid ikke v\u00e6re sant hvis du bruker en minimalistisk webdesign, siden det ikke er noe du kan gjemme deg bak feilen eller d\u00e5rlige valget. De vil skille seg ut i grelle detaljer \u2013 som et neonskilt p\u00e5 et japansk hus. Hva det betyr er at hvis du bare pr\u00f8ver \u00e5 sette sammen en side, er ikke minimalisme veien \u00e5 g\u00e5. Minimalisme er for perfeksjonistene, de obsessive-kompulsive, de laserfokuserte, holde seg oppe til \u2013 tre-om-morgenen-for-\u00e5-f\u00e5-den-tittelen-akkurat riktig type webdesigner. Hvis det ikke er deg, er det ikke noe for deg.\n<\/p>\n<p>\n  Hvis det er s\u00e5 les videre, les videre! Ned i kaninhullet g\u00e5r vi.\n<\/p>\n<h4>\n  Negativ plass<br \/>\n<\/h4>\n<p>\n  La oss begynne med \u00e5 se p\u00e5 hva et minimalistisk nettsted vil ha mest av \u2013 negativ plass, selv om du kanskje kjenner det som &laquo;bakgrunnen&raquo;. Bortsett fra, selvf\u00f8lgelig, at i minimalistisk design er det ikke &laquo;tilbake&raquo; i det hele tatt. I stedet er den foran og i sentrum, hvor den spiller en viktig rolle, ved at den manipulerer brukerens visuelle flyt.\n<\/p>\n<p>\n  Kraften til negativ plass er at jo mer du har av det, desto mer vil det du har p\u00e5 siden dukke opp. Dette er grunnen til at industridesignere ofte vil bruke minimalistiske oppsett. P\u00e5 den m\u00e5ten vil produktene deres i stedet for \u00e5 forsvinne inn i alt annet f\u00e5 oppmerksomheten de leter etter. Og siden det er det de pr\u00f8ver \u00e5 selge eller i det minste vise frem som gj\u00f8r denne tiln\u00e6rmingen sv\u00e6rt attraktiv for dem og alle andre som har statiske objekter \u00e5 vise frem, som interi\u00f8rdesignere og fotografer.\n<\/p>\n<p>\n  Negativ plass kan v\u00e6re et kraftig verkt\u00f8y for \u00e5 skape en oase av ro, samt \u00e5 f\u00e5 brukerne til \u00e5 ikke f\u00f8le seg overveldet. Dette er grunnen til at spa og velv\u00e6resentre ofte velger denne typen layout.\n<\/p>\n<p>\n  Merk at negativ plass ikke betyr at det ikke er noe der. Det er klart at rommet m\u00e5 fylles med noe, og selv om hvitt er et \u00e5penbart valg, er det langt fra det eneste. Dessuten har forskjellige farger helt forskjellige effekter p\u00e5 brukerne, s\u00e5 s\u00f8rg for at du bruker litt tid p\u00e5 forskningen. En ting jeg vil p\u00e5peke er at du ikke velger en overmettet farge. Dette er en grunnleggende feil som mange f\u00f8rstegangsdesignere gj\u00f8r. Problemet er at det kan v\u00e6re ganske smertefullt for brukerne, noe som derfor gj\u00f8r en av de store fordelene med minimalisme ugyldig.\n<\/p>\n<h4>\n  Bilder<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825873036e1.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-266271-63825873036e1.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Hvis bare \u00e9n farge er for mye av det gode, er det selvf\u00f8lgelig muligheten til \u00e5 g\u00e5 for et bilde av noe slag. Selvf\u00f8lgelig, hvis du velger et bilde, s\u00f8rg for at det holder seg til den minimalistiske \u00e5nden du g\u00e5r etter. Bildet m\u00e5 ikke v\u00e6re for travelt.\n<\/p>\n<p>\n  Jeg mener det p\u00e5 to m\u00e5ter.\n<\/p>\n<ol>\n<li>S\u00f8rg selvsagt for at bildet ikke er altfor rotete med gjenstander eller mennesker, da dette vil beseire hele form\u00e5let med din minimalistiske design.\n  <\/li>\n<li>Det er imidlertid ikke nok, siden implikasjonen av rask bevegelse eller fare er like i stand til \u00e5 trekke \u00f8yet til bildet og vekk fra hovedelementet du pr\u00f8ver \u00e5 vise. Faktisk kan selv visningen av en negativ f\u00f8lelse distrahere folk fra det du virkelig vil at de skal fokusere p\u00e5.\n  <\/li>\n<\/ol>\n<p>\n  Av denne grunn, n\u00e5r du surfer gjennom minimalistiske nettsteder, vil du se mange bilder med veldig n\u00f8ytral og statisk bakgrunn. Her er noen <a href=\"http:\/\/photography.tutsplus.com\/articles\/less-is-more-50-examples-of-minimalist-photography--photo-3914\" target=\"_blank\" rel=\"noopener\">gode eksempler<\/a>.\n<\/p>\n<h4>\n  Typografi<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.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-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Du kan klippe ut mange ting fra den minimalistiske siden din, som en menylinje, knapper p\u00e5 sosiale medier og annonser, men en ting du ikke kan klare deg uten er ord. Til slutt kommer du til \u00e5 trenge noen. Men hvordan presenterer du dem? Du b\u00f8r vurdere veldig n\u00f8ye hvilken font du velger \u00e5 bruke (og hvis du bestemmer deg for \u00e5 lage din egen), spesielt siden forskjellige fonter vil fremkalle forskjellige f\u00f8lelser og forskjellige sinnstilstander.\n<\/p>\n<p>\n  For eksempel serif-fonter (det er de der de snirklete bitene stikker ut under og over linjen) leses mer flytende enn sans serif-fonter og anses derfor som lettere \u00e5 forst\u00e5. P\u00e5 samme m\u00e5te, ettersom instruksjoner er skrevet i renere, blir mer lesbare skrifter (som Ariel for eksempel) sett p\u00e5 som mer forst\u00e5elige enn de som er skrevet i mer forvirrende og travlere skriftvalg, noe som betyr at disse instruksjonene anses som lettere \u00e5 utf\u00f8re.\n<\/p>\n<p>\n  Men lesbarhet er selvf\u00f8lgelig ikke det eneste som m\u00e5 vurderes, du m\u00e5 ogs\u00e5 tenke p\u00e5 hvilke f\u00f8lelser fontene vekker. Ja, det stemmer, forskjellige fonter p\u00e5virker folk ulikt, med skrifttyper som Times New Roman oftere forbundet med f\u00f8lelser som &laquo;morsom&raquo; og &laquo;sint&raquo; enn Ariel.\n<\/p>\n<p>\n  Jeg advarte deg om at minimalisme ikke var for sarte sjeler!\n<\/p>\n<p>\n  En annen ting \u00e5 vurdere er hvilke skrifttyper du bruker hvor, da du \u00e5penbart ikke trenger \u00e5 bruke samme skrift hele veien. Og siden det ikke er noe annet som kan distrahere publikummet ditt, hvis du bruker forskjellige skriftstiler og typografier, er det mye st\u00f8rre sannsynlighet for at brukeren legger merke til dem.\n<\/p>\n<p>\n  Dette kan derfor v\u00e6re en veldig effektiv strategi for \u00e5 f\u00e5 publikum til \u00e5 ta hensyn til spesifikke omr\u00e5der. Vurder for eksempel \u00e5 skrive teksten du vil at brukerne skal lese f\u00f8rst i fet stil, med tykke streker, mens delene som er ment \u00e5 legge merke til senere er skrevet i mer n\u00f8ytrale skrifttyper. Brukerens blikk vil umiddelbart trekkes til den dristigere teksten, mens den andre teksten vil bli konsumert senere.\n<\/p>\n<h4>\n  Kontrast og posisjonering<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.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-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Et av de kraftigste verkt\u00f8yene som er tilgjengelige for en minimalistisk webdesigner er kontrast. Hvis du vil bruke kontrast til den beste effekten, m\u00e5 du g\u00e5 for lyse bakgrunner \u2013 hvit er det dominerende valget, da dette gir den beste effekten. Dette er grunnen til at minimalistiske sider ofte vil bruke svart p\u00e5 hvit bakgrunn, da disse skarpe linjene er enormt visuelt tiltalende. Her er et <a href=\"http:\/\/www.jorgerieraflores.com\/\" target=\"_blank\" rel=\"noopener\">godt eksempel<\/a>. Dessuten kan den minste fargen, som en skvett gul, v\u00e6re sv\u00e6rt effektiv. Bare tenk p\u00e5 jentek\u00e5pen i Schindlers liste.\n<\/p>\n<p>\n  En designer kan lage en kontrakt med mange forskjellige ting, inkludert farge, form, plassering, skala og st\u00f8rrelse. Hvis den brukes riktig, kan den v\u00e6re utrolig nyttig for \u00e5 lede brukeren til de delene som de b\u00f8r ta hensyn til f\u00f8rst (omtrent som jeg forklarte i form av typografi ovenfor, da jeg diskuterte fete versus mer n\u00f8ytrale tekster). Det er imidlertid ikke lett, og for \u00e5 bruke det best mulig, er det n\u00f8dvendig \u00e5 ha en grunnleggende forst\u00e5else av hvordan brukere forbruker internettsider.\n<\/p>\n<p>\n  Studier av \u00f8yebevegelser har gitt oss stor innsikt i hvor folk ser f\u00f8rst, hvor de vanligvis starter \u00f8verst til venstre og deretter, avhengig av om det er mye tekst eller ikke, enten skanner siden i en &laquo;F&raquo; eller henholdsvis et &#8216;Z'-m\u00f8nster.\n<\/p>\n<p>\n  Siden din minimalistiske side ikke vil v\u00e6re teksttung, vil du derfor \u00f8nske \u00e5 ordne de viktigste aspektene ved siden din i et Z-type m\u00f8nster, med de tingene som brukerne dine b\u00f8r legge merke til f\u00f8rst (du er menyalternativene dine) vanligvis tar en posisjon mer oppe til venstre p\u00e5 siden din, mens de tingene som b\u00f8r legges merke til senere (f.eks. dine opphavsrettskrav) kommer lenger ned til h\u00f8yre. P\u00e5 denne m\u00e5ten vil du gj\u00f8re forbruket av siden din mer flytende og mer naturlig.\n<\/p>\n<h4>\n  Hamburgerknappen og andre oppsett<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.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-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Den ene tingen som er viktig \u00e5 huske med minimalistisk design er at bare fordi det ikke er mye \u00e5 se per side, betyr det ikke at det ikke er mye innhold totalt sett; mesteparten av tiden er all den informasjonen bare gjemt bort i undermenyer og sekund\u00e6re sider. En popul\u00e6r (men kontroversiell) m\u00e5te dette gj\u00f8res p\u00e5 er gjennom det som er kjent som &laquo;hamburgerknappen&raquo;, eller de tre linjene som du n\u00e5 ser over alt, som i krom \u00f8verst til h\u00f8yre s\u00e5 vel som p\u00e5 iPhone. Og ja, hvis du har drukket et par drinker, ser det ut som en hamburger (jeg har ikke funnet opp navnet).\n<\/p>\n<p>\n  Personlig er jeg ingen stor fan da dette strider mot mine minimalistiske instinkter. Hva er vitsen med \u00e5 lage en ryddig side hvis du s\u00e5 skal lage en rotete meny for \u00e5 surfe p\u00e5 resten av nettstedet ditt? For meg er en mye bedre strategi \u00e5 dele hamburgerknappen inn i flere menyvalg som er \u00e5penbare og lett forst\u00e5elige og som vil engasjere leserne dine, men det er til syvende og sist opp til deg.\n<\/p>\n<p>\n  En viktig faktor \u00e5 vurdere n\u00e5r du tenker p\u00e5 om du skal lage flere menyelementer eller bruke den ene knappen, er hvor gammel publikummet ditt er. Jo eldre de er, jo mindre kjent vil de v\u00e6re med dette designet, og desto mer sannsynlig vil de derfor ikke finne undermenyene dine, noe som kan gj\u00f8re siden din ubrukelig. S\u00e5 er siden din hovedsakelig rettet mot millennials? G\u00e5 videre og bruk den. Tjener du pensjonister? Det er nok lurt \u00e5 tenke om igjen.\n<\/p>\n<h4>\n  Visuell stil<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.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-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Og s\u00e5 er det hvordan siden din skal v\u00e6re lagt opp. N\u00e5r du bestemmer deg for \u00e5 velge en minimalistisk stil, m\u00e5 du velge en layoutstil og deretter holde deg til den. Dette er fordi publikum umiddelbart vil begynne \u00e5 gj\u00f8re ubevisste antagelser om hvordan nettsiden din passer sammen, og hvis du deretter bryter disse forutsetningene, vil brukerne dine f\u00f8le at siden din er &laquo;rotete&raquo; og &laquo;uorganisert&raquo;. Det er et d\u00f8dsbud for minimalisme (og de fleste andre sider ogs\u00e5, n\u00e5r sant skal sies).\n<\/p>\n<p>\n  Av denne grunn m\u00e5 du velge et rutenett, som i utgangspunktet betyr kolonnene der du har delt opp siden din, og holde deg til det. Hvor mange kolonner vil du ha? Hvordan blir de fordelt? Hvor mye negativt mellomrom vil det v\u00e6re igjen mellom dem? Dette er alle viktige sp\u00f8rsm\u00e5l som du m\u00e5 svare p\u00e5 f\u00f8r du i det hele tatt begynner \u00e5 legge ut siden.\n<\/p>\n<p>\n  Tanken her er ikke at bilder ikke kan overskride grensene til disse rutenettlinjene. Ofte vil bilder spre seg over hele siden din. I dette tilfellet vil teksten om bildet som presenteres nedenfor, bli arrangert i kolonnene du valgte. Tilsvarende, hvis du har flere bilder p\u00e5 siden din, b\u00f8r de f\u00f8lge rutenettet du har laget, slik at siden din totalt sett ser ren og profesjonell ut.\n<\/p>\n<h5>\n  Er minimalisme verdt det?<br \/>\n<\/h5>\n<p>\n  Det avhenger \u00e6rlig talt av hva du pr\u00f8ver \u00e5 gj\u00f8re (og selvf\u00f8lgelig emnet p\u00e5 siden din). Hvis du pr\u00f8ver \u00e5 redusere arbeidet ditt, er minimalisme ikke noe for deg, som allerede sagt. Hvis p\u00e5 den annen side denne typen layout instinktivt appellerer til deg og passer til den typen produkt du presser p\u00e5, s\u00e5 er det veien videre.\n<\/p>\n<p>\n  Saken er at minimalisme krever et annet ferdighetssett enn standarddesign, ved at du ikke bare kan bruke l\u00f8pe-of-the-mill stykker og sette dem sammen for \u00e5 lage en side. Hvis du pr\u00f8ver \u00e5 gj\u00f8re det, kommer du til \u00e5 ende opp med noe som ikke er visuelt tiltalende eller s\u00e5 informativt. Det verste av begge verdener med andre ord.\n<\/p>\n<p>\n  I stedet m\u00e5 du bruke litt tid p\u00e5 \u00e5 l\u00e6re \u00e5 undergrave dine grunnleggende instinkter som du har plukket opp fra tidligere sidedesign du har laget. Da m\u00e5 du sette deg ned og finne ut hva som er viktig for siden din.\n<\/p>\n<p>\n  Og du er n\u00f8dt til \u00e5 sette deg inn i kontrakt, skrifttyper og bilder som du aldri har gjort f\u00f8r. Det er nesten som du l\u00e6rer et nytt formspr\u00e5k. Det kan v\u00e6re vanskelig.\n<\/p>\n<p>\n  Tingen med \u00e5 l\u00e6re et nytt spr\u00e5k er imidlertid at det f\u00e5r deg til \u00e5 innse ting ved originalspr\u00e5ket ditt som du aldri har lagt merke til f\u00f8r. Og dette er like sant med \u00e5 l\u00e6re minimalistisk webdesign. Selve det \u00e5 pr\u00f8ve \u00e5 l\u00e6re \u00e5 designe p\u00e5 denne m\u00e5ten vil f\u00e5 deg til \u00e5 innse ting om design du aldri visste f\u00f8r.\n<\/p>\n<p>\n  Og det kan godt gj\u00f8re all svetten og det harde arbeidet verdt det.\n<\/p>\n<p>\n  Glemmer for \u00f8yeblikket at minimalistiske sider bare er vakre, selvf\u00f8lgelig.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La oss f\u00f8rst f\u00e5 en misforst\u00e5else om minimalisme ut av veien. Bare fordi det er mindre \u00e5 se, betyr ikke det at det er enklere. Faktisk er det helt motsatt. Jo mindre du har, desto mer tid trenger du \u00e5 bruke for \u00e5 sikre at hvert element du har er rett p\u00e5 pengene. Tross alt, hvis du har et overfylt grensesnitt, s\u00e5 hvis noe er justert litt til venstre for midten, eller en font som ikke er helt optimal for det du bruker, vil det sannsynligvis ikke engang bli lagt merke til blant de andre detaljene. Det vil ikke v\u00e6re sant hvis du bruker et minimalistisk nett &#8230;<\/p>\n","protected":false},"author":1,"featured_media":149268,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[226,356,395,57],"tags":[],"class_list":["post-257809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laereboker","category-underholdning","category-utforming","category-web-og-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257809","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=257809"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257809\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/149268"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}