Hvordan bruke illustrasjon på nettsteder - 5 kreative eksempler

Forfatter: Randy Alexander
Opprettelsesdato: 24 April 2021
Oppdater Dato: 14 Kan 2024
Anonim
Hvordan bruke illustrasjon på nettsteder - 5 kreative eksempler - Kreativ
Hvordan bruke illustrasjon på nettsteder - 5 kreative eksempler - Kreativ

Innhold

Illustrasjon kan gi karakter, varme og personlighet til webdesignet ditt. Imidlertid er det en fare for å gjørme vannet i interaksjon og kommunikasjon hvis det ikke blir gjort bra.

Det er viktig å sørge for at det er et klart skille mellom interaktive elementer og illustrerende innhold.

Dette vil sikre at nettstedet ikke bare er vakkert å se på, men det er også enkelt for brukere å navigere gjennom og iverksette tiltak, for eksempel å registrere seg for et nyhetsbrev.

Ulike stiler

Å skille mellom interaksjon og illustrasjon kan tilnærmes på flere forskjellige måter. Imidlertid er det normalt best hvis knapper, navigasjonselementer og handlingsfremmende handlinger ikke er i samme stil som illustrasjonen på resten av siden, for å hjelpe dem å skille seg ut.

For eksempel, hvis illustrasjonen er sterkt strukturert og grov, bør alt brukeren kommuniserer med, ha skarpe kanter og fallskygger. Hvis illustrasjonen er strek eller ensfarget, vil en god måte å skille den fra navigasjonen være å gjøre alle andre elementer i fargerike farger.


Å rydde vei

Poenget er at å gjøre disse elementene visuelt forskjellige fra illustrasjonen, bidrar til å redusere forvirring ved å sørge for at brukerne enkelt kan se hva de vil gjøre eller hvor de vil hen. Dette vil i sin tur tillate brukeren å beundre den vakre kunsten på nettstedet ditt mens de fremdeles får dem på vei.

Fem eksempler å sjekke ut

01. Basecamp

Nettstedet for prosjektledelsessøknaden Basecamp bruker perfekt symbolske illustrasjoner for å fortelle historien om hva applikasjonen er og hva du gjør med den.

02. Xperimenter

På nettstedet Xperiments blandes de illustrative og interaktive elementene litt for tett. Selv om det er vakkert illustrert, kan det føre til noen forvirrende samspillspunkter.


03. MailChimp

E-postmarkedsføringsapplikasjonen MailChimp er et godt eksempel på å bruke rike illustrative og billedlige bilder og ha en veldig tydelig differensiering mellom det og interaktive elementer.

04. Indubitablee

Nettdesigner-porteføljesiden til Indubitablee er en flott blanding av illustrasjon og balanserte interaktive elementer. De bruker til og med farge for å styrke forskjellen visuelt.

05. Ian James Cox

Porteføljesiden til Ian James Cox bruker både illustrerende elementer og tradisjonell navigering for å skape en interessant måte å navigere på innholdet på nettstedet.


Denne artikkelen dukket først opp i nettmagasinet - verdens mest solgte magasin for webdesignere og utviklere.

Velg Administrasjon
Sandkriger: hvorfor designere bør bry seg om at verdens sand forsvinner
Lese

Sandkriger: hvorfor designere bør bry seg om at verdens sand forsvinner

Planet andre erver er under alvorlig tru el. Drevet av en verden om pennende byggeboom og økende urbani ering eroderer aggre iv anddrift trender, ødelegger infra truktur, for tyrrer øko...
20 ikoniske merker - og hvorfor de fungerer
Lese

20 ikoniske merker - og hvorfor de fungerer

'Iconic' er et tort merke. Men det er mer med et ikoni k merke enn bare logoen. Det hjelper ab olutt, men du vil ofte oppdage at de tør te merkene ikke er de om har de be te logoene.Logo ...
26 WordPress-porteføljetemaer av topp kvalitet
Lese

26 WordPress-porteføljetemaer av topp kvalitet

WordPre -porteføljetemaer gjør det enkelt å lage en profe jonell og vært effektiv portefølje ide, om er enkel å redigere og navigere om du vil, på en lignende må...