Grafisk design vs Webdesign

Grafisk og webdesign Er to områder som ofte forveksles med hverandre. Tross alt fokuserer de begge på ‘design’ og de jobber ofte med de samme prosjektene.

Det betyr imidlertid ikke at de er de samme, og å vite forskjellene er viktig for å vite hvem som skal vende seg til et gitt punkt i et prosjekt. Til det formål er det en detaljert oversikt over hver rolle og deres viktigste forskjeller.

selvfølgelig, mens individuelle ferdigheter kan variere basert på den respektive personen eller teamet, er det noen viktige kjernestifter av grafisk design vs webdesign som sjelden endres – dette er hva som definerer rollene og hva vi vil fokusere på her!

Hva Er Grafisk Design?

Grafisk design refererer til etableringen av visuelle, kommunikative eiendeler for den brukervendte siden av produktene. Dette kan inkludere illustrasjoner og ikoner (hva folk flest kanskje tenker på som ‘grafikk’), samt typografi, fotografering, og selv maler. En grafisk designer eller team vil bruke alle disse mediene til å skape de nødvendige eiendeler eller komposisjoner for et prosjekt.

den største forskjellen er at en grafisk designer ikke har teknisk kunnskap. I stedet supplerer de sine visuelle ferdigheter med forståelse av brukeradferd og evne til å undersøke problemer. Derfor kan grafiske designere også hjelpe med sideoppsett, for eksempel-de forstår hvordan brukerne oppfører seg og designer frontend tilsvarende.

på toppen av dette krever grafisk design mye mer enn evnen til å tegne eller illustrere. Det krever kunnskap om fargeteori (hvordan farger samhandler med hverandre), psykologi (hvordan visualer påvirker brukeradferd) og de mer avanserte fagene, for eksempel visuelle hierarkier (hvordan å visualisere viktigere alternativer over sekundære). Mens grafisk design er et område som mangler den tekniske kunnskapen som trengs i digitale prosjekter, er deres forståelse av visuelle, brukere og forholdet mellom de to like viktig.

Eksempler På Grafisk Design

Grafisk design skjer rundt oss – det er i magasiner, reklametavler, flygeblad og andre trykte materialer du kan tenke på. Når det er sagt, her er noen eksempler på grafisk design med hensyn til digitale medier-inkludert hvordan det overlapper og fungerer med nettsteder.

  • LinkedIn. Selv om vi ikke ville vurdere noen sosiale medier nettverk for å være ‘grafisk-tung’, de alle likevel bruke grafisk design som viktige visuelle snarveier. Ved Å bruke LinkedIn som et eksempel, er topplinjen redusert til et lite antall lett tolkbare ikoner, noe som sikrer enkel navigering på tvers av skjermer. Dessuten bidrar dette til å oversette godt til mobil og nettbrett, slik at ikonene sikrer konsistens og kjennskap, mens den visuelle utformingen kan endres.

  • Mcdonalds. Dette er et merke med en logo kjent over hele verden, så det er ingen overraskelse at nettstedet og trykte materialer bruker grafiske designkomponenter så mye som mulig. Alt vises tekst-lys og formidler merkevarebygging gjennom logo, farge og fotografering. Faktisk, dette gjelder for stort sett alle de beste matrelaterte tjenester, slik som restauranter og levering apps: vis ikke fortell er veien å gå.

  • IKEA. All e-handel eller detaljhandel krever sterke visualer, MEN IKEA har sementert seg med merkevarebygging og stil. Selskapet benytter grafikk så mye som mulig, fra sine levende blå og gule farger for å vise sine produkter i et hjemmemiljø. Dette er grafisk design valg som har definert selskapet nesten like mye som deres navnekonvensjoner.

Hva Er Webdesign?

Webdesign refererer til ferdigheter og metoder som brukes i både å produsere og vedlikeholde et nettsted. Dette inkluderer både tekniske ferdigheter, som koding og søkemotoroptimalisering (som er sterkt påvirket av teknologiske valg), samt designrelaterte ferdigheter, som grensesnitt og brukeropplevelse.

enten det er en individuell webdesigner eller et team som omfatter de respektive ferdighetene som kreves, er webdesign en prosess som er aktiv i begynnelsen. Faktisk kan vi si at det i hovedsak er produktdesign for nettsteder. Det innebærer å forstå målet med nettstedet, hvordan brukerne vil samhandle med det, gjøre de respektive teknologivalg, og planlegger en vei fremover.

vi nevnte imidlertid bare at webdesign kan inkludere noen grafiske elementer. På grunn av dette er det ikke uvanlig å se noen grafiske ferdigheter innen webdesignteam – som uten tvil er der noen av de første forvirringene ligger – men det er webdesignere som lager alle backend-infrastrukturene også.

det er også verdt å merke seg at webdesign ofte betraktes som sin egen ferdighet. Selv om det er mange visuelle elementer som er felles med annen programvare, for eksempel knapper og navigasjon, har nettsteder ofte egne teknologivalg. Når det er sagt, med fremveksten av progressive web apps, grensene mellom nettsteder og applikasjoner har blitt stadig mer uskarpt.

vi behandler ikke lenger nettsteder som helt separate enheter fra applikasjoner og annen programvare innenfor forretningsdomenet. På samme måte ser vi også webdesign ferdigheter som trengs i bredere områder.

Eksempler På Webdesign

Hver god nettside bruker webdesign i sin oppfatning, så det er et stort utvalg av fantastiske eksempler der ute. Her er bare noen få vi ønsker å påpeke:

  • Dropbox. Selv om dette nettstedet kan virke veldig minimalistisk, er det helt poenget. Dropbox-nettstedet er utformet for å støtte forretningstjenesten (overføring av filer), slik at navigasjonen er ren og enkel. På samme måte gikk mange designvalg inn i å skape fildelingsprosessen selv på en slik måte at den fungerte med moderne nettlesere og enheter. Slik sikrer Dropbox en intuitiv og smidig prosess.

  • Slakk. Som et produkt som finnes både i nettleseren og som et nedlastbart, frittstående alternativ, Er Slack et fantastisk eksempel på hvor nettsteder og mer dedikert programvare begynner å bli uskarpe. Plattformen benytter klar navigasjon, til tross for en voksende liste over funksjoner og brukervennlighet, og derfor fortsetter den å være en brukerfavoritt i sin konkurransedyktige nisje.

  • Wikipedia. Dette er et eksempel på et nettsted som er i hovedsak så langt fjernet fra grafisk design påvirkninger som mulig. Når det er sagt, har det mange valg som er laget av en grunn. Wikipedia må tydelig og enkelt vise store mengder informasjon på en enkelt skjerm, samtidig skape webarkitektur for å støtte sine bredere redigering og admin oppgaver. Det kan høres enkelt ut, men hvis Du ser På Wikipedias originale design, ser du mye arbeid har gått i å gjøre det så intuitivt og brukbart som mulig.

Grafisk Og Webdesign Forskjeller

Dynamisk vs Statisk

Grafisk design har eksistert mye lenger enn webdesign, men mye av sitt engasjement ligger i fysiske medier, for eksempel magasiner og trykte medier. På den annen side er webdesign rent fokusert på digitale medier, og her ligger en viktig forskjell.

i et magasin eller en bok, er innholdet ordnet i en bestemt rekkefølge, med design ofte tar dette for gitt. Ordren er litt statisk. På et nettsted har imidlertid ulike brukere sine egne veier, og designere kan ikke stole på et etablert mønster.

dette betyr at webdesign må gi verktøyene for brukerne å navigere enkelt, samt sikre at hver side av visningen fungerer som en frittstående skjerm for sine respektive formål.

Hva mer, i en alder av personalisering og dynamisk lasting innhold, webdesignere må være mer og mer kreative. Et godt eksempel på dette ligger i e-handel. I en digital butikk kan butikken prioritere varer basert på dine preferanser, gi anbefalinger basert på historiske data og trender og andre tilpasninger. Ingenting av dette skjer i en katalog-teknologien er ikke der. Det er et helt nytt område som webdesignere må stadig vurdere i sitt arbeid.

Kreativitet

Som ethvert produkt må et nettsted være både brukbart og skille seg ut fra konkurransen. En vanlig nettside med svart og hvit tekst vil ikke få deg veldig langt. Dagens brukere forventer en sterk visuell innsats – for dette trenger du folk som er kreative.

Grafisk design er der dette kommer inn. Designere bruker sin kunnskap om målbrukerne til å lage visualer som fungerer. Det er der noen av de større merkevarebygging aspekter også kommer inn i bildet, også. Et nettsted må matche alt annet virksomheten gjør, for eksempel fysiske butikker eller trykt materiale. Brand-lojale følgere skal kunne identifisere seg med nettstedet enkelt.

Filstørrelse & Ytelse

på et nettsted forårsaker større filstørrelser langsommere lastetider og andre ytelsesproblemer, noe som er dårlig for både søkemotoroptimalisering og sluttbrukeropplevelsen. Det er velkjent at folk ikke kan stå treg nettsteder og klikk unna hvis svaret ikke er rask nok.

videre, mens folk også nyte vakre nettsteder fulle av grafikk og animasjoner, disse er noen av de viktigste skyldige bak store filstørrelser og treg ytelse.

Webdesignere ser på ytelsen som helhet. I tillegg til å jobbe med grafiske designere for å sikre at bildene er så lette som mulig, ser de også på hvordan innholdet lastes inn, hvilke andre handlinger som fungerer bak kulissene og andre områder som kan påvirke ytelsen.

Skala & Forhold

i tradisjonelle utskriftsmedier endres størrelsen på siden sjelden. Dette gjør det enkelt for grafiske designere å gi materiale som er den perfekte størrelsen, hver gang. Men i en digital verden har vi alle forskjellige skjermer.

som et resultat av dette må webdesignere vurdere design som kan håndteres på store dataskjermer, tabletter eller små smarttelefoner. Det er mange måter å gjøre dette på – i dag foretrekker vi å dynamisk laste innhold basert på enheten i stedet for å ha en sekundær mobilvariant av våre nettsteder-men det er en faktor som påvirker alle valg.

Webdesignere må skape strukturer som dynamisk tilpasser seg skalaen. I sin tur betyr dette at de må planlegge med eiendeler som også tilpasser seg. Et bilde som vises på et skrivebord, må kanskje skaleres ned – men det må kanskje justeres for å passe til teksten.

dette påvirker også typografi og andre områder, noe som skaper en overlapping mellom grafisk og webdesign bekymringer. Et grafisk designteam kan for eksempel velge de vakreste skriftene, men webteamet må teste om de kan leses tydelig på en mindre skjerm.

Visuell Teori

Tidligere nevnte vi både fargeteori og visuelle hierarkier. Det er denne bredere visuelle teorien som er viktig for nettsteder. Når en bruker lander på et nettsted, er det den visuelle presentasjonen på frontend som styrer hvor de går. Jo raskere de kan forstå hvor de skal flytte, hvor de skal klikke, og hvordan de skal finne det de trenger, jo mer vellykket er nettstedet i å ta opp sine første problemer.

for dette forstår grafiske designere hvilke farger som skal brukes, hvordan man lager sider, hvordan man gir plass og visuell vekt til de viktigste aspektene og hvordan alle disse valgene påvirker den endelige opplevelsen.

Kontinuerlig Støtte

Når en visuell ressurs er ferdig, er det det – det er ferdig. Et nettsted tilpasser seg og utvikler seg kontinuerlig. Nye sider eller seksjoner blir lagt til, eller webdesignteamet må velge ny teknologi for å gjøre det enda mer effektivt. I sin tur betyr disse valgene å planlegge en ny seksjon eller til og med omforme den eksisterende strukturen.

etter hvert som internett har utviklet seg, har nettsteder blitt mer tilpasningsdyktige og effektive. For å holde tritt, har webdesignere måtte holde tritt med dette tempoet. Framveksten av smarttelefoner, for eksempel, betydde at mobile nettsteder ble mer og mer viktig, mens selv stasjonære har nye nettlesere og andre teknologier som må gjøres rede for.

men det meste av dette gjelder sjelden grafisk design, da det er rent fokusert på frontend. Når teknologivalg påvirker visualer, er grafisk design ofte involvert, men inntil da er det webdesignteamet som opprettholder og forbedrer eksisterende nettsteder.

Analyse

vi har allerede etablert at webdesign er en pågående prosess – så hvem tror du det er som analyserer gjeldende nettside ytelse og data? Webdesignere bruker denne informasjonen til å måle nettstedets suksess og planlegge de neste forbedringene.

for eksempel kan et typisk nettsted fokusere på hvilke sider som blir sett (og hvilke som ikke er), hvor mange som raskt forlater nettstedet (fluktfrekvensen) og hvor fort nettstedet som helhet utfører for brukere. DET kan også fokusere PÅ SEO, for eksempel hvilke søkeord som trekker folk inn, hvilke sider rangerer høyt og hva de vanligste trafikkildene er. Mange av disse kan da føre til nye webdesign beslutninger.

men for mer spesifikke nettsteder stopper det ikke der. E-handelsbutikker, så vel som andre portaler, må ofte vurdere brukeraktivitet enda mer. Kan brukerne finne alle elementene de trenger? Er betalingsprosessen knirkefritt? Kjøper folk mer – eller mindre-ofte? Alle disse kan indikere når noe går galt og må forbedres.

Rolle Med Utviklere

selv Om det er klart at webdesignere ikke er webutviklere (selv om de to ofte blir samlet under ‘web dev’ – bransjen), er det klart at de fortsatt har sterk teknisk kunnskap. Dette gjør dem til det perfekte valget for å jobbe side om side med utviklerne på et gitt prosjekt.

Designere har å gjøre teknologiske valg som overlapper med utviklere, så det gir mening at design rolle tett samhandler med sistnevnte. Mens webdesignrollen vurderer filstørrelser og ytelsesproblemer, er det til slutt utviklere som må konvertere alt til funksjonell kode. Dette gjelder også når det gjelder senere forbedringer eller tilpasninger. Som et resultat er kommunikasjon mellom disse to lagene avgjørende.

Grafisk design, derimot, overlapper sjelden, hvis i det hele tatt. Når nettstedet trenger visuelle ressurser, er det webdesignteamet som vanligvis overlater disse til utviklerne som en del av det komplette prosjektet.

TL; DR – Grafisk Design vs Webdesign

hvis du jobber på et nettsted, trenger du både webdesign og grafisk design. Den tidligere er aktiv gjennom hele prosjektet, fra første valg for å hjelpe utviklere å implementere alt riktig. Ved siden av dette gir grafisk design kunnskap om brukeradferd og visuell teori for å skape eiendeler for å sikre at frontend er så brukervennlig og inspirerende som mulig.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.