Innhold
- Ulike stiler
- Å rydde vei
- Fem eksempler å sjekke ut
- 01. Basecamp
- 02. Xperimenter
- 03. MailChimp
- 04. Indubitablee
- 05. Ian James Cox
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.