Grafisk Design vs Internetdesign

grafisk og internetdesign er to områder, der ofte forveksles med hinanden. Når alt kommer til alt fokuserer de begge på ‘design’, og de arbejder begge ofte på de samme projekter.

det betyder dog ikke, at de er de samme, og at kende forskellene er afgørende for at vide, hvem man skal henvende sig til på et givet tidspunkt i et projekt. Til dette formål er her en detaljeret oversigt over hver rolle og deres vigtigste forskelle.

selvfølgelig, selvom individuelle færdigheder kan variere afhængigt af den respektive person eller team, er der et par vigtige kerneklammer til grafisk design vs internetdesign, der sjældent ændrer sig – det er det, der definerer rollerne, og hvad vi vil fokusere på her!

Hvad er Grafisk Design?

Grafisk design henviser til oprettelsen af visuelle, kommunikative aktiver til den brugervendte side af produkter. Dette kan omfatte illustrationer og ikoner (hvad de fleste uden tvivl tænker på som ‘grafik’) samt typografi, fotografering og endda skabeloner. En grafisk designer eller et team vil bruge alle disse medier til at skabe de nødvendige aktiver eller kompositioner til et projekt.

den største forskel er, at en grafisk designer ikke har teknisk viden. I stedet supplerer de deres visuelle færdigheder med en forståelse af brugeradfærd og evnen til at undersøge problemer. Derfor kan grafiske designere også hjælpe med sidelayout, for eksempel – de forstår, hvordan brugerne opfører sig og designer frontenden i overensstemmelse hermed.

derudover kræver Grafisk design meget mere end evnen til at tegne eller illustrere. Det kræver viden om farveteori (hvordan farver interagerer med hinanden), psykologi (hvordan visuals påvirker brugeradfærd) og de mere avancerede emner, såsom visuelle hierarkier (hvordan man visualiserer vigtigere muligheder i forhold til sekundære). Mens Grafisk design er et område, der mangler den tekniske viden, der er nødvendig i digitale projekter, er deres forståelse af visuals, brugere og forholdet mellem de to lige så vigtige.

eksempler på Grafisk Design

Grafisk design sker overalt omkring os-det er i magasiner, reklametavler, flyers og andre trykte materialer, du kan tænke på. Når det er sagt, her er et par eksempler på grafisk design med hensyn til digitale medier – herunder hvordan det overlapper og fungerer med hjemmesider.

  • LinkedIn. Selvom vi ikke ville betragte noget socialt medienetværk som ‘grafisk tungt’, bruger de alligevel Grafisk design som vigtige visuelle genveje. Ved hjælp af LinkedIn som et eksempel reduceres den øverste bjælke til et lille antal let fortolkelige ikoner, hvilket sikrer nem navigation på tværs af skærme. Hvad mere er, dette hjælper med at oversætte godt til mobil og tablets, så ikonerne sikrer konsistens og fortrolighed, mens det visuelle layout kan ændres.

  • McDonald ‘ s. Dette er et mærke med et logo kendt over hele verden, så det er ikke overraskende, at hjemmesiden og trykte materialer udnytter grafiske designkomponenter så meget som muligt. Alt fremstår tekstlys og formidler branding gennem logo, farve og fotografering. Faktisk gælder dette for stort set alle de bedste madrelaterede tjenester, såsom restauranter og leveringsapps: Vis don ‘ t tell er vejen at gå.

  • IKEA. Al e-handel eller detailhandel kræver stærke billeder, men IKEA har cementeret sig med branding og stil. Virksomheden bruger grafik så meget som muligt fra sine livlige blå og gule farver til at vise sine produkter i et hjemmemiljø. Dette er valg af grafisk design, der har defineret virksomheden næsten lige så meget som deres navngivningskonventioner.

Hvad er Internet Design?

design refererer til de færdigheder og metoder, der anvendes til både at producere og vedligeholde en hjemmeside. Dette inkluderer både tekniske færdigheder, såsom kodning og søgemaskineoptimering (som er stærkt påvirket af teknologiske valg) samt designrelaterede færdigheder, såsom grænseflader og brugeroplevelse.

uanset om det er en individuel designer eller et team, der omfatter de respektive færdigheder, der kræves, er design en proces, der er aktiv i starten. Faktisk kan vi sige, at det i det væsentlige er produktdesign til hjemmesider. Det indebærer at forstå målet med hjemmesiden, hvordan brugerne vil interagere med det, træffe de respektive teknologivalg og planlægge en vej fremad.

vi nævnte dog bare, at internetdesign kan indeholde nogle grafiske elementer. På grund af dette er det ikke ualmindeligt at se nogle grafiske færdigheder inden for internetdesignteams – hvilket uden tvivl er, hvor noget af den oprindelige forvirring ligger – men det er internetdesignere, der også skaber alle backend-infrastrukturer.

det er også værd at bemærke, at hjemmeside design ofte betragtes som sin egen skillset. Mens der er mange visuelle elementer til fælles med andre programmer, såsom knapper og navigation, hjemmesider har ofte specifikke teknologi valg af deres egne. Når det er sagt, med fremkomsten af progressive internet apps, grænserne mellem hjemmesider og applikationer er blevet mere og mere sløret.

vi behandler ikke længere hjemmesider som helt adskilte enheder fra applikationer og andre programmer inden for forretningsdomænet. På samme måde ser vi også, at der er behov for internetdesignfærdigheder på bredere områder.

eksempler på hjemmeside Design

hver god hjemmeside bruger internetdesign i sin opfattelse, så der er en lang række fantastiske eksempler derude. Her er blot nogle få, vi gerne vil påpege:

  • Dropkasse. Mens dette site kan virke meget minimalistisk, det er helt pointen. Hjemmesiden er designet til at understøtte virksomhedens service (overførsel af filer), så navigationen er ren og enkel. På samme måde gik mange designvalg i at skabe selve fildelingsprocessen på en sådan måde, at de arbejdede med moderne bro.sere og enheder. Sådan sikrer vi en intuitiv og smidig proces.

  • slap. Slack er et fantastisk eksempel på, hvor hjemmesider og mere dedikerede programmer begynder at sløre. Platformen bruger klar navigation på trods af en voksende liste over funktioner og brugervenlighed, hvorfor den fortsat er en brugerfavorit i sin konkurrencedygtige niche.

  • – Ja. Dette er et eksempel på en hjemmeside, der er væsentlige så langt væk fra Grafisk Design påvirkninger som muligt. Det sagt, det har masser af valg, der træffes af en grund. Vi skal tydeligt og nemt vise store mængder information på en enkelt skærm, samtidig med at vi skaber internetarkitektur for at understøtte dets bredere redigerings-og administratoropgaver. Det lyder måske nemt, men hvis du ser på de originale designs, vil du se en masse arbejde er gået i at gøre det så intuitivt og brugbart som muligt.

grafisk og Internet Design forskelle

dynamisk vs statisk

Grafisk design har eksisteret meget længere end internetdesign, men meget af dets engagement ligger i fysiske medier, såsom magasiner og trykte medier. På den anden side er internetdesign udelukkende fokuseret på digitale medier, og heri ligger en vigtig forskel.

i et magasin eller en bog arrangeres indhold i en bestemt rækkefølge, hvor designet ofte tager dette for givet. Ordren er noget statisk. På en hjemmeside har forskellige brugere imidlertid deres egne veje, og designere kan ikke stole på et etableret mønster.

dette betyder, at internetdesign skal give brugerne værktøjer til at navigere let, samt sikre, at hver side med visning fungerer som en enkeltstående skærm til de respektive formål.

hvad mere er, i en tid med personalisering og dynamisk indlæsning af indhold, skal internetdesignere være mere og mere kreative. Et godt eksempel på dette ligger i e-handel. I en digital butik kan butikken prioritere varer baseret på dine præferencer, komme med anbefalinger baseret på Historiske data og tendenser og andre tilpasninger. Intet af dette sker i et katalog – teknologien er der ikke. Det er et helt nyt område, som designere i stigende grad skal overveje i deres arbejde.

kreativitet

som ethvert produkt skal en hjemmeside være både brugbar og skiller sig ud fra konkurrencen. En almindelig hjemmeside med sort / hvid tekst kommer dig ikke meget langt. Dagens brugere forventer en stærk visuel indsats-til dette har du brug for mennesker, der er kreative.

Grafisk design er, hvor dette kommer ind. Designere bruger deres viden om målbrugerne til at skabe billeder, der fungerer. Det er her nogle af de større branding-aspekter også spiller ind. En hjemmeside skal matche alt andet virksomheden gør, såsom fysiske butikker eller trykte materialer. Brand-loyale tilhængere skal være i stand til let at identificere sig med hjemmesiden.

Filstørrelse & ydeevne

på en hjemmeside forårsager større filstørrelser langsommere indlæsningstider og andre ydelsesproblemer, hvilket er dårligt for både søgemaskineoptimering og slutbrugeroplevelsen. Det er velkendt, at folk ikke kan stå langsomme hjemmesider og klikke væk, hvis svaret ikke er hurtigt nok.

desuden, mens folk også nyde smukke hjemmesider fuld af grafik og animationer, disse er nogle af de vigtigste syndere bag store filstørrelser og langsom ydeevne.

designere ser på performance som helhed. Ud over at arbejde med grafiske designere for at sikre, at billeder er så lette som muligt, vil de også se på, hvordan indhold indlæses, hvilke andre handlinger der fungerer bag kulisserne og andre områder, der kan påvirke ydeevnen.

skala & Ratio

i traditionelle trykte medier ændres sidens størrelse sjældent. Dette gør det nemt for grafiske designere at levere materiale, der er den perfekte størrelse, hver gang. Men i en digital verden ejer vi alle skærme i forskellige størrelser.

som et resultat af dette skal internetdesignere overveje design, der kan håndteres på store computerskærme, tablets eller små smartphones. Der er mange måder at gøre dette på – i dag foretrækker vi dynamisk at indlæse indhold baseret på enheden i stedet for at have en sekundær mobilvariant af vores hjemmesider-men det er en faktor, der påvirker ethvert valg.

designere skal skabe strukturer, der dynamisk tilpasser sig skalaen. Til gengæld betyder det, at de skal planlægge med aktiver, der også tilpasser sig. Et billede, der vises på et skrivebord, skal muligvis skaleres ned – men det skal muligvis også justeres, så det passer til teksten.

dette påvirker også typografi og andre områder, hvilket skaber en overlapning mellem grafiske og designproblemer. Et grafisk designteam kan vælge de smukkeste skrifttyper, for eksempel, men internetteamet skal teste, om de kan læses tydeligt på en mindre skærm.

visuel teori

tidligere nævnte vi både farveteori og visuelle hierarkier. Det er denne bredere visuelle teori, der er afgørende for hjemmesider. Når en bruger lander på en hjemmeside, er det den visuelle præsentation på frontend, der dirigerer, hvor de går. Jo hurtigere de kan forstå, hvor de skal flytte, hvor man skal klikke, og hvordan man finder det, de har brug for, jo mere vellykket er hjemmesiden i at løse deres oprindelige problemer.

til dette forstår grafiske designere, hvilke farver de skal bruge, hvordan man laver sider, hvordan man giver plads og visuel ‘vægt’ til de vigtigste aspekter, og hvordan alle disse valg påvirker den endelige oplevelse.

løbende Support

når et visuelt aktiv er færdigt, er det det – det er færdigt. En hjemmeside er i konstant udvikling og tilpasning. Nye sider eller sektioner tilføjes, eller internetdesignteamet skal vælge nye teknologier for at gøre det endnu mere effektivt. Til gengæld betyder disse valg derefter planlægning af et nyt afsnit eller endda redesign af den eksisterende struktur.

efterhånden som internettet har udviklet sig, er hjemmesider blevet mere tilpasningsdygtige og effektive. For at følge med har internetdesignere været nødt til at følge med i dette tempo. Stigningen af smartphones, for eksempel, betød, at mobile sites blev mere og mere afgørende, mens selv desktops har nye bro.sere og andre teknologier, der skal redegøres for.

men det meste af dette vedrører sjældent det grafiske design, da det er rent fokuseret på frontend. Når teknologivalg påvirker visuals, er Grafisk design ofte involveret, men indtil da er det internetdesignteamet, der vedligeholder og forbedrer eksisterende hjemmesider.

Analytics

vi har allerede fastslået, at hjemmeside design er en løbende proces – så hvem tror du, det er, der analyserer aktuelle hjemmeside ydeevne og data? Designere bruger disse oplysninger til at måle deres hjemmesides succes og planlægge de næste forbedringer.

for eksempel kan en typisk hjemmeside fokusere på, hvilke sider der ses (og hvilke der ikke er), hvor mange mennesker der hurtigt forlader hjemmesiden (afvisningsprocenten) og hvor hurtigt hjemmesiden som helhed klarer sig for brugerne. Det kan også fokusere på SEO, som hvilke søgeord der trækker folk ind, hvilke sider der rangerer højt, og hvad de mest almindelige trafikkilder er. Mange af disse kan derefter føre til nye designbeslutninger.

men for mere specifikke hjemmesider stopper det ikke der. E-handelsbutikker såvel som andre portaler skal ofte overveje brugeraktivitet endnu mere. Kan brugerne finde alle de elementer, de har brug for? Kører betalingsprocessen problemfrit? Køber folk mere – eller mindre-ofte? Alle disse kan indikere, hvornår noget går galt og skal forbedres.

rolle med udviklere

selvom det er klart, at internetdesignere ikke er internetudviklere (selvom de to ofte bliver klumpet under ‘internet dev’ industrien), er det klart, at de stadig har stærk teknisk viden. Dette gør dem til det perfekte valg til at arbejde side om side med udviklerne på et givet projekt.

designere er nødt til at træffe teknologiske valg, der overlapper hinanden med udviklere, så det giver perfekt mening, at designrollen interagerer tæt med sidstnævnte. Mens internetdesignrollen overvejer filstørrelser og ydelsesproblemer, er det i sidste ende udviklere, der skal konvertere alt til funktionel kode. Dette gælder også, når det kommer til efterfølgende forbedringer eller tilpasninger. Som et resultat er kommunikation mellem disse to hold afgørende.

Grafisk design overlapper derimod sjældent, hvis overhovedet. Når hjemmesiden har brug for visuelle aktiver, er det internetdesignteamet, der typisk overleverer disse til udviklerne som en del af det komplette projekt.

TL; DR-Grafisk Design vs hjemmeside Design

hvis du arbejder på en hjemmeside, har du brug for både internetdesign og grafisk design. Førstnævnte er aktiv gennem hele projektet, fra indledende valg til at hjælpe udviklere med at implementere alt korrekt. Ved siden af dette bringer det grafiske design viden om brugeradfærd og visuel teori til at skabe aktiver for at sikre, at frontend er så brugervenlig og inspirerende som muligt.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.