Ohjeita värien, fonttien ja kuvien käyttöön lomakemallissa

Tärkeää: Tämä on artikkeli on käännetty koneellisesti. Lue vastuuvapauslauseke. Tämän artikkelin englanninkielinen versio on täällä .

Lomakkeen suunnittelijana on tärkeä keskittyä myös siihen, miltä lomakemalli näyttää pelkän toimivuuden lisäksi. Microsoft Office InfoPathissa on useita tapoja luoda mielenkiintoista ja visuaalisesti järjestettyä tietoa, jotta lomakemalli on houkutteleva ja helppo käyttää, olipa kyse sitten lomakemallin piristämisestä väreillä tai yrityksen logon lisäämisestä.

Tyylikkään lomakemallin luominen onnistuu, vaikka et olisikaan ammattimainen graafinen suunnittelija. Muista kuitenkin, että lomakemallissa ei kannata käyttää liian monia suunnitteluelementtejä, joiden takia se saattaa näyttää sekavalta. Valitse joitakin suunnittelutavoitteet täyttäviä elementtejä ja käytä niitä yhdenmukaisesti, jotta lomakemalli näyttää viimeistellyltä ja ammattimaiselta.

Tämän artikkelin tarkistusluetteloiden avulla suunnittelun voi pitää oikealla tolalla.

Tässä artikkelissa

Värien, reunaviivojen ja sävytysten käytön tarkistusluettelo

Fonttien ja fonttimuotoilujen käytön tarkistusluettelo

Logojen ja muiden kuvien käytön tarkistusluettelo

Värien, reunaviivojen ja sävytysten käytön tarkistusluettelo

Värin käyttäminen on helpoin tapa lisätä lomakemalliin visuaalista kiinnostavuutta. InfoPathissa on useita valmiita värimalleja, joiden avulla lomakemallin tiettyihin kohteisiin voi käyttää eri väriyhdistelmiä. Myös lomakemallin taustassa voi käyttää väriä.

Lisäksi kiinnostusta voi herättää ja lomakemallin osia voi järjestellä käyttämällä reunaviivoja ja sävytystä. Reunaviiva rajaa ohjausobjektin, taulukon tai taulukon solun reunat. Reunaviivat ovat erityisen käteviä, kun lomakemallin eri osat halutaan erottaa toisistaan. Osien erottaminen auttaa käyttäjiä ymmärtämään lomakkeen järjestyksen. Seuraavassa esimerkissä lomakkeen suunnittelija on käyttänyt reunaviivoja toistuvan taulukon solujen korostamiseen.

Vaaleanpunareunuksisen taulukon toistaminen

Sävytyksen käyttäminen ohjausobjektissa tai taulukon solussa vaihtaa sen taustavärin. Seuraavassa kuvassa näkyy, miten erilaiset sävytysvaihtoehdot voivat muuttaa lomakemallin Lisätiedot-ruudun ulkoasua.

Lomakkeen taulukkosoluissa on käytetty erilaisia sävytystehosteita

Pidä seuraavat ohjeet mielessä, kun käytät väriä suunnittelussa.

Ohje

Tiedot

kuvakkeen kuva

Älä luota pelkästään väriin tärkeitä tietoja esittäessäsi.

Jos lomakemallissa on esimerkiksi värikoodattu selite, täydennä värin käyttöä myös muilla merkeillä, kuten tekstimuotoisilla huomautuksilla. Osalla käyttäjistä saattaa olla rajoitettu värimalli tai kannettava laite, jossa on yksivärinen näyttö. Käyttäjä saattaa myös käyttää näytönlukuohjelmat-ominaisuutta, joka välittää vain harvoin pelkästään väreillä esitetyt tiedot. Lisäksi jopa 10 prosentilla väestöstä on vaikeuksia tiettyjen värien erottelussa tai joidenkin värien näkemisessä.

kuvakkeen kuva

Ota värien kontrasti ja tausta huomioon.

Varmista, että värikontrasti on suuri lomakemallin taustan ja edustan välillä. Käytä esimerkiksi valkoista tai harmaata taustaa värillisen ohjausobjektin kanssa ja valkoista tai harmaata taulukon solun väriä värillisen fontin kanssa.

kuvakkeen kuva

Jos käytät lomakemallin taustassa väriä, varmista, että Tulosta taustavärit ja kuvat -asetus on poistettu käytöstä.

Taustat voivat luoda kontrastia ja lisätä kiinnostusta, kun käyttäjät tarkastelevat lomaketta tietokoneen näytöllä. Taustavärit eivät kuitenkaan sovellu kovinkaan hyvin tulostamiseen, koska kaikilla käyttäjillä ei ole väritulostinta ja taustavärien tulostaminen harmaasävynä tai mustavalkoisena voi heikentää lomakkeen luettavuutta. Lisäksi taustojen tulostaminen saattaa hidastaa lomakkeen tulostamista huomattavasti ja tuhlata tulostimen mustetta tai väriainetta. Näiden syiden takia InfoPath ei oletusarvoisesti tulosta taustavärejä tai kuvia.

kuvakkeen kuva

Käytä sävytystä ja reunaviivoja harkiten.

Vaikka toistensa kanssa samankaltaiset kohteet voi ryhmitellä yhteen reunaviivoilla, liian monen ruudun käyttäminen tekee lomakemallista sekavan ja heikentää sen ulkoasua. Keskity siihen, mitä haluat saada aikaan reunaviivojen ja sävytyksen käytöllä. Valitse sen jälkeen tavoitteen täyttävä tehoste ja käytä sitä johdonmukaisesti. Voit esimerkiksi rajoittaa reunaviivojen käytön tärkeiden tietojen korostamiseen tai lomakkeen yleisen järjestyksen tehostamiseen.

kuvakkeen kuva

Varmista, että värit näyttävät toimivilta, kun tarkastelet lomakemallia eri näytöillä.

Testaa, miten lomakemallin värit näkyvät eri näytöillä. Voit esimerkiksi pyytää työtovereita tarkistamaan lomakemallisi, katsomaan värejä eri valaistuksissa tai kokeilemaan sitä eri näyttö- ja tulostusasetuksilla.

kuvakkeen kuva

Tiedosta, että värit tarkoittavat eri asioita eri maissa ja alueilla.

Esimerkiksi joissakin maissa ja joillakin alueilla punainen väri liittyy kuolemaan.

Sivun alkuun

Fonttien ja fonttimuotoilujen käytön tarkistusluettelo

Tekstin ulkoasun muokkaamisella voi korostaa tärkeitä tietoja tai muuttaa lomakemallin yleisilmettä merkittävästi. Voit esimerkiksi muuttaa tiettyjen sanojen väriä ja kokoa ja tehdä niistä otsikoita, jotka helpottavat lomakemallin järjestelyä ja jakavat sen loogisiin osiin.

Seuraavassa esimerkissä lomakkeen suunnittelija käyttää kahta eri fonttia, toista otsikoissa ja toista tekstissä, joka näkyy lomakemallin ohjausobjektien sisällä. Huomaa, että yleensä SUURAAKKOSTEN käyttämistä korostuskeinona kannattaa välttää. Se voi kuitenkin toimia säästeliäästi käytettynä esimerkiksi otsikoissa ja muissa lyhyissä ilmauksissa seuraavan esimerkin tavoin.

Esimerkki otsikoissa ja tekstiruudun tekstissä käytettävistä fonteista

1. Otsikkotekstin fontti on 9 pisteen Arial.

2. Ohjausobjektin tekstin fontti on 10 pisteen Verdana.

Pidä seuraavat asiat mielessä, kun käytät suunnittelussa eri fontteja ja fonttimuotoiluja.

Ohje

Tiedot

kuvakkeen kuva

Varmista, että teksti erottuu taustaväreistä tai sävytetyillä alueilla.

Tekstiä on helppo lukea, kun tekstin ja taustan välillä on riittävän suuri kontrasti. Musta teksti valkoisella taustalla tuottaa suurimman kontrastin. Vaalea teksti tummalla taustalla tuottaa myös hyvän kontrastin.

kuvakkeen kuva

Varmista, että lomakkeen teksti ei ole liian pientä.

Pieni teksti voi olla joskus tarpeen, esimerkiksi kun pienellä painettua tekstiä sisällytetään lomakemalliin tai kun merkitset ohjausobjekteja otsikoilla. Useimmissa tapauksissa suuremman tekstin lukeminen on kuitenkin useimpien käyttäjien mielestä paljon mukavampaa.

kuvakkeen kuva

Käytä fontteja ja fonttitehosteita harkiten.

Vältä useiden fonttien käyttämistä samassa lomakemallissa. Se voi ärsyttää ja tehdä hajanaisen vaikutelman. Hyvä yleisohje on pyrkiä yksinkertaisuuteen ja käyttää enintään kolmea fonttia. Vältä myös sarjakuvamaisia fontteja, koska ne eivät näytä ammattimaisilta liiketoimintalomakkeessa.

kuvakkeen kuva

Varmista, että teksti on luettavissa, kun sitä tarkastellaan suuren kontrastin värimalleissa.

Heikkonäköiset henkilöt saattavat käyttää suuren kontrastin värimallia tekstin ja kuvien värikontrastin vahvistamiseen tietokoneen näytöllä. Se saa kohteet erottumaan paremmin ja helpottaa niiden tunnistamista. Tarkista lomakemalli käyttämällä useita erilaisia suuren kontrastin värimalleja sen varmistamiseksi, että lomakemalli on käyttökelpoinen tässä tilassa. Lisätietoja suuren kontrastin värimallin ottamisesta käyttöön ja poistamisesta käytöstä on käyttöjärjestelmäsi ohjeessa.

kuvakkeen kuva

Harkitse, onko teksti silmäiltävissä nopeasti.

Jos lomakemallissa on paljon tekstiä, voit auttaa käyttäjiä varmistamalla, että tekstin voi silmäillä nopeasti. Jos lomakemallissa on esimerkiksi pitkät ohjeet, käytä numeroilla tai luettelomerkeillä varustettuja luetteloita suurten tekstilohkoja sijasta, koska luettelot on helpompi silmäillä ja sisäistää.

kuvakkeen kuva

Varmista, että käytät fonttitehosteita asianmukaisesti.

Käytä lihavointia, kursivointia ja muita fonttitehosteita harkiten, jos ollenkaan. Kursivoitu teksti on esimerkiksi usein hankalaa lukea näytöllä erityisesti silloin, kun se on käytössä tietyissä fonteissa. Vastaavasti liian paljon lihavoitua tekstiä heikentää tekstin yleistä sanomaa.

Sivun alkuun

Logojen ja muiden kuvien käytön tarkistusluettelo

Kuvilla voi myös mukauttaa lomakemallia ja lisätä siihen tyyliä. Esimerkiksi yrityksen logon lisääminen lomakemalliin voi auttaa sen yksilöimisessä.

Pidä seuraavat ohjeet mielessä, kun käytät kuvia suunnittelussa.

Ohje

Tiedot

kuvakkeen kuva

Varmista, että kuvat yksilöivät yrityksen tai lomakemallin käyttötarkoituksen riittävällä tavalla.

Varmista, että yleisö ymmärtää kuvan tarkoituksen siitä riippumatta, käytätkö kuvaa yksinkertaisena visuaalisena merkkinä (esimerkiksi yrityksen logo) vai tärkeiden tietojen välittämiseen (esimerkiksi tietokaavio).

kuvakkeen kuva

Tarkista, että kuvat ovat sopivassa koossa ja oikeassa kohdassa.

Varmista, että kuvan koko ja sen sijainti lomakemallissa eivät haittaa käyttäjiä lomakemallia täytettäessä.

kuvakkeen kuva

Varmista, että kuvat sopivat kulttuuriin.

Esimerkiksi käsimerkkejä sisältävät valokuvat voivat olla loukkaavia. Kartat ja liput voivat myös olla arkaluonteisia kuvia. Jos kuvassa on ihmisiä, harkitse, pitäisikö henkilöiden edustaa eri etnisiä taustoja ja molempia sukupuolia.

kuvakkeen kuva

Käytä kuvia harkiten.

Liiallinen tai tarpeeton kuvien käyttö saa lomakemallin näyttämään sekavalta ja järjestelemättömältä, mikä viime kädessä heikentää lomakemallin yleisilmettä ja tehokkuutta.

kuvakkeen kuva

Varmista, että kuvissa on vaihtoehtoinen teksti. Varmista myös, että vaihtoehtoinen teksti on järkevä, kun se luetaan ääneen.

Vaihtoehtoinen teksti auttaa käyttäjiä, jotka eivät näe näytön kuvaa. Vaihtoehtoisesta tekstistä on hyötyä esimerkiksi henkilöille, jotka käyttävät näytönlukuohjelmaa näytön tietojen lukemiseen tai jotka tarkastelevat selainkäyttöinen lomakemalli-kohdetta vain tekstin näyttävillä selaimilla.

kuvakkeen kuva

Varmista, että kuvat on tallennettu sopivassa tiedostomuodossa.

Suuret kuvatiedostot voivat pidentää lomakkeen avautumisaikaa. Tietyt tiedostomuodot tuottaa tiedostoja, jotka ovat paljon muita suurempia. Esimerkiksi muodossa bittikartta (.bmp) tai Tagged Image File Format (TIFF) tallennettu tiedosto on huomattavasti suurempi kuin sama tiedosto, joka on tallennettu muodossa JPEG, GIF tai PNG. Valokuville ja muille monimutkaisille kuville sopii parhaiten yleensä JPEG-muoto. PNG- tai GIF-muodot sopivat erinomaisesti viivapiirustuksiin, logoihin, havainnollistamiskuviin ja kaavioihin.

kuvakkeen kuva

Varmista, että kuvia ei ole suojattu tekijänoikeuksilla.

Koska niin paljon kuvat ovat helposti käytettävissä Internetissä, voi käyttää kuvan, joka näkyy tietoja. Valitettavasti monia kuvien tekijänoikeudet on suojattu ja sinun on käyttöoikeuksia, ennen kuin voit käyttää niitä lomakemallien. On kuitenkin useita sivustoja, kuten Bing-kuvahaun, kun tekijänoikeuksien käyttöoikeussuodattimen, voit niiden leikkeiden ja kuvien, kunhan hyväksyy, että niiden käyttöehdot.

kuvakkeen kuva

Älä luota pelkästään kuviin tärkeitä tietoja esittäessäsi.

Vastaavasti kuin värien kohdalla, tärkeiden tietojen esittämisessä käyttäjille ei pidä luottaa pelkästään kuviin. Käyttäjät eivät ehkä näe lomakemallin kuvia. Kuvat on saatettu poistaa käytöstä selaimessa suorituskyvyn parantamiseksi, kun lomaketta tarkastellaan selaimessa, tai käyttäjällä saattaa olla huono näkö, minkä takia hän ei todellisuudessa näe näytöllä olevaa kuvaa.

Sivun alkuun

Huomautus: Konekäännöksestä ilmoittava vastuusvapauslauseke: Tämä artikkeli on käännetty tietokonejärjestelmällä, eikä kieliasiantuntija ole muokannut sitä. Microsoft tarjoaa nämä konekäännökset avuksi muille kuin englantia puhuville käyttäjille, jotta he saavat lisätietoja Microsoftin tuotteista, palveluista ja tekniikoista. Koska artikkeli on koneellisesti käännetty, se saattaa sisältää sanasto-, lauseoppi- ja kielioppivirheitä.

Kehitä taitojasi
Tutustu koulutusmateriaaliin
Saat uudet ominaisuudet ensimmäisten joukossa
Liity Office Insider -käyttäjiin

Oliko näistä tiedoista hyötyä?

Kiitos palautteesta!

Kiitos palautteestasi! Näyttää siltä, että Office-tukiedustajamme avusta voi olla sinulle hyötyä.

×