Een verzameling van prachtig geïllustreerde websites
Geïllustreerde toevoegingen aan websites kunnen zelfs het eenvoudigste thema een extra niveau van visuele interesse en complexiteit verlenen.
Illustraties variëren sterk van de ene site naar de volgende. Sommige zien er met de hand getekend uit (of ze nu zijn of niet) terwijl andere duidelijk digitaal worden weergegeven.
Hieronder staan meer dan dertig geweldige website-ontwerpen met illustraties.
De meest voorkomende zijn illustraties in kopteksten en achtergronden, vaak van site-mascottes of -personages.
Maar illustraties worden ook op andere manieren gebruikt. Als je een favoriete geïllustreerde site hebt die hier niet wordt genoemd, laat ons dit dan weten in de reacties.
Sites met digitale illustraties
Deze sites hebben illustraties die duidelijk digitaal zijn. Gladde lijnen en felle kleuren zijn kenmerken van deze stijl, hoewel niet alles hieronder weergegeven voldoet aan deze normen.
F5
De F5-website gebruikt een grillige digitale illustratie voor hun achtergrond. De felle kleuren en cartoonachtige karakters zijn typerend voor digitale illustraties. Wat hier niet zichtbaar is, is dat de illustratie de pagina doorloopt en verschillende lagen onthult.
Wireframe Plus
Wireframe Plus gebruikt een monochrome achtergrondillustratie voor hun site. Het is subtiel, maar voegt echt wat extra visuele oomph toe en maakt de site opvallen hoewel het kleurenschema en de typografie redelijk standaard zijn.
Tom Bradshaw Design
Tom Bradshaw Design gebruikt geïllustreerde typografie op de hele site, evenals een stripfiguurmascotte die op elk gedeelte van de pagina verschijnt (het is een pagina van één pagina).
mediocore
Glanzende digitale illustraties zoals deze worden niet vaak gezien en onderscheiden zich van andere sites. Deze valt nog meer op omdat deze zich op een zwarte achtergrond bevindt en de enige heldere kleuren op de pagina gebruikt.
htmlMafia
De illustraties hier zijn een soort mix tussen digitale en met de hand getekende stijlen, hoewel de gebruikte gradiënten ze steviger in de digitale categorie plaatsen. Dit is een goed voorbeeld van hoe illustraties een site verlevendigen en een meer dramatische indruk geven.
CreativeSwitch
De hier geïllustreerde robot is feitelijk geanimeerd op de website zelf, zij het op subtiele wijze. Extra illustraties worden overal op de site gebruikt.
690 Ontwerp
Afbeeldingen koppelen aan de kopie van een website is een fantastische strategie. Hier bespreekt de slogan tekst harmonie, en een orkest dirigent wordt gebruikt voor de illustratie.
Kipu
Simpele, vectorachtige illustraties maken een zeer gewaagde indruk. Het gebruik van een meer gedempt kleurenpalet voor hen, zoals hierboven, zorgt ervoor dat ze naadloos opgaan in de rest van de site.
Siringa 1
Deze tekens zijn een ander voorbeeld van digitale illustraties die hen een handgetekende sfeer geven. In combinatie met het kleurenschema geven deze illustraties de website een ontspannen, vriendelijk gevoel.
PixelBaecker
Er is veel gaande in deze illustratie in vectorstijl, van de mannen die ondergronds werken tot de vogel in de boom. Stilistisch gezien is het een vrij typische vectorillustratie, hoewel de uitvoering fantastisch is.
Pieoneers
Het gebruik van illustraties om te praten over voordelen of andere informatie te bieden, zonder er een info-graphic van te maken, is een geweldige strategie. Het is een leuke en interessante manier om informatie over te dragen die uw bezoekers meer zal interesseren. Bovendien is de combinatie van een taart en een vliegende schotel hier gewoon uitstekend!
Jacob Lee
De hier geïllustreerde pinguïn ziet er bijna handgetekend uit, maar hij is gewoon iets te glad en gepolijst. De grimmige witte kleur (of het ontbreken daarvan) valt echt op tegen de kleurrijke achtergrond.
Treehouse-bewerking
De geïllustreerde achtergrond hier verandert van pagina tot pagina en heeft subtiele animaties. Maar het is een prachtig kunstwerk, een tweede blik waardig.
Code Crunchers
De meest voorkomende digitale illustraties zijn eenvoudige personages of monsters zoals deze. En als een mascotte, het werkt perfect met de naam van de site.
Forrst
Geïllustreerde achtergronden zoals deze komen steeds vaker voor. De volledige integratie tussen de inhoud en de achtergrond maakt dit echt duidelijk.
Coo / Coo Core
Meer abstracte illustraties zoals deze geven een site een meer modern gevoel. Deze is gewoon abstract genoeg om dit te doen, terwijl hij nog steeds herkenbaar is als een boom.
Joystick-generaals
De herhaling van het basisteken op de achtergrond van de kop voegt een extra laag visueel belang toe aan een relatief eenvoudige illustratie. Het hier gebruikte kleurenschema is eenvoudig, maar in combinatie met de grungy achtergrond ziet het er fantastisch uit.
Filmwerk laten maken
Illustraties worden minder vaak op sites in grunge-stijl weergegeven, waarschijnlijk omdat het risico van visuele rommel oplevert. Maar de eenvoudige illustratie hier, met zijn gedempte kleurenschema en subtiele textuur, werkt geweldig in een meer minimalistisch grunge-ontwerp.
The Solid Studios
Nog een geweldig voorbeeld van eenvoudige digitale monsters die in een ontwerp worden gebruikt. Deze gasten zijn ongedwongen en leuk en laten de website hetzelfde voelen.
Olive Crush
Headers zijn een van de meest fool-proof gebieden om illustraties te gebruiken. Door creatief gebruik van slagschaduwen lijkt deze koptekstafbeelding bijna 3D.
Sara Tusar
Nog een geweldig voorbeeld van monsters, dit keer in een header-ontwerp. Het zijn subtiele, echo-kleuren van de rest van de website, maar geven een persoonlijk tintje.
Arbel-Designs
De Arbel-Designs website maakt gebruik van een meerlagige geïllustreerde achtergrond, beginnend in de ruimte bovenaan de pagina en diep onder water. Deze stijl van geïllustreerde achtergrond werkt geweldig op sites met één pagina.
Monsters zoeken
Dit zijn enkele van de eenvoudigste vectorkarakters in dit bericht. Ze zijn echter heel schattig en zijn volledig geïntegreerd in het ontwerp van de site. Sterker nog, ze zijn het hele punt van de site.
Sites met handgetekende illustraties
Handgetekende illustraties komen minder vaak voor in webdesign, maar er zijn nog steeds enkele fantastische voorbeelden. Ze variëren van fijne tekeningen tot doodles en alles daartussenin.
Steve Schoger
Eenvoudige schetsen zoals deze zijn geweldig voor elke site, maar vooral als ze een typische ontwerper (of een professionele foto) vervangen. Ze zijn ook een geweldig alternatief voor diegenen die camera-verlegen zijn! De achtergrondstructuur laten doorschijnen om een huidskleur te geven, is een leuke toets.
Kenny Meyers
Een illustratie van een superheld op een anderszins vrij minimalistische site kan helpen vertrouwen te scheppen in uw bezoekers zonder een 'bedrijfsgevoelig' siteontwerp te gebruiken. Echo-kleuren van elders op de site zorgen ervoor dat de afbeelding naadloos overvloeit.
Andy Ward
Het is alleen maar logisch als een illustrator illustraties op zijn site plaatst. Andy Ward gebruikt een diavoorstelling van zijn illustraties in zijn kop, maar ze zijn zodanig verwerkt dat ze onderdeel worden van het ontwerp zelf.
Kilian Muster
Een meer formele lijntekening in fine-art stijl zoals deze biedt een knipoog naar traditie; in dit geval: traditionele zetmethodes. Het is eenvoudig maar krachtig genoeg om echt indruk te maken.
DNA voor Darwin
Nog een geweldig voorbeeld van een site die formele lijntekeningen gebruikt om een gevoel van geschiedenis te creëren. De gelaagde illustraties maken het des te interessanter.
Vlinderdas
Een meer casual handgetekende site, compleet met handgetekende monsters (of is dat een buitenaards wezen?). De site maakt gebruik van een meerlagige achtergrondillustratie, beginnend in de ruimte en eindigend in de zee.
xhtmlCafe
Een handgetekende illustratie in combinatie met aquarellen creëert een fantastische en informatieve header op de xhtmlCafe-site. De geschetste elementen in het schilderij geven het een meer gestileerd gevoel dan een rechte aquarel zou hebben.
Aanval van het web
Wat zou een post op geïllustreerde websites zijn zonder een voorbeeld van illustratie in stripboekstijl? Alles, van de lijndikten tot de getextureerde kleuren doet denken aan je favoriete strip- of grafische roman.
Janko bij Warp Speed
Een eenvoudige illustratie in de koptekst hier is subtiel en ingetogen maar voegt een enorme hoeveelheid esthetische aantrekkingskracht toe aan het ontwerp van de site.
Exclusief geschreven voor WDD door Cameron Chapman .
Als je andere favoriete geïllustreerde websites hebt, deel deze dan met de reacties!