7.5 Ressurser og verktøy

Bilder

Unsplash

Unsplash.com tilbyr et veldig bredt utvalg av bilder som er gratis å bruke, også kommersielt. Det er helt valgfritt om man ønsker å ta med referanse til fotografen. Alle bildene er tatt av frivillige fotografer og godt kvalitetssikret før de er lastet opp.

Bilde fra Janko Ferlič på Unsplash.

ThePatternLibrary

ThePatternLibrary er en samling av repetitive bakgrunnsmønstre som er gratis å bruke. Dette er praktisk hvis vi ønsker å gi kupongene våre noe "ekstra".

Farger

Fargekontrast

Skal vi sjekke om dere har god nok fargekontrast, kan vi bruke ContrastChecker.com til å teste fargene opp mot hverandre og også se hvordan det ser ut i svart-hvitt. Dette er viktig dersom vi ikke ønsker at det skal oppstå problemer for kunder med nedsatte synsevner.

Fargekoder fra bilder

Dersom vi har et fotografi, grafikk, logo eller et annet bilde med farger vi ønsker å bruke i kupongene eller kupongheftene våre, men som vi ikke vet hva fargekodene er, kan vi bruke verktøy som html-color-codes.info/colors-from-image for å laste opp et bilde og få informasjonen om fargekodene.

Fargenyanser

Med ColorGlower.com kan vi fylle inn en farge og motta både mørkere og lysere nyanser av den samme fargen. Dette er praktisk hvis vi for eksempel ønsker å følge et tema med lignende farger eller vil lage en illusjon av gjennomsiktig tekst oppå en bakgrunn med tilsvarende fare i en annen tone.

Responsiv design testing

Med hjelp av tredjepartsverktøy, kan vi teste hvordan kuponger ser ut på ulike mobilenheter i ulike størrelser, uten å ha disse enhetene fysisk. For å få til dette må vi først opprette en link til en test-kupong som vi kan se fra datamaskinen vår.

I NEXT fra der vi redigerer kuponger og kuponghefter, kan vi se en boks som ser ut som det her . Etter vi har lagret endringene vi ønsker å se i kupongen, fyller vi enten dette feltet med et telefonnummer vi ønsker å sende til eller tilfeldige tegn som et null, slik at vi oppretter en link så vi kan se kupongen på datamaskinen, uten å sende til noen person.

Nettleser

De fleste moderne nettlesere slik som Google Chrome, Apple Safari, Mozilla Firefox eller Microsoft Edge kommer med noe man kaller "Responsiv Design Modus", "Emulering" eller "Enhetsmodus". Disse modusene lar oss simulere størrelser på skjermen vår, som representerer størrelsene på mobilskjermer.

Trykk på navnet til nettleseren du bruker ovenfor for å lære om hvordan man får dette til på din nettleser eller bruk den mye mindre kompliserte og universelle metoden nedenfor.

Universell metode

Vi trekker knappen under til bokmerke-raden slik som vist over. Når vi ser en test-kupong, trykker vi på bokmerket og siden forvandles til fire representasjoner av kupongen til de mest vanlige mobilskjermstørrelsene. Dette verktøyet er laget av Benjamin Keen.

Mobiltest

Trekk boksen over til bokmerkeraden