Grafisch ontwerp Versus Webdesign

grafisch en webdesign zijn twee gebieden die vaak met elkaar worden verward. Ze richten zich immers allebei op ‘design’ en werken vaak aan dezelfde projecten.

echter, dat betekent niet dat ze hetzelfde zijn, en het kennen van de verschillen is essentieel om te weten tot wie te wenden op een bepaald punt in een project. Daartoe, hier is een gedetailleerde uitsplitsing van elke rol en hun belangrijkste verschillen.

natuurlijk, hoewel individuele vaardigheden kunnen variëren op basis van de respectievelijke persoon of team, zijn er een paar essentiële kern nietjes van grafisch ontwerp Versus webdesign die zelden veranderen – dit zijn wat de rollen definiëren en waar we ons hier op willen richten!

Wat is Grafisch Ontwerp?

grafisch ontwerp verwijst naar het creëren van visuele, communicatieve middelen voor de gebruikerszijde van producten. Dit kan illustraties en pictogrammen (wat de meeste mensen misschien denken als ‘graphics’), evenals typografie, fotografie, en zelfs sjablonen. Een grafisch ontwerper of team zal al deze media gebruiken om de nodige assets of composities voor een project te creëren.

het grootste verschil is dat een grafisch ontwerper geen technische kennis heeft. In plaats daarvan vullen ze hun visuele vaardigheden aan met inzicht in gebruikersgedrag en het vermogen om problemen te onderzoeken. Dit is de reden waarom grafisch ontwerpers ook kunnen helpen met pagina-indelingen, bijvoorbeeld-ze begrijpen hoe gebruikers zich gedragen en het ontwerp van de frontend dienovereenkomstig.

bovendien vereist grafisch ontwerp veel meer dan het vermogen om te tekenen of te illustreren. Het vereist kennis van de kleurentheorie (hoe kleuren met elkaar interageren), psychologie (hoe visuals het gedrag van gebruikers beïnvloeden), en de meer geavanceerde onderwerpen, zoals visuele hiërarchieën (hoe meer belangrijke opties te visualiseren dan secundaire). Hoewel grafisch ontwerp een gebied is dat de technische kennis mist die nodig is in digitale projecten, zijn hun begrip van visuals, gebruikers en de relatie tussen de twee net zo belangrijk.

voorbeelden van Grafisch Ontwerp

grafisch ontwerp gebeurt overal om ons heen – het is in tijdschriften, billboards, flyers, en alle andere gedrukte materialen die je maar kunt bedenken. Dat gezegd hebbende, hier zijn een paar voorbeelden van grafisch ontwerp met betrekking tot digitale media – met inbegrip van hoe het overlapt en werkt met websites.

  • LinkedIn. Hoewel we geen sociaal medianetwerk zouden beschouwen als ‘grafisch-zwaar’, gebruiken ze toch allemaal grafisch ontwerp als essentiële visuele snelkoppelingen. Met behulp van LinkedIn als voorbeeld, de bovenste balk is gereduceerd tot een klein aantal gemakkelijk te interpreteren pictogrammen, zorgen voor een gemakkelijke navigatie over de schermen. Wat meer is, dit helpt vertalen goed in mobiele en tablets, zodat, terwijl de visuele lay-out kan worden gewijzigd, de pictogrammen zorgen voor consistentie en vertrouwdheid.

  • McDonald ‘ s. Dit is een merk met een logo dat over de hele wereld bekend is, dus het is geen verrassing dat de website en het gedrukte materiaal zoveel mogelijk gebruik maken van grafische ontwerpcomponenten. Alles verschijnt tekst-licht en brengt branding door middel van logo, kleur, en fotografie. In feite, dit geldt voor vrijwel alle de beste food-gerelateerde diensten, zoals restaurants en levering apps: Toon don ‘ t tell is de weg te gaan.

  • IKEA. Alle e-commerce of retail activiteiten vereisen sterke visuals, maar IKEA heeft zich gecementeerd met branding en stijl. Het bedrijf maakt gebruik van graphics zoveel mogelijk, van de levendige blauwe en gele kleuren om haar producten te tonen in een thuisomgeving. Dit zijn grafisch ontwerp keuzes die het bedrijf hebben gedefinieerd bijna net zo veel als hun naamgeving conventies.

Wat is Web Design?

Web design verwijst naar de vaardigheden en methoden die worden gebruikt bij het produceren en onderhouden van een website. Dit omvat zowel technische vaardigheden, zoals codering en zoekmachineoptimalisatie (die sterk wordt beïnvloed door technologische keuzes), als ontwerpgerelateerde vaardigheden, zoals interfaces en gebruikerservaring.

of het nu gaat om een individuele web designer of een team dat de respectievelijke vaardigheden die nodig zijn omvat, web design is een proces dat is actief aan het begin. In feite, we kunnen zeggen dat het in wezen productontwerp voor websites. Het gaat om het begrijpen van het doel van de website, hoe gebruikers zullen communiceren met het, het maken van de respectieve technologische keuzes, en het plannen van een pad vooruit.

echter, we hebben net vermeld dat web design kan een aantal grafische elementen bevatten. Vanwege dit, het is niet ongewoon om te zien een aantal grafische vaardigheden binnen web design teams – dat is misschien wel waar een deel van de eerste verwarring ligt – maar het is webdesigners die alle van de backend infrastructuren te creëren.

het is ook vermeldenswaard dat website ontwerp wordt vaak beschouwd als zijn eigen vaardigheden. Hoewel er veel visuele elementen gemeen hebben met andere software, zoals knoppen en navigatie, hebben websites vaak eigen specifieke technologische keuzes. Dat gezegd hebbende, met de opkomst van progressieve web apps, de grenzen tussen websites en applicaties zijn steeds vervagen.

we behandelen websites niet langer als volledig gescheiden entiteiten van applicaties en andere software binnen het bedrijfsdomein. Ook, we zien ook web design vaardigheden die nodig zijn in bredere gebieden.

voorbeelden van webdesign

elke goede website maakt gebruik van web design in zijn conceptie, dus er is een breed scala aan fantastische voorbeelden die er zijn. Hier zijn slechts een paar die we willen wijzen:

  • Dropbox. Hoewel deze site lijkt misschien zeer minimalistisch, dat is helemaal het punt. De website van Dropbox is ontworpen om de zakelijke service (het overbrengen van bestanden) te ondersteunen, zodat de navigatie schoon en eenvoudig is. Ook, veel van het ontwerp keuzes ging in het creëren van de file-sharing proces zelf op een zodanige manier om te werken met moderne browsers en apparaten. Zo zorgt Dropbox voor een intuïtief en soepel proces.

  • Slack. Als een product dat zowel bestaat in-browser en als een downloadbare, standalone optie, Slack is een fantastisch voorbeeld van waar websites en meer dedicated software beginnen te vervagen. Het platform maakt gebruik van duidelijke navigatie, ondanks een groeiende lijst van functies, en bruikbaarheid, dat is waarom het nog steeds een gebruiker-favoriet in zijn concurrerende niche.

  • Wikipedia. Dit is een voorbeeld van een website die in wezen zo ver mogelijk verwijderd is van grafische vormgeving invloeden. Dat gezegd hebbende, het heeft tal van keuzes die zijn gemaakt voor een reden. Wikipedia moet duidelijk en gemakkelijk grote hoeveelheden informatie weer te geven op een enkel scherm, terwijl ook het creëren van webarchitectuur om de bredere bewerken en admin taken te ondersteunen. Het klinkt misschien eenvoudig, maar als je kijkt naar de originele ontwerpen van Wikipedia, zie je dat er veel werk is verzet om het zo intuïtief en bruikbaar mogelijk te maken.

verschillen in Grafisch en webdesign

dynamisch Versus statisch

grafisch ontwerp bestaat al veel langer dan webdesign, maar veel van zijn betrokkenheid ligt in fysieke media, zoals tijdschriften en gedrukte media. Aan de andere kant, web design is puur gericht op digitale media, en hierin ligt een belangrijk verschil.

in een tijdschrift of boek wordt de inhoud in een bepaalde volgorde gerangschikt, waarbij het ontwerp dit vaak als vanzelfsprekend beschouwt. De volgorde is wat statisch. Op een website, echter, verschillende gebruikers hebben hun eigen paden, en ontwerpers kunnen niet vertrouwen op een gevestigde patroon.

dit betekent dat web design moet de tools voor gebruikers om gemakkelijk te navigeren bieden, evenals ervoor zorgen dat elke pagina van de weergave werkt als een standalone scherm voor zijn respectieve doeleinden.

bovendien moeten webdesigners in een tijdperk van personalisatie en dynamische laadinhoud steeds creatiever worden. Een goed voorbeeld hiervan is de elektronische handel. In een digitale winkel kan de winkel items prioriteren op basis van uw voorkeuren, aanbevelingen doen op basis van historische gegevens en trends en andere aanpassingen. Niets van dit alles gebeurt in een catalogus – de technologie is er niet. Het is een geheel nieuw gebied dat webdesigners moeten steeds meer rekening houden in hun werk.

creativiteit

net als elk product, een website moet zowel bruikbaar en opvallen van de concurrentie. Een eenvoudige website van zwart-wit tekst zal je niet erg ver. De gebruikers van vandaag verwachten een sterke visuele inspanning – hiervoor heb je mensen nodig die creatief zijn.

grafisch ontwerp is waar dit van pas komt. Ontwerpers gebruiken hun kennis over de doelgroep gebruikers om visuals die werken te creëren. Dit is waar een aantal van de grotere branding aspecten ook in het spel komen. Een website moet overeenkomen met alles wat het bedrijf doet, zoals fysieke winkels of gedrukt materiaal. Merk-trouwe volgers moeten in staat zijn om zich gemakkelijk te identificeren met de website.

Bestandsgrootte & prestatie

op een website veroorzaken grotere bestandsgroottes tragere laadtijden en andere prestatieproblemen, die slecht zijn voor zowel de zoekmachine-optimalisatie als de ervaring van de eindgebruiker. Het is bekend dat mensen niet kunnen staan trage websites en klik weg als de reactie is niet snel genoeg.

bovendien, terwijl mensen ook genieten van mooie websites vol graphics en animaties, dit zijn enkele van de belangrijkste boosdoeners achter grote bestandsgroottes en trage prestaties.

webdesigners kijken naar prestaties als geheel. Naast het werken met grafisch ontwerpers om ervoor te zorgen dat beelden zo licht mogelijk zijn, zullen ze ook kijken naar hoe content wordt geladen, welke andere acties achter de schermen werken en welke andere gebieden van invloed kunnen zijn op prestaties.

Schaal & Verhouding

in traditionele gedrukte media verandert de grootte van de pagina zelden. Dit maakt het gemakkelijk voor grafisch ontwerpers om materiaal te leveren dat de perfecte grootte heeft, elke keer. Maar in een digitale wereld hebben we allemaal schermen van verschillende grootte.

als gevolg hiervan, webdesigners moeten ontwerpen die kunnen worden behandeld op grote computer monitoren, tablets, of kleine smartphones overwegen. Er zijn veel manieren om dit te doen – vandaag de dag, we de voorkeur aan dynamisch te laden inhoud op basis van het apparaat in plaats van het hebben van een secundaire mobiele-variant van onze websites – maar het is een factor die elke keuze beà nvloedt.

webdesigners moeten structuren creëren die zich dynamisch aanpassen aan schaal. Dit betekent op zijn beurt dat ze moeten plannen met activa die zich ook aanpassen. Een afbeelding die op een bureaublad verschijnt moet mogelijk worden verkleind – maar het moet mogelijk ook worden aangepast aan de tekst.

dit beïnvloedt ook typografie en andere gebieden, waardoor een overlap tussen grafische en web design zorgen. Een grafisch ontwerpteam kan bijvoorbeeld de mooiste lettertypen kiezen, maar het webteam moet testen of ze duidelijk kunnen worden gelezen op een kleiner scherm.

visuele theorie

eerder hebben we zowel de kleurentheorie als de visuele hiërarchieën genoemd. Het is deze bredere visuele theorie die essentieel is voor websites. Wanneer een gebruiker landt op een website, is het de visuele presentatie op de frontend die stuurt waar ze naartoe gaan. Hoe sneller ze kunnen begrijpen waar te verplaatsen, waar te klikken, en hoe te vinden wat ze nodig hebben, hoe succesvoller de website is in het aanpakken van hun initiële problemen.

hiervoor begrijpen grafisch ontwerpers welke kleuren ze moeten gebruiken, hoe ze pagina ‘s moeten opmaken, hoe ze ruimte en visueel’ gewicht ‘ moeten geven aan de belangrijkste aspecten en hoe al deze keuzes de uiteindelijke ervaring beïnvloeden.

permanente ondersteuning

als een visuele asset klaar is , is het afgelopen. Een website is echter voortdurend aan het aanpassen en evolueren. Nieuwe pagina ‘ s of secties worden toegevoegd, of het web design team moet kiezen voor nieuwe technologieën om het nog meer performant te maken. Op hun beurt betekenen deze keuzes dan het plannen van een nieuwe sectie of zelfs het opnieuw ontwerpen van de bestaande structuur.

naarmate het internet zich heeft ontwikkeld, zijn websites meer aanpasbaar en performant geworden. Om bij te blijven, webdesigners hebben gehad om bij te blijven met dit tempo. De opkomst van smartphones, bijvoorbeeld, betekende dat mobiele sites steeds belangrijker, terwijl zelfs desktops hebben nieuwe browsers en andere technologieën die moeten worden verantwoord.

toch heeft dit meestal zelden betrekking op het grafisch ontwerp, omdat het uitsluitend gericht is op de frontend. Wanneer technologische keuzes van invloed zijn op visuals, dan grafisch ontwerp is vaak betrokken, maar tot die tijd, het is het web design team dat onderhoudt en verbetert bestaande websites.

Analytics

we hebben al vastgesteld dat Webdesign een continu proces is – dus wie denk je dat het is dat de huidige website prestaties en gegevens analyseert? Webdesigners gebruiken deze informatie om het succes van hun website te meten en de volgende verbeteringen te plannen.

een typische website kan zich bijvoorbeeld richten op welke pagina ‘ s worden bekeken (en welke niet), hoeveel mensen de website snel verlaten (de bounce rate) en hoe snel de website als geheel presteert voor gebruikers. Het kan ook richten op SEO, ook, zoals welke zoekwoorden zijn het tekenen van mensen in, welke pagina ‘ s zijn zeer ranking en wat de meest voorkomende verkeersbronnen zijn. Veel van deze kunnen dan leiden tot nieuwe web design beslissingen.

echter, voor meer specifieke websites, het houdt daar niet op. E-commerce winkels, evenals andere portals, hebben vaak om de activiteit van de gebruiker nog meer te overwegen. Kunnen gebruikers alle items vinden die ze nodig hebben? Verloopt het betalingsproces soepel? Kopen mensen meer of minder vaak? Al deze kunnen aangeven wanneer er iets mis gaat en moet worden verbeterd.

rol met ontwikkelaars

hoewel het duidelijk is dat webdesigners geen webontwikkelaars zijn (hoewel de twee vaak op één hoop worden gegooid onder de ‘web dev’ – industrie), is het duidelijk dat ze nog steeds een sterke technische kennis hebben. Dit maakt hen de perfecte keuze voor het werken zij aan zij met de ontwikkelaars op een bepaald project.

ontwerpers moeten technologische keuzes maken die overlappen met ontwikkelaars, dus het is logisch dat de ontwerprol nauw samenwerkt met de laatste. Terwijl de web design rol beschouwt Bestandsgrootte en prestaties problemen, het is uiteindelijk ontwikkelaars die alles moeten omzetten in functionele code. Dit geldt ook voor latere verbeteringen of aanpassingen. Daarom is communicatie tussen deze twee teams essentieel.

grafisch ontwerp, aan de andere kant, zelden overlapt, of helemaal niet. Wanneer de website visuele middelen nodig heeft, is het het web design team dat deze meestal overhandigt aan de ontwikkelaars als onderdeel van het volledige project.

TL; DR-Grafisch Ontwerp vs Webdesign

als je aan een website werkt, heb je zowel webdesign als grafisch ontwerp nodig. De eerste is actief gedurende het hele project, van de eerste keuzes om ontwikkelaars te helpen alles correct te implementeren. Daarnaast brengt het Grafisch Ontwerp kennis van gebruikersgedrag en visuele theorie met zich mee om assets te creëren om ervoor te zorgen dat de frontend zo gebruiksvriendelijk en inspirerend mogelijk is.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.