Design Bilder til iPhone og iPad - dummies

Å ha iøynefallende bilder på nettstedet ditt er en av de beste måtene å tiltrekke seg bildebevisste iPhone og iPad-entusiaster. Men å lage et høyoppløselig bilde som kan blåses opp til plakatstørrelsen på en iPhone-skjerm, gir ingen mening. Ikke bare ville bildene ikke vises riktig, men det ville også være overordentlig lang tid å laste ned en fil som stor, og de besøkende ville trolig forlate nettstedet ditt.

I stedet for å tvinge besøkende til å laste ned store bilder på hjemmesiden til mobilnettstedet ditt, som iPhone-brukere vil få tilgang til, bør du sørge for at designene dine respekterer begrensningene som brukerne dine arbeider med.

Hvis du planlegger å sette bilder på mobilnettstedet, går designprosessen mer jevnt hvis du har en strategi for å håndtere de ulike skjermstørrelsene, resolusjonene og aspektforholdene.

• Størrelse på ett bilde som passer til begge skjermene: En praktisk og tidsbesparende måte å lage bilder optimalisert for å jobbe på både iPhone og iPad, er å skape et weboptimalisert bilde som ser bra ut på begge enheter.

  Det er ikke en perfekt vitenskap, men både iPad og iPhone 4 har så flotte skjermer at du kan skala et bilde opp eller ned ganske mye, og det kan fortsatt se ganske bra ut. Selv om denne metoden ikke er idiotsikker, er det enkleste alternativet å skape et optimalisert bilde, og det vil fungere for mange nettsteder.

• Bruke flere bildestørrelser: Hvis du har ressurser og tid, er den beste løsningen å skreddersy et nettsted til hver enhets evner og skjermstørrelse.

  Med denne tilnærmingen lager du flere versjoner av hvert bilde i forskjellige størrelser, fra 320 piksler bredt til 1024 piksler (hvis du vil at bildet skal strekke seg over iPad-skjermen i liggende modus). Deretter leverer du den størrelsen som passer best for enheten med en eller annen type deteksjonsskript.

  Fordi å sette opp enhetsdeteksjonskript er komplisert og å skape flere versjoner av hvert bilde, legger mye arbeid til det gjennomsnittlige nettstedet, bruker mange mennesker tjenester, for eksempel Galleria, for raskt å lage lysbildefremvisninger med mange bilder som er optimalisert for hver enhet som de leveres.

• Viser bildeporteføljer eller gallerier: Hvis du designer porteføljesider - hvor hele poenget er å gi kundene mulighet til å vise sitt arbeid hvor som helst, når som helst (og for å se deres absolutt beste) - kan du ha en legitim må inneholde bilder med høyere oppløsning med større filstørrelser.

  Den beste måten å håndtere denne situasjonen på er å lage en side med miniatyrbilder med lav oppløsning eller korte tekstbeskrivelser, og deretter lenke til de større bildene.Du kan se et eksempel på denne tilnærmingen på artikkelen på stedet. Som vist i figuren, kobles miniatyrbildene øverst på siden til større versjoner, som vist på siden under den.

  På denne måten belastes de viktigste sidene dine raskt med små versjoner av bildene dine som alle besøkende kan se, og de som er interessert i bilder med høy oppløsning, kan velge å laste ned de større versjonene en om gangen.

  

  Kreditt: Bilder av kunstnere Amy Baur og Brian Boldon, www. inplainsightart. com

Du har mange måter å lage gallerier som fungerer på både iPhone og iPad. Hovedbegrepet å huske er ikke å bruke Flash.

Når du designer gallerier som disse, husk at en av forskjellene mellom en nettleser på en stasjonær datamaskin og en berøringsskjerm er at du ikke kan rulle over et bilde med en mus på en iPhone eller iPad. I stedet blir overføringshendelser, som de som vanligvis brukes med et bildegalleri, omgjort til koblinger på en iPad eller iPhone.