Ühtne infopaigutus
Ühtne struktuurne ülesehitus veebide üleselt, ehk disainimustrid, aitab tugevdada külastaja ootusi informatsiooni leidmisel. Tagamaks intuitiivse kasutajakogemuse on otsing, kontaktid, uudised, e-teenused jne. alati leitavad samast kohast kõikides veebides. Kattuv loogika on ka sarnaselt info paigutamine plokkidesse ja kasutades mooduleid.
Pildiline
Ilustreerivad materjalid aitavad vähendada teksti hulka. Kasutada tuleks rohkem pilte ja konteksti selgitavaid skeeme. Visuaalsus aitab paremini teemasse süveneda ka neil, kes ei ole suurte tekstimassiividega harjunud.
Liigendatud küljendatud
Väldime suuri, pikki ja lohisevaid tekstimassiive. Tekstiplokid on osa visuaalsest stiilist. Tekst koondab tähelepanu, millega on võimalik infot rõhutada – pealkirjad, sissejuhatavad paragraafid, lingid, jne
Üks teema korraga
Iga leht on pühendatud ühele teemale. Vaid nii on võimalik süveneda. Ära pelga ei lühikesi ega pikki artikleid. Infohulgast olulisem on info liigendamine ja vajalike rõhutuste esiletoomine.
Värvikasutus
Valitsusportaali üldine värvikoloriit põhineb rahvusvärvidel. Veebileht on oma valge taustaga neutraalselt helge, sinine ja must toon annab väljapeetud ja korrektse kuvandi. Kontrastsed värvitoonid aitavad eristada elemente ja teemasid.
- Põhivärvid - eristuvad taustast hästi ning see tagab hea loetavuse.
- Hallid - mõeldud taustadel kasutamiseks info eristamisel.
- Erisõnumid - eristatakse selgelt veebilehe värvidest ja mõjuvad silmatorkavalt.
- Laiendatud värviskaala on põhivärviskaala laiendus, mida on täiendatud valitsusportaali stiilijuhises lubatud värvidega. Kasutatakse ainult juhul, kui on vaja visuaalselt eristada suurt hulka andmeid ja on oht, et sinised ja hallid toonid sulavad ühte. Näiteks sektor- ja joondiagrammide puhul Excelis ja online keskkondades (infogr.am, piktochart.com, canva.com) infograafika loomisel. Sellises olukorras valitakse värvid järjekorras vasakult paremale, alustades lipusinisest ja liikudes edasi ning valides iga järgneva värvi, sealjuures ühtki värvi mitte vahele jättes. automaks
|
#000000 - sisutekst |
|
#75787B - teisejärguline tekst |
|
#003087 - taust, lingid, pealkirjad, ikoonid |
|
#006EB5 - nupud, lingid, ikoonid |
|
#ffffff - taustad |
|
#D9D9D6 - vahejooned,äärejooned |
|
#EEEEEE - taust |
|
#FBFAFA - vahekaartide taust, abel |
|
#BA432A - veateade, hoiatus |
|
#3FC380 - positiivne teade |
|
#006EB5 - 0/110/181 |
|
#F0A321 - 240/163/33 |
|
#003087 - 0/48/135 |
|
#90C8E8 - 144/200/232 |
|
#E76000 - 231/96/0 |
|
#B9D9EB - 185/217/235 |
|
#41B6E6 - 65/182/230 |
|
#BA432A - 186/67/42 |
|
#C8C9C7 - 200/201/199 |
|
#97999B - 151/153/155 |
|
#EB8316 - 235/131/122 |
|
#53565A - 83/86/90 |
|
#B1B3B3 - 177/179/179 |
|
#F1BE9F - 241/190/159 |
|
#75787B - 117/120/123 |
|
#2C2A29 - 44/42/41 |
|
#81D4AF - 129/212/175 |
|
#297950 - 41/121/80 |
|
#D4456B - 212/69/107 |
|
#4E9370 - 78/147/112 |
|
#74CD81 - 116/205/129 |
|
#890074 - 137/0/122 |
|
#AFE1C0 - 175/225/192 |
|
#246855 - 36/104/85 |
Infograafika, joonised, graafikud
Infograafika annab alternatiivse mooduse teksti kuvamiseks. Lugejate jaoks, kellel on visuaalse informatsiooni tajumine paremini arenenud, on graafiliselt kujutatud info ülevaatlikum ja lihtsamini omandatav.
Samas on külastajaid, kes loevad sama infot pigem tekstina. Jälgi, et kogu info, mida kujutad graafikuna, on antud ka tekstina või tabelina. Infograafika koostamisel on eesmärgiks lihtsustatud kujul välja tuua vaid kõige olulisem.
Näidis pirukas
Test graafik täpitähtedega
Graafik - näidis
Ikoonid
Ikoonid on üheks efektiivsemaks teksti asendamise viisiks. Joongraafika stiilis ikoonid on oma kompleksusastmes piisavalt detailirohked, kuid samas lihtsasti loetavad.
Ikoonide kasutamisel tasub aga silmas pidada, et need on ennekõike pilgupüüdjad-mäluvaiad, mitte aga komplitseeritud sõnumikandjad.
Valitsusportaali sobiva stiiliga ikoone saab alla laadida Riigikantselei pilvest. Uusi ikoone tekib juurde pidevalt.
Viimati uuendatud 14.08.2025
