Unngå de aller verste fellene...

Ingenting av dette er noe som MÅ følges, det er heller en hentydning om hva som kan være kjekt å gjøre.
Iallfall ønsker jeg at flest mulig får en fin opplevelse når de bruker kreasjonene mine, og det samme gjør vel du?

Anbefaling fra IncrediMails egen side:
Det skal alltid brukes en farge på bakgrunnen selv om man bruker en bakgrunnsflis. Velg gjerne hovedfargen fra bakgrunnsflisen, eller en farge fra hovedbildet.

Hvis man vil ha en bakgrunn med mønster kan man ikke bruke et tilleggsbilde i Body.
En bakgrunnsflis er et bilde som legges utover (engelsk tile = flis/legge fliser).

Om man vil ha både en bakgrunn med mønster og et annet bilde legges bildet i Header, Footer, Left eller Right.
Alt innhold i Header, Footer, Left og Right svever over bakgrunnen.

Bruk aldri bmp-filer!
Jpg og gif er ok, og til nød png.

Et diffust bilde (delvis transparent) kan lagres som png-fil. Det blir forholdsvis stort i kB.
Det kan brukes over alt.
Når man skal finne igjen et pgn-bilde og sette inn i LC (og enkelte andre programmer) må man skifte filtype:

I noen programmer (bl.a. LC) ser png-bildet svart ut når man setter det inn, eller deler av det er svart. Det blir helt fint i det ferdige produktet.

Tekst i Header, Left og Right:
Hvis man skal ha tekst der bør den lages som et bilde.
Ikke alle har installert ekstra fonter på PC-en. Hvis jeg bruker fonten CoctailShaker og skriver eks. Gratulerer i Header blir skriften til Times New Roman hos mottakeren hvis denne ikke har CoctailShaker-fonten installert på sin pc.
Derfor, lag teksten som bilde eller bruk en helt vanlig font.

TENK LITT PÅ DE SOM HAR ANNEN STØRRELSE PÅ SKJERMEN SIN ENN DU HAR.

Her er virkelig mange ting å tenke på:
Når man lager et Letter bør man teste det ved å sende en e-post til seg selv.
Sett inn masse tekst, slik at det er nødvendig å scrolle selv på full skjerm. Send til deg selv.
Når du mottar e-posten din gjør du leseruta så lita at den dekker ca. en fjerdedel av skjermen, og så scroller du i vei.
Dette er viktig for å se eventuelle uheldige plasseringer, spesielt når man har bilder/mønster i bakgrunnen samt bilde/tekst i Header.

Farger, farger og mer farger!

Bakgrunnsfarge:
Tenk deg den tida pc-skjermene var bitte små og oppløsningen veldig liten (det er sikkert noen som bruker oppløsning 800 x 600 enda).
Et bilde som dekket hele skjermen den gang vil være et lite bilde borti et hjørne på dagens skjermer.
Bare se under her hvordan dette vakre bildet ser ut på min skjerm:

Egentlig er det meninga at all tekst skal komme inni det røde flotte brevet.
Bildet er lagt inn som bakgrunn i Body og er plassert Top Left, ikke tile’et.
På den måten scroller teksten, og bildet står rolig.
Virkelig lekkert IM-letter for de med liten skjerm og/eller med lav oppløsning.

Hadde enda dette letter hatt rød bakgrunnsfarge, så ville alt det hvite vært rødt.
Tenk hvilken forskjell det hadde gjort. Da ville i det minste nesten all teksten vært godt synlig!

IncrediMail anbefaler at man aldri bruker hvit skrift.
Skjønner du nå hvorfor???? Den ville ikke vært leselig i det hele tatt mot den hvite bakgrunnen!

Bare så det er sagt; Selvsagt vet jeg hvordan jeg kan se e-posten og bildet slik det egentlig er tenkt. Men jeg syns også at vi som kreerer Letters skal tenke litt på de med annen skjerm enn oss selv og legge på bakgrunnsfarge. 
Så lite og enkelt som det.

IM anbefaler å bruke hovedfargen fra bakgrunnsflisen i bakgrunnen.
I alle fall en farge som teksten synes godt på.

Her er enda en grunn til å legge farge på bakgrunnen:
Når man bruker en bakgrunnsflis i Body blir baksida av e-posten grå i IncrediMail.
Dersom man ikke legger på en bakgrunnsfarge vel å merke.
Akkurat dette betyr kanskje ikke så mye for de fleste, men de andre grunnene er da gode nok.
Sjekk det ved å prøve… Send en e-post med en mønstret bakgrunn, og se hvordan den ser ut når den flakser av gårde. Er baksida grå er det sannsynligvis ikke lagt på en bakgrunnsfarge i Body.

Diverse:

Forskjellige ting som kan være litt uheldig.

Bilde i header:

Eksempel: Katt på en øde øy i Header...

... og hai nederst i høyre hjørnet i Body (Background image plassert Bottom right).
Ser ganske stilig ut på en stor skjerm. Men ooooops...!
Hva skjer om skjermen er mindre????

Til å begynne med hadde selve kattebildet en blå bakgrunn, maken til hovedbakgrunnen.
Med blå bakgrunn på kattebildet ble det en skarp rett kant over haien på en mindre skjerm.
Se bildet under:


Det ser dumt ut, ikke sant? 
Derfor ble den blå bakgrunnen på kattebildet fjernet.
Det er tross alt litt bedre at haien forsvinner i bølgene og under øya enn bak en blå "vegg".
Se under.

Toppbord:
En kjempelekker bord øverst...

- og nederst  -  hos meg.

Hvis jeg ikke skal skrive mange linjene er jo dette helt supert.
Men hva om jeg skriver en lang avhandling? Joooo, det ser helt fint ut hos meg, det. Jeg ser ikke mer enn det jeg ser her.
Mens jeg skriver scroller teksten oppå bakgrunnen.

Når mottakeren derimot åpner denne e-posten vil hele bakgrunnen scrolle sammen med teksten. Ergo vil denne borden gå igjen med jevne mellomrom nedover. Teksten legger seg oppå borden så vel som på den ensfargede flaten.
Hvis du ser veldig nøye nederst på bildet ser du at den lilla flaten kommer igjen under borden. Hadde jeg hatt enda høyere oppløsning på skjermen min ville jeg sett enda mer av den ensfargede flaten nederst.

Her er det brukt en høy smal bakgrunnsflis med bord øverst. Den er lagt bortover og nedover i det uendelige (Tile).
Her får vi altså ingen hvite partier uansett hvor stor skjermen blir.
Vi får blomsterstriper med jevne mellomrom nedover.

Lange sideborder og flytende tekst:
Et kjempekoselig Letter som ser slik ut på en liten skjerm:

Og slik på en litt større skjerm:

Her er det brukt en lang, men ikke så veldig høy bakgrunnsflis med et bilde i ene enden.
Når man klikker Tile så legger bakgrunnsflisa seg både nedover og bortover i det uendelige.

Det vi får her er kolonner.
Bakgrunnsflisa er 700 pixler bred, altså altfor kort for dagens skjermer. (Se nederst.)
(Letteret er gammelt, det var laget for en helt annen skjerm enn det de fleste har i dag.)

Scrollende (rullende) skrift:
Noen liker at skriften scroller over bakgrunnen, andre liker det ikke. Smak og behag.
Det som er sikkert er at av og til oppfører skriften seg litt forskjellig når man skriver, i forhold til når man leser en mottatt e-post.
Derfor er det så viktig å teste kreasjonene våre før vi sier oss fornøyde!

Hvis du vil at teksten skal scrolle hele tiden kan du ikke bruke en bakgrunnsflis og "tile" den.
Du kan likevel ha et bilde i Background i Body, men det må ligge stille. (Ref. den røde dama lengre oppe på denne siden.)

Så snart vi bruker en bakgrunnsflis og legger den utover (tile) vil teksten og bakgrunnen følges ad. Mens vi skriver e-posten vil teksten flyte over bakgrunnen, mens når mottakeren leser den følges tekst og bakgrunn oppover skjermen ettersom vi scroller.

Mitt skrekk-eksempel
Et flott bilde syns jeg. Det dekker hele skjermen.

Bildet er brukt som bakgrunn i Body og teksten "svever" over bildet. Men det er ikke bare-bare å lese teksten på et slikt bilde, nei.
Om man ønsker å bruke slike bilder bør de tones ned så de er nesten "gjennomsiktige", så man bare så vidt ser bildet.
(Ha eksempelteksten synlig!)

Skjermstørrelse og oppløsning:
Dagens skjermer er 24 tommer bredformat og har oppløsning på 1920x1200 pixler.
Ikke på langt nær alle har så stor skjerm. Ikke jeg heller.

Jeg har satt sammen noen firkanter for å illustrere skjermoppløsning.
Ser du hvor mye mer/mindre det er plass til på de forskjellige skjermene...?

Dette stemmer ikke helt, det er bare for å gi et visst inntrykk av hvor forskjellige skjermene våre er.

Et eksempel til: Samme e-post i tre forskjellige størrelser.

Når jeg lager sideborder er bakgrunnsflisene mine 1600 pixels brede i dag. De er nok i korteste laget etter hvert.

Jeg mener ikke at vi skal tenke på hva slags skjermer folk har om ti år. Det er tross alt i dag vi lever.
Men jeg syns vi kan tenke litt på hva som begynner å bli vanlig skjermstørrelse og oppløsning NÅ!
Samtidig må vi ikke glemme de som har mye mindre skjermer enn oss selv!

Du må gjerne prøve mine tutorials for å komme i gang.

GOD FORNØYELSE!

Ingrid
(oppdatert 19. mai 2009)