Slik utnytter du kraften til et godt beskåret bilde
Som nettsteddesigner har jeg alltid vært fascinert av design (av noe slag) som "virker" og hvorfor.
For sent har jeg blitt spesielt takknemlig for fotografien til å forankre en visuelt tiltalende design som forteller den riktige historien, utløser de ønskede følelsene, engasjerer seeren, og forbedrer innholdet (enten ved å bryte opp det eller kaller det) .
Denne nyoppdaterte takknemligheten for bilder virkelig tok rot i Venezia denne siste høsten.
Venezia: beskrevet som "Den vakreste byen bygd av mann"
Jeg hadde alltid hørt om Venezia! Og jeg hadde forventninger jeg forteller deg! Forventninger av en eiendommelig, vakker og romantisk by bygd på vannet - helt annerledes enn noe jeg noensinne hadde sett.
Men i virkeligheten? ... Venezia er litt av en dump.
Det er vær-slått, smuldre og løpe ned. Når du ser på det som en helhet, ser du en haug med ulik natur som er uskarpt sammen. Det betyr ikke å være, men Venezia er dårlig kledd i filler og tatters.
Men ... Når du ser på Venezia i små biter - når du lar øyet "beskjære" ut omgivelsene og fokusere på et begrenset område - er det en helt annen opplevelse. Det er så mange detaljer å glede seg over. Spesielt øyet til en designer som tar inspirasjon fra alt som blikket hennes møter.
Etter å ha forstått dette, kunne jeg skifte fokus fra "hele" til detaljene og tilbake igjen og sette pris på alt av det. Venezia er virkelig en vakker by.
Nøkkelen er at det er stor kraft i å beskjære ting , slik at det som er igjen i, er sterkere.
Bilde av Venezia, før beskjæring (til venstre) og etter beskjæring (til høyre).
En av mine favoritt "detaljer" av Venezia. Bildet til venstre er det røde bildet av kameraet. Her gjorde jeg beskjæringen med kameraet ved å zoome inn i denne detalj. Til høyre blir det samme bildet beskåret ytterligere.
Foto avlinger som fungerer
I resten av denne artikkelen deler jeg noen av mine favorittfotoavlinger fra nyere prosjekter jeg har jobbet med.
Noen er personlige prosjekter. Noen er profesjonelt arbeid gjennom Gravity Switch (webdesign og markedsføringsbyrå hvor jeg er medstifter). Men alle av dem forteller en historie.
Fitness Fusion
Fitness Fusion er et nisjestudio gym kjent for intens, kreativ og morsom gruppetrening og 1-1 personlig trening. Når jeg redesigner nettstedet deres, helte jeg over 600 + bilder på jakt etter bilder som ville fungere i et ekstremt horisontalt format - ikke et uvanlig format for et webbanner bilde, men alltid en utfordring.
Ved første øyekast ser bildet til venstre ut som en usannsynlig kandidat. Men når den roteres 90 grader mot urviseren, vendes horisontalt, og med (nå bakover) ordet "coach" på lokket stampet ut, er det et kraftig bannerbilde. Perfekt for «Møt trener» -siden!
Beskjæringen over fungerer på grunn av:
- den varme belysningen;
- fargestrykkene;
- Det ekte, fokuserte og tilnærmelige blikket i øynene.
Sammen med smiley-bildet av sidekroppsinnholdet er de overordnede følelsene formidlet, tilnærming, kompetanse, hardt arbeid, en jordnær holdning og morsom!
Her er en annen av mine favorittbannerbildeavlinger fra dette prosjektet. Ved å fjerne deler av det opprinnelige bildet (beskjære det) får vi en mer dynamisk, intim og interessant visuell opplevelse - et kult bilde som viser hardt arbeid, engasjement og svette. Den subtile berøring av treningsbransjens merkevare på armbåndet var en tilfeldig bonus.
Stockbridge School of Agriculture
Stockbridge School of Agriculture ved UMass Amherst er kjent som den beste skolen i sitt slag i landet. Det har ulike programmer som tiltrekker seg svært forskjellige typer studenter (f.eks. Den potensielle som er interessert i Turf Management er svært forskjellig fra personen som er interessert i Sustainable Food & Farming eller Equine Management og så videre.)
Utfordringen var å finne et hjemmeside bilde som:
- følte seg passende for en landbrukskole;
- var et sterkt bilde for å tegne betrakteren i;
- Ikke fremmedgjorde noen potensiell utsikt til et potensielt program; Ikke skad!
På den tekniske siden trengte vi et bilde som ville fungere som en "flytende avling" (det vil si at avlingen endres ettersom vinduet er forandret og det alltid behøver å se bra ut).
Vi gjorde en bestemt fotografering bare for å fange bildet til hjemmesiden. Vi har mange flotte skudd. Vi smalret det ned til disse 7:
Så plukket vi denne til å gå med:
Vi spilte med zoomnivået på avlingen i PhotoShop, for å bekrefte at bildet er sterkt som flytende avling. Her er noen utforskninger:
Slik ser det ut på mobil og skrivebord:
Pioneer Valley Informasjonsutveksling - PVIX
Her er et lagerbilde som ble brukt til et nettsted i helsevesenet ... prøver å vise samarbeid, familie, positivitet, energi, optimisme:
Her er en bildebehandling jeg prøvde, men likte ikke. Du mister for mye kontekst zoomet inn i dette mye:
Som et alternativ (som jeg også ikke likte). Jeg zoome helt ut slik at du kunne se hele bildet. For å få bredden til å fungere riktig, la jeg til blå plass til venstre:
Et godt medium (beskjæring av noe av bildet) fungerer best:
Foreldre blogginnlegg
Jeg lette etter et bilde av min sønn for å være "banner image" i en av mine blogginnlegg.
Jeg fant dette bildet. Jeg elsker uttrykket på sønns ansikt. Men han er så liten i bildet, og du setter deg ikke pris på detaljen:
Slik beskjærte jeg det. Fungerer mye bedre:
Få det riktig
Vi har alle hørt ordtaket "Et bilde er verdt 1000 ord." Men hvordan lager vi bildene våre slik at de formidler de 1000 ordene vi vil ha?
Å få det riktig krever:
Gode råbilder: Hvis du kan, kan du ansette en profesjonell fotograf, slik at du kan få bilder og komposisjoner som ser bra ut og er tilpasset ditt formål. Hvis du ikke kan ansette en profesjonell, er det mange valgmuligheter for fotografering - noen er gode, noen mindre så. Det er best å ha noen du stoler på å ha et "øye for det", håndtere jobben med fotografering.
God etterproduksjon: Fargekorreksjon, rydding og beskjæring. Jeg kaller det de tre C-ene.
God fotoutplassering: Ta med bilder inn i designen på rett sted, ved siden av det riktige innholdet, på høyre side, og så vil de bidra til å fortelle den rette historien. Plassering, plassering, plassering.
Hvordan velger du bilder for designene dine? Hvordan velger du hvilke deler av bilder som skal beskjæres? Gi oss beskjed i kommentarene.