Lomakemallin värien, fonttien ja kuvien käyttöä koskevat ohjeet

Käytetään kohteeseen
InfoPath 2010 InfoPath 2013

Lomakesuunnittelijana on tärkeää keskittyä siihen, miltä lomakemalli näyttää, ei vain siihen, miltä se toimii. Olitpa lisäämässä väriä tai yrityksen logoa, Microsoft Office InfoPath tarjoaa useita tapoja luoda kiinnostuksen kohteita ja järjestää tietoja visuaalisesti niin, että lomakemallisi on houkutteleva ja helppokäyttöinen.

Sinun ei tarvitse olla ammattimainen graafinen suunnittelija, jotta voit luoda hyvännäköisen lomakemallin. Muista kuitenkin olla ylikuormittamatta lomakemallia, jossa on liikaa erilaisia rakenneelementtejä, jolloin se voi näyttää sekavalta. Valitse sen sijaan muutamia elementtejä, jotka täyttävät suunnittelutavoitteesi, ja käytä niitä sitten johdonmukaisesti antaaksesi lomakemallille viimeistellyn ja ammattimaisen ulkoasun.

Tässä artikkelissa on tarkistusluetteloita, joiden avulla voit pitää rakenteen oikeassa aikataulussa.

Artikkelin sisältö

Värin, reunojen ja sävytyksen tarkistaminen luettelosta

Värin käyttäminen on yksi helpoimmista tavoista lisätä visuaalista kiinnostasuutta lomakemalliin. InfoPathissa on useita valmiita värimalleja, joiden avulla voit käyttää erilaisia väriyhdistelmiä lomakemallin tietyissä kohteissa. Voit myös käyttää väriä lomakemallin taustassa.

Lisäksi voit luoda kiinnostuksen kohteita ja järjestää lomakemallin elementtejä käyttämällä reunaviivoja ja sävytystoimintoja. Reunaviiva jäsentää ohjausobjektin, taulukon tai taulukon solun rajat. Reunat ovat erityisen hyödyllisiä, kun haluat erottaa lomakemallin osat toisistaan. Osien eriytyminen auttaa käyttäjiä ymmärtämään lomakkeen organisaatiota. Seuraavassa esimerkissä lomakkeen suunnittelutyökalu on käyttänyt reunoja toistuvan taulukon solujen korostamiseen.

aa55d0d5-ba27-40cc-872b-a66dc4bf845f

Sävytyksen käyttäminen ohjausobjektissa tai taulukon solussa muuttaa sen taustaväriä. Seuraavasta kuvasta näet, miten erilaiset sävytysvaihtoehdot voivat muuttaa lomakemallin Lisätietoja-ruudun ulkoasua.

2fb2c192-5fb2-4f39-b74c-ad8d8a6eed3d

Kun käytät väriä rakenteessasi, pidä mielessä seuraavat ohjeet.

Suuntaviivat Lisätietoja
e27deb97-4785-4cbb-bcea-7071700dcda0 Älä käytä pelkästään väriä tärkeiden tietojen välittämiseen. Jos lomakemalli sisältää esimerkiksi värikoodatun selitteen, käytä värin käyttämiseen lisäohjeita, kuten tekstihuomautuksia. Jotkut käyttäjät saattavat käyttää rajoitettua värimallia tai kämmentietokonetta, jossa on yksivärinen näyttö, tai he saattavat käyttää näytön tarkistuksen apuohjelmia, jotka harvoin välittävät tietoja, jotka esitetään vain väreillä. Lisäksi jopa 10 prosentilla väestöstä on vaikeuksia erottaa joitakin värejä tai nähdä joitakin värejä.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Harkitse värikontrastia ja taustaa. Varmista, että värikontrasti on suuri taustan ja lomakemallin edustan välillä. Käytä esimerkiksi valkoista tai harmaata taustaa, jossa on ohjausobjektin värejä, tai valkoista tai harmaata taulukon solun väriä, jossa on fontin väri.
e27deb97-4785-4cbb-bcea-7071700dcda0 Jos käytät väriä lomakemallin taustalla, varmista, että Tulosta taustavärit ja kuvat -asetus on poistettu käytöstä. Taustat voivat luoda kontrastia ja mielenkiintoa, kun käyttäjät tarkastelevat lomaketta tietokoneen näytössä. Taustavärit eivät kuitenkaan välttämättä ole optimaalisia tulostamista varten, koska käyttäjillä ei ehkä ole väritulostimia ja taustavärien tulostaminen harmaasävyisinä tai mustavalkoisina voi tehdä lomakkeesta vaikeasti luettavan. Lisäksi taustan tulostaminen voi hidastaa lomakkeen tulostamista ja aiheuttaa mustetta tai väriainetta. Näistä syistä InfoPath ei oletusarvoisesti tulosta taustavärejä tai kuvia.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Käytä sävytystä ja reunoja harkiten. Vaikka voit ryhmitellä samankaltaiset kohteet yhteen reunojen avulla, liian monet ruudut voivat tehdä lomakemallista sotkuisen ja heikentää sen yleistä ulkoasua. Keskity siihen, mitä haluat saavuttaa käyttämällä reunoja ja sävytystä, ja valitse ja käytä sitten johdonmukaisesti kyseistä tavoitetta vastaavaa tehostetta. Voit esimerkiksi rajoittaa reunaviivojen käyttöä tärkeiden tietojen korostamiseen tai lomakkeen yleisen organisaation vahvistamiseen.
e27deb97-4785-4cbb-bcea-7071700dcda0 Varmista, että värit näyttävät hyvältä, kun tarkastelet lomakemallia eri näytöissä. Testaa, miten lomakemallin värit näkyvät eri näytöissä. Voit esimerkiksi pyytää muutamaa työtoveria tarkistamaan lomakemallin, tarkistamaan värit eri valaistusolosuhteissa tai kokeilemaan erilaisia tietokoneen näytön ja tulostimen asetuksia.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Huomioi, että värit tarkoittavat eri asioita eri maissa ja eri alueilla. Esimerkiksi joissakin maissa ja joillakin alueilla punainen liittyy kuolemaan.

Sivun alkuun

Fonttien ja fonttimuotoilun tarkistaminen

Tekstin ulkoasun muokkaaminen voi korostaa tärkeitä tietoja tai muuttaa lomakemallin yleistä ulkoasua merkittävästi. Voit esimerkiksi muuttaa tiettyjen sanojen väriä ja kokoa ja luoda otsikoita, joiden avulla voit järjestää lomakemallin ja jakaa sen loogisiksi osiksi.

Seuraavassa esimerkissä lomakkeen suunnittelutyökalu käyttää kahta eri fonttia, yhtä otsikoille ja toista lomakemallin ohjausobjektien sisällä näkyvälle tekstille. Huomaa, että yleensä kannattaa välttää ALL CAPS -näppäimen käyttämistä korostukseen. Tämä tekniikka voi kuitenkin toimia, jos käytät sitä säästeliäästi, kuten otsikoiden ja muiden lyhyiden lauseiden kanssa, kuten seuraavassa esimerkissä.

9eed73c1-53cd-4291-8d55-a887655dce40

1. Otsikkotekstissä fontti on 9 pisteen Arial.

Kaksi. Ohjausobjektin tekstin fontti on 10 pisteen Verdana.

Kun käytät eri fontteja ja fonttimuotoilua rakennuksellasi, pidä mielessä seuraavat ohjeet.

Suuntaviivat Lisätietoja
e27deb97-4785-4cbb-bcea-7071700dcda0 Varmista, että teksti näkyy taustavärejä tai varjostettuja alueita vasten. Teksti on helpointa lukea, kun tekstin ja taustan välillä on riittävä kontrasti. Musta teksti valkoisella taustalla antaa suurimman kontrastin. Tumman taustan vaalea teksti tarjoaa myös hyvän kontrastin.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Varmista, että lomakkeen teksti ei ole liian pientä. Joskus voi olla tarpeen käyttää pientä tekstiä, esimerkiksi silloin, kun lisäät lomakemalliin hienotulostusta tai kun käytät seliteohjausobjekteja. Useimmissa tapauksissa suurempi teksti on kuitenkin paljon mukavampaa, jotta suurin osa ihmisistä voi lukea.
e27deb97-4785-4cbb-bcea-7071700dcda0 Käytä fontteja ja fonttitehosteita harkiten. Vältä useiden fonttien käyttämistä samassa lomakemallissa. Se voi luoda häiritsevän, hajanaisen tehosteen. Hyvä ohje on pitää se yksinkertaisena käyttämällä enintään kolmea fonttia. Vältä myös sarjakuvamaisia fontteja, koska ne näyttävät yleensä epäammattisilta yritysmuodossa.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Varmista, että teksti on luettavissa, kun sitä tarkastellaan suuren kontrastin värimallien avulla. Jotkut heikkonäköiset käyttäjät käyttävät suuren kontrastin värimallia joidenkin tietokoneen näytön tekstin ja kuvien värikontrastin suurentamiseen. Tämä tekee näistä kohteista selkeämpiä ja helpommin tunnistettavia. Tarkista lomakemalli käyttämällä erilaisia suuren kontrastin värimalleja ja varmista, että lomakemalli on käytettävissä tässä tilassa. Lisätietoja suuren kontrastin värimallin käyttöön ottaminen ja poistaminen käytöstä on käyttöjärjestelmän ohjejärjestelmässä.
e27deb97-4785-4cbb-bcea-7071700dcda0 Mieti, onko teksti skannattavissa. Jos lomakemalli sisältää paljon tekstiä, voit auttaa käyttäjiä varmistamalla, että teksti on skannattavissa. Jos esimerkiksi sisällytät lomakemalliin pitkiä ohjeohjeita, käytä numeroituja tai luettelomerkeillä varustettuja luetteloita suurten tekstilohkojen sijaan, koska luetteloita on usein helpompi skannata ja sulattaa.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Varmista, että käytät fonttitehosteita oikein. Käytä lihavointia, kursivointia ja muita fonttitehosteita säästeliäästi, jos käytät niitä ollenkaan. Esimerkiksi kursivoitua tekstiä on usein melko vaikea lukea näytössä, varsinkin kun sitä käytetään tiettyjen fonttien kanssa. Vastaavasti liian suuri lihavointi vähentää tekstin kokonaisviestiä.

Sivun alkuun

Logojen ja muiden kuvien tarkistusluettelo

Kuvat ovat toinen tapa mukauttaa ja lisätä tyyliä lomakemalliin. Esimerkiksi yrityksen logon lisääminen voi auttaa lomakemallin luonnissa.

Kun käytät kuvia suunnittelussa, muista seuraavat ohjeet.

Suuntaviivat Lisätietoja
e27deb97-4785-4cbb-bcea-7071700dcda0 Varmista, että kuvat tunnistavat riittävästi yrityksen tai lomakemallin käyttötarkoituksen. Riippumatta siitä, onko kuva pelkkä visuaalinen vihje (kuten yrityksen logo) vai käytetäänkö sitä tärkeiden tietojen (kuten tietokaavion) välittämiseen, varmista, että yleisösi ymmärtää sen tarkoituksen.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Varmista, että kuvien koko ja sijainti ovat oikeat. Varmista, että kuvan koko ja sen sijainti lomakemallissa eivät estä käyttäjiä täyttämästä lomakemallia.
e27deb97-4785-4cbb-bcea-7071700dcda0 Varmista, että kuvat ovat kulttuurisesti herkkiä. Esimerkiksi käsiliikkeitä sisältävät valokuvat voivat olla loukkaavia. Kartat ja merkinnät voivat olla myös herkkiä kuvia. Jos kuvassa on ihmisiä, harkitse erilaisten etnisten ryhmien ja molempien sukupuolten näyttämistä.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Käytä kuvia harkiten. Liiallisten tai tarpeettomien kuvien lisääminen voi saada lomakemallin näyttämään sekavalta ja järjestämättömältä, mikä lopulta heikentää lomakemallin yleistä ulkoasua ja tehokkuutta.
e27deb97-4785-4cbb-bcea-7071700dcda0 Varmista, että kuvat sisältävät vaihtoehtoista tekstiä ja että vaihtoehtoinen teksti on järkevää luettaessa ääneen. Vaihtoehtoinen teksti auttaa niitä, jotka eivät näe kuvaa näytössä. Vaihtoehtoinen teksti on hyödyllinen esimerkiksi niille käyttäjille, jotka käyttävät näytön tarkistusapuohjelmia näytön tietojen lukemiseen näytössä, tai niille, jotka käyttävät vain teksti -selaimia selainta käyttävän lomakemallin tarkastelemiseen.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Varmista, että kuvat on tallennettu asianmukaisessa tiedostomuodossa. Suuret kuvatiedostot voivat pidentää lomakkeen avaamiseen kuluvaa aikaa. Tietyt tiedostomuodot tuottavat tiedostoja, jotka ovat paljon suurempia kuin toiset. Esimerkiksi bittikarttatiedostona (.bmp) tai Tagged Image File Format (TIFF) -tiedostona tallennettu tiedosto on huomattavasti suurempi kuin JPEG-, GIF- tai PNG-tiedostona tallennettu tiedosto. JPEG-muoto sopii yleensä parhaiten valokuviin tai muihin monimutkaisiin kuviin. GIF- tai PNG-muodot sopivat usein parhaiten viivapiirustuksiin, logoihin, kuvituksiin, kaavioihin ja kaavioihin.
e27deb97-4785-4cbb-bcea-7071700dcda0 Varmista, että kuvia ei ole suojattu tekijänoikeuksilla. Koska niin monet kuvat ovat helposti käytettävissä Internetissä, saatat joutua käyttämään mitä tahansa näkemääsi kuvaa. Valitettavasti monet näistä kuvista on suojattu tekijänoikeuksilla, ja tarvitset luvan, ennen kuin voit käyttää niitä lomakemalleissa. On kuitenkin useita sivustoja, kuten Bing-kuvahaku, jotka tekijänoikeuskäyttöoikeussuodatinta käytettäessä voit käyttää niiden leikkeitä ja kuvia, kunhan hyväksyt niiden käyttöehdot.
078b1f40-a6c8-494b-956a-2a7273ff86d0 Älä käytä pelkästään kuvia tärkeiden tietojen välittämiseen. Aivan kuten sinun ei pitäisi luottaa pelkästään väriin tärkeiden tietojen välittämiseen käyttäjille, sinun ei pitäisi luottaa pelkästään kuviin. Käyttäjät eivät ehkä näe kuvia lomakemallissasi. He voivat esimerkiksi poistaa selaimen kuvat käytöstä nopeuttaakseen suorituskykyä, kun tarkastelet lomaketta selaimessa, tai he voivat olla heikkonäköisiä, mikä estää heitä näkemästä kuvaa näytössä.

Sivun alkuun