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

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ä artikkeli sisältää tarkistusluetteloita, joiden avulla suunnittelun voi pitää oikealla tolalla.

Artikkelin sisältö

• Värien, reunojen ja sävytysten käytön tarkistusluettelo
• Fonttien ja fonttimuotoilujen käytön tarkistusluettelo
• Logojen ja muiden kuvien käytön tarkistusluettelo

Värien, reunojen 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ä. Voit myös käyttää väriä lomakemallin taustassa.

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.

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.

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

	Ohje	Lisätietoja
	Älä luota pelkästään väriin tärkeiden tietojen esittämisessä.	Jos lomakemallissa on esimerkiksi värikoodattu selite, täydennä värin käyttöä lisävihjeillä, kuten tekstimuotoisilla huomautuksilla. Jotkut käyttäjät saattavat käyttää rajoitettua värimallia tai kannettavaa tietokonetta, jossa on yksivärinen näyttö, tai he saattavat käyttää näytönlukuohjelmia, jotka välittävät vain harvoin pelkästään väreillä esitetyt tiedot. Lisäksi jopa kymmenellä prosentilla väestöstä on vaikeuksia erottaa tiettyjä värejä tai nähdä joitakin värejä.
	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.
	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 lomakettasi tietokoneen näytöllä. Taustavärit eivät kuitenkaan sovellu optimaalisesti tulostamiseen, koska 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äistä syistä InfoPath ei oletusarvoisesti tulosta taustavärejä tai kuvia.
	Käytä sävytystä ja reunoja harkiten.	Vaikka samankaltaiset kohteet voi ryhmitellä yhteen reunaviivojen avulla, liian monta ruutua saa lomakemallin näyttämään sekavalta ja heikentää sen ulkoasua. Keskity siihen, mitä haluat saada aikaan reunaviivojen ja sävytyksen käytöllä, ja 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.
	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 eri näyttö- ja tulostusasetuksia.
	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 luoda 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ää. Tämä tekniikka voi kuitenkin toimia säästeliäästi käytettynä esimerkiksi otsikoissa ja muissa lyhyissä ilmauksissa seuraavan esimerkin tavoin.

1. Otsikkotekstin fontti on 9 pisteen Arial.

2. Ohjausobjektin tekstin fontti on 10 pisteen Verdana.

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

	Ohje	Lisätietoja
	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.
	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.
	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.
	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.
	Harkitse, onko teksti silmäiltävissä.	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 tekstilohkojen sijasta, koska luettelot on helpompi silmäillä ja sisäistää.
	Varmista, että käytät fonttitehosteita oikein.	Käytä lihavointia, kursivointia ja muita fonttitehosteita harkiten, jos ollenkaan. Kursivoitu teksti on esimerkiksi usein hankalaa lukea näytöllä etenkin silloin, kun sitä käytetään 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	Lisätietoja
	Varmista, että kuvat yksilöivät yrityksen tai lomakemallin käyttötarkoituksen riittävällä tavalla.	Varmista, että yleisö ymmärtää kuvan tarkoituksen riippumatta siitä, käytätkö kuvaa yksinkertaisena visuaalisena merkkinä (kuten yrityksen logo) vai tärkeiden tietojen välittämiseen (kuten tietokaavio).
	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ä.
	Varmista, että kuvat sopivat kulttuuriin.	Esimerkiksi käsiliikkeitä 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.
	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.
	Varmista, että kuvissa on vaihtoehtoinen teksti ja 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öistä lomakemallia vain tekstiä sisältävillä selaimilla.
	Varmista, että kuvat on tallennettu sopivassa tiedostomuodossa.	Suuret kuvatiedostot voivat pidentää lomakkeen avautumisaikaa. Tietyt tiedostomuodot tuottaa tiedostoja, jotka ovat paljon muita suurempia. Esimerkiksi bittikarttana (.bmp) tai TIFF-muodossa (Tagged Image File Format) tallennettu tiedosto on huomattavasti suurempi kuin sama JPEG-, GIF- tai PNG-muodossa tallennettu tiedosto. Valokuville ja muille monimutkaisille kuville sopii parhaiten yleensä JPEG-muoto. GIF- tai PNG-muodot sopivat erinomaisesti viivapiirustuksiin, logoihin, havainnollistamiskuviin ja kaavioihin.
	Varmista, että kuvia ei ole suojattu tekijänoikeuksilla.	Koska Internetissä on niin paljon kuvia, minkä tahansa näkemäsi kuvan käyttäminen saattaa houkuttaa. Valitettavasti monet näistä kuvista ovat tekijänoikeussuojattuja, ja tarvitset luvan, ennen kuin voit käyttää niitä lomakemalleissa. On kuitenkin olemassa useita sivustoja, kuten Bing-kuvahaku, joiden leikkeitä ja kuvia voit käyttää tekijänoikeuslisenssisuodatinta käyttäessäsi, kunhan hyväksyt niiden käyttöehdot.
	Ä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. He voivat esimerkiksi poistaa kuvat 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