Retningslinjer for brug af farver, skrifttyper og billeder i en formularskabelon

Som formulardesigner er det vigtigt at fokusere på formularskabelonens udseende og ikke blot på, hvordan den fungerer. Uanset om du vil tilføje mere farve eller et firmalogo, kan du med Microsoft Office InfoPath på flere måder skabe interesse og organisere oplysninger visuelt, så din formularskabelon er flot og nem for brugerne at anvende.

Du behøver ikke at være en professionel grafisk designer for at oprette en flot formularskabelon. Men husk ikke at overlæsse en formularskabelon med for mange forskellige designelementer, som kan få den til at se uoverskuelig ud. I stedet bør du vælge nogle elementer, der opfylder dine mål for design, og derefter bruge dem på en ensartet måde til at give formularskabelonen et flot og professionelt udseende.

Denne artikel indeholder tjeklister, som kan hjælpe dig med at holde dit design på rette spor.

Denne artikel indeholder

Tjekliste for brug af farver, kanter og skygge

Tjekliste for brug af skrifttyper og skrifttypeformatering

Tjekliste for brug af logoer og andre billeder

Tjekliste for brug af farver, kanter og skygge

Brug af farve er den nemmeste måde at tilføje visuel interesse på formularskabelonen. InfoPath indeholder mange foruddefinerede farveskemaer, der hjælper dig med at anvende forskellige farvekombinationer for bestemte elementer i formularskabelonen. Du kan også anvende farve til baggrunden i en formularskabelon.

Du kan desuden skabe interesse og organisere elementer på en formularskabelon via kanter og skygge. En kant viser grænserne for et kontrolelement, en tabel eller en celle i tabellen. Kanter er især nyttige, når du vil markere sektionerne i formularskabelonen. Ved at differentiere sektionerne kan det hjælpe brugerne med at forstå organiseringen af formularen. I følgende eksempel har formulardesigneren brugt kanter til at fremhæve celler i en gentaget tabel.

Gentaget tabel med lyserøde kanter

Ved at anvende skygge på et kontrolelement eller en tabelcelle ændres baggrundsfarven. Følgende illustration viser, hvordan forskellige skyggevalg kan ændre udseendet af feltet Ekstra oplysninger på en formularskabelon.

Forskellige skyggeeffekter anvendt på tabelceller i formular

Når du bruger farve i dit design, skal du huske følgende retningslinjer.

Retningslinje

Detaljer

ikonbillede

Lad ikke farver alene angive vigtige oplysninger.

Hvis din formularskabelon f.eks. indeholder en farvekodet forklaring, skal du bruge ekstra effekter, f.eks. tekstanmærkninger, som supplement til brug af farve. Nogle brugere anvender muligvis et begrænset farveskema eller en håndholdt computer med en monokrom skærm, eller de sætter deres lid til hjælpemidler til skærmvisning, som sjældent formidler oplysninger, der kun er repræsenteret via farver. Desuden har op til 10 % af befolkningen problemer med at skelne mellem visse farver eller se visse farver.

ikonbillede

Overvej farvekontrast og -baggrund

Sørg for, at farvekontrasten er høj mellem baggrunden og forgrunden på din formularskabelon. Brug f.eks. en hvid eller grå baggrund med farvede kontrolelementer eller hvid eller grå cellefarve med en skriftfarve.

ikonbillede

Hvis du bruger farve i baggrunden af din formularskabelon, skal du kontrollere, at indstillingen Udskriv baggrundsfarver og billeder er deaktiveret.

Baggrunde kan skabe kontrast og interesse, når brugerne får vist din formular på skærmen. Baggrundsfarver er dog muligvis ikke optimale for udskrivning, fordi brugerne måske ikke har en farveprinter, og udskrivning af baggrundsfarver i gråtoneskala eller sort-hvid, kan gøre formularen svær at læse. Desuden kan udskrivning af baggrunde betyde, at en formular udskrives langsommere og bruger meget blæk eller toner. Af disse årsager udskriver InfoPath ikke baggrundsfarver eller billeder som standard.

ikonbillede

Anvend skygger og kanter med omtanke.

Selvom du kan bruge kanter til at gruppere ensartede elementer, kan for mange felter gøre din formularskabelon rodet og spolere dens overordnede udseende. Fokuser på, hvad du vil opnå ved hjælp af kanter og skygge, og vælg derefter en effekt, der opfylder dette mål, og brug den konsekvent. Du kan f.eks. begrænse brugen af kanter til at fremhæve vigtige oplysninger eller understrege formularens overordnede opbygning.

ikonbillede

Kontrollér, at farverne ser flotte ud, når du får vist formularskabelonen på forskellige skærme.

Du bør teste, hvordan farverne i formularskabelonen vises på forskellige skærme. Du kan f.eks. bede nogle kolleger om at gennemgå din formularskabelon, kontrollere farverne i forskellig belysning eller eksperimentere med forskellige indstillinger for computerskærme og printere.

ikonbillede

Vær opmærksom på, at farverne kan betyder forskellige ting i forskellige lande og områder.

Rød er f.eks. i nogle lande og områder knyttet til død.

Toppen af siden

Tjekliste for brug af skrifttyper og skrifttypeformatering

En ændring af udseendet på teksten kan fremhæve vigtige oplysninger eller markant ændre det overordnede udseende af din formularskabelon. Du kan f.eks. justere farven og størrelsen af visse ord for at oprette overskrifter, der kan hjælpe med at organisere formularskabelonen og inddele den i logiske sektioner.

I følgende eksempel bruger formularendesigneren to forskellige skrifttyper, en til overskrifter og en til den tekst, der vises i kontrolelementerne på formularskabelonen. Bemærk, at du generelt bør undgå brug af STORE BOGSTAVER til at fremhæve. Men denne metode fungerer, hvis du bruger den moderat, f.eks. for overskrifter og andre korte sætninger, som vist i følgende eksempel.

Eksempel på forskellige skrifttyper, som bruges til overskrifter og tekst i et tekstfelt

1. Skrifttypen for overskrifter er 9 punkt Arial.

2. Skrifttypen for kontrolelementer er 10 punkt Verdana.

Når du bruger forskellige skrifttyper og skrifttypeformatering i dit design, ska du huske følgende retningslinjer.

Retningslinje

Detaljer

ikonbillede

Kontrollér, at teksten er synlig i forhold til baggrundsfarven eller skyggelagte områder.

Teksten er nemmest at læse, når der er tilstrækkelig kontrast mellem teksten og baggrunden. Sort tekst på en hvid baggrund giver den højeste kontrast. Lys tekst på en mørk baggrund giver også god kontrast.

ikonbillede

Kontrollér, at teksten i formularen, ikke er for lille.

Lille tekst kan lejlighedsvist være nødvendig, f.eks. når du medtager tekst med småt i din formularskabelon, eller når du angiver tekst på kontrolelementer. I de fleste tilfælde er større tekst dog langt mere komfortabel for de fleste mennesker at læse.

ikonbillede

Brug skrifttyper og skrifttypeeffekter med omtanke.

Undgå at bruge mange skrifttyper i den samme formularskabelon. Det kan oprette en irriterende, usammenhængende effekt. Der er en god idé at holde designet enkelt ved hjælp af maksimalt tre skrifttyper. Undgå også brugen af tegneserieagtige skrifttyper, da disse plejer at se uprofessionelle ud i en virksomhedsformular.

ikonbillede

Kontrollér, at teksten kan læses, når den vises i et farveskema med høj kontrast.

Personer med nedsat syn kan vælge at bruge et farveskema med en høj kontrast for at øge farvekontrasten af tekst og billeder på computerskærmen. Dette gør disse elementer lettere at identificere og mere entydige. Kontrollér din formularskabelon ved hjælp af de forskellige farveskemaer med høj kontrast for at sikre, at formularskabelonen kan bruges i denne tilstand. Hvis du vil vide, hvordan du aktiverer et farveskema med høj kontrast kan du se Hjælp-systemet for dit operativsystem.

ikonbillede

Overvej, om teksten er overskuelig.

Hvis din formularskabelon indeholder en stor mængde tekst, kan du hjælpe dine brugere ved at sikre, at teksten er overskuelig. Hvis du f.eks. medtager en lang Hjælp-vejledning på en formularskabelon, kan du bruge opstillinger med punkttegn eller lister i stedet for store tekstblokke, fordi lister ofte er nemmere at overskue og huske.

ikonbillede

Kontrollér, at du bruger skrifttypeeffekter med måde.

Brug fed, kursiv og andre skrifttypeeffekter med måde, hvis du bruger dem overhovedet. Kursiv tekst er f.eks. ofte temmelig svært at læse på skærmen, især når det bruges med visse skrifttyper. På samme måde afleder for meget fed tekst opmærksomheden fra tekstens overordnede budskab.

Toppen af siden

Tjekliste for brug af logoer og andre billeder

Billeder er en anden metode til at tilpasse og føje stil til formularskabelonen. F.eks. kan et firmalogo hjælpe med at brande formularskabelonen.

Når du bruger billeder i dit design, skal du huske følgende retningslinjer.

Retningslinje

Detaljer

ikonbillede

Kontrollér, at billeder på tilstrækkelig vis identificerer virksomheden eller formularskabelonens formål.

Kontrollér, at dit publikum kan forstå formålet, uanset om billedet er blot et visuelt vink (f.eks. et virksomhedslogo) eller bruges til at formidle vigtige oplysninger (f.eks. et datadiagram).

ikonbillede

Kontrollér, at billedernes størrelse og placering er korrekt.

Sørg for, at størrelsen på billedet og dets placering i formularskabelonen ikke hæmmer brugerne, når de udfylder formularskabelonen.

ikonbillede

Kontrollér, at billederne ikke er kulturelt følsomme.

Billeder, der omfatter håndbevægelser, kan f.eks. være stødende. Kort og flag kan også være følsomme billeder. Hvis billedet indeholder personer, kan du overveje at vise en række etniciteter og begge køn.

ikonbillede

Bruge billeder med omtanke.

At medtage overdrevne eller unødvendige billeder kan få din formularskabelon til at se uoverskuelig og uorganiseret ud, hvilket i sidste ende afleder opmærksomheden fra formularskabelonens overordnede udseende og effektivitet.

ikonbillede

Kontrollér, at billederne inkluderer alternativ tekst, og at tekstalternativet giver mening, når den læses højt.

Tekstalternativer gør det nemmere for personer, der ikke kan se billedet på skærmen. Tekstalternativer er nyttige for personer, der er afhængige af, at tekst på skærmen kan læses op, eller for personer, der bruger browsere kun med tekst til at få vist en webbrowseraktiveret formularskabelon.

ikonbillede

Kontrollér, at billeder er gemt i et passende filformat.

Store billedfiler kan øge den tid, det tager formularen at åbnes. Visse filformater producerer filer, der er meget større end andre. En fil, der f.eks. er gemt som en bitmap (.bmp)- eller TIFF (Tagged Image File Format)-fil er væsentlig større end den samme fil gemt som en JPEG-, GIF eller PNG-fil. JPEG-formatet er normalt bedst til fotografier eller andre komplekse billeder. GIF- eller PNG-formater er ofte ideelle til stregtegninger, logoer, illustrationer og diagrammer.

ikonbillede

Kontrollér, at billeder ikke er ophavsretligt beskyttet.

Da så mange billeder er let tilgængeligt på internettet, kan du muligvis blive fristet til at bruge ethvert billede, du falder over. Desværre kan mange af disse billeder være ophavsretligt beskyttede, og du skal have tilladelse, før du kan bruge dem i dine formularskabeloner. Der er dog flere websteder, f.eks. Bing-billedsøgning, hvor du, når du bruger filteret ophavsretlicens, kan bruge klip og billeder, så længe du accepterer deres vilkår for anvendelse.

ikonbillede

Lad ikke billeder alene angive vigtige oplysninger.

Ligesom du ikke bør stole på farve alene til at angive vigtige oplysninger til brugere, bør du heller ikke stole udelukkende på billeder. Brugerne kan muligvis ikke se billederne i formularskabelonen. F.eks kan de have deaktiveret billeder i browseren for at øge ydeevnen ved visning af din formular i en browser, eller de har dårligt syn, hvilket forhindrer dem i faktisk at se billedet på skærmen.

Toppen af siden

Del Facebook Facebook Twitter Twitter Mail Mail

Var disse oplysninger nyttige?

Fantastisk! Har du mere feedback?

Hvordan kan vi forbedre det?

Tak for din feedback!

×