Datorika. Pamatkurss. 4.

Informācijas dizains

Uzdevumi/vingrinājumi

Informācijas dizaina izstrāde

1. uzdevums
Sasniedzamais rezultāts: “Izpētu informācijas dizaina piemērus.”

● Atrodi veiksmīga informācijas dizaina piemēru un ievieto saiti uz to!

https://www.youtube.com/

● Atrodi neveiksmīga informācijas dizaina piemēru un ievieto saiti uz to!

http://www.pnwx.com/

● Raksturo veiksmīga informācijas dizaina principus!

1. precīza ziņojuma struktūra;

2. skaidrība;

3. vienkāršība;

4. ziņojumu veidojošo elementu vienotība;

5. ziņojuma augsta kvalitāte;

6. vizuālo elementu harmonija un proporcionalitāte.1

● Nosauc piemērus, kur ikdienā var sastapties ar informācijas dizainu (vismaz 5 piemēri)!

1. Internetvietnes (mājaslapas);
2. Žurnālos;
3. Mācību grāmatās;
4. Plakātos;
5. Norāžu zīmēs.

1
https://www.uzdevumi.lv/p/vizuala-maksla/5-klase/cilveka-figura-13341/informativais-dizains-13405/re-567c69c2-d4e8-4791-b0bf-6175e70a5c07

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 18
 Datorika. Pamatkurss. 4. Informācijas dizains

● Nosauc piemērus, kur ikdienā var sastapties ar informācijas dizainu digitālā formātā (vismaz 5 piemēri)!

1. Internetvietnes (mājaslapas);
2. Vizuāla reklāma (video);
3. Videospēles;
4. Datubāzes;
5. Datorprogrammas.

6. ● Atrodi viegli uztveramu fontu, ko būtu vēlams pielietot informācijas dizainā! Ievieto saiti uz to un
pamato savu izvēli!

Saite: Arial https://fonts-online.ru/fonts/arial

Pamatojums: Burti ir saprotami visiem, lakonisks dizains, tāpēc tas ir plaši izmantots fonts.

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 19
 Datorika. Pamatkurss. 4. Informācijas dizains

● Atrodi grūti uztveramu fontu, ko nebūtu vēlams pielietot informācijas dizainā! Ievieto saiti uz to un
pamato savu izvēli!

Saite: Tisk https://www.dafont.com/tisk.font

Pamatojums: Nav viegli uztverama, pārāk daudz detaļu. Šo fontu nav vēlams pielietot ka pamatfontu, jo
plašām daudzumam cilvēku to būs grūti uztvert.

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 20
 Datorika. Pamatkurss. 4. Informācijas dizains

● Atrodi viegli uztveramas ikonas, kuras var aizstāt tekstu un ir visiem saprotamas! Ievieto ikonas
tabulā un paskaidro to nozīmi!
Ikona Nosaukums Skaidrojums

♫ Notis Notis simbols. Simbolizē mūziku. Var tiktu izmantots mūzikas

atskaņotāja, piemēram, klikšķinot uz šo ikonu, paradās mūzikas
saraksts.

€ Eiro Naudas zīme (EUR), oficiāla valūta deviņpadsmit Eiropas Savienības

valstīm. Šis simbols ir plaši izmantots internet veikalos. Piemēram,
skat. 1. attēlu:

1. attēls

☺ Smaidiņš Attēlo pozitīvo emociju vai labvēlīgu iznākumu rezultātu, piemēram,

kad lietotājs saņēmis par tēstu labu rezultātu, tad var paradīties šī ikonā.

♂ Vīrietis Attēlo bioloģisko dzimumu, kura dzimumorgāni ražo vīrišķās

dzimumšūnas gametas. Var pielietot bioloģijas teorijā, lai apzīmētu
tēviņus.

∞ Bezgalība Bezgalības simbolu lieto matemātikā (skat. 2. attēlu), filozofijā un

loģikā. Var apzīmēt kaut ko neizmērāmu un nesasniedzamu, vai ļoti
lielu.

f (t)
- nozīmē, ka laukums zem ir bezgalīgs.2

2. attēls

2
https://en.wikipedia.org/wiki/Infinity

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 21
 Datorika. Pamatkurss. 4. Informācijas dizains

● Nosauc informācijas dizaina paņēmienus un vizuālās izteiksmes līdzekļus, kas sastopami ikdienā un
izmantoti, lai atvieglotu informācijas uztveramību!
1. Tika izmantotas matemātiskie simboli, kurus daudzi saprot
2. Tika izmantotas ikonās/piktogrammas
3. Tika izmantotas logotipi
4. Tika izmantotas krāsas apzīmējumi (piemēram, sarkana krāsa – brīdinājums)
5. Tika izmantotas statistikas elementi, izmantojot grafisku vizualizēšanu (diagrammas, grafiki, shēmas)

2. uzdevums
Sasniedzamais rezultāts: “Izpētu iespējamās mērķauditorijas.”

● Nosauc kritērijus, pēc kuriem ir iespējams sadalīt mērķauditoriju!

1. Pēc materiālā stāvokļa
2. Pēc vecumā
3. Pēc interesēm
4. Pēc dzimuma
5. Pēc valodas

● Aizpildi tabulu, norādot konkrētas mērķauditorijas, kas atbilstu vienam iepriekš aprakstītajam
mērķauditorijas iedalījuma kritērijam!

Konkrēta mērķauditorija Mērķauditorijas īpatnības Informācijas nodošanas paņēmieni

Pieaugušie cilvēki Viņi zina ko viņi meklē, piemīt Izmantojiet konkrētas informācijas
neatkarība no citu cilvēku viedokļiem. nodošanas formas, neizmantojiet
Viņi, zina, kāda veida produkts un ironiju.
informācija viņiem ir nepieciešama,
piemēram, nepērc to, kas viņiem nav
vajadzīgs.

Pusaudži Pusaudži aizraujas ar datu apmaiņu, Izmantojiet sociālus tiklus, mēmes un

izmantojot tiešsaistes medijus, jokus.
piemēram, izmantojot mēmes3.
Emocionāli, spontānas, vēlme pēc
piederības pie kādai subkultūrai.

Veci cilvēki Neprot pielietot pārāk sarežģītas Izmantojiet tradicionālas informācijas

digitālas formas, nezina pusaudžu nodošanas paņēmienus. Piemēram
žargonu, neprot interneta slengu izmantojot avīzes un žurnālus.
3
https://lv.wikipedia.org/wiki/M%C4%93me

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 22
 Datorika. Pamatkurss. 4. Informācijas dizains

lietošanu, biežāk piemīt Internēta reklāmai ir jābūt saprotamai

tradicionālākas vērtības. un taisnai.

Jaunākajā skolas Viņu uzmanību piesaista spilgti attēli, Krāsainas pievilcīgas animācijas. Lai
vecumā bērni patīk spēlēt, ziņkārīgi. reklāma būtu smieklīga un produkts
būtu atbilstošs vecumam.

3. uzdevums
Sasniedzamais rezultāts: “Izpētu informācijas dizaina risinājuma nosacījumus.”

● Nosauc nosacījumus, kas jāievēro, radot informācijas dizaina risinājumus!

1. Izmantot atbilstošus krāsas shēmas (kontrastam). Piemērotas krāsas shēma - krāsu kontrasti jeb vairāk vai
mazāk izteiktas teksta un tā fona krāsas atšķirības, kas palīdz uztvert informāciju.
2. Dizainam ir jābūt uztveramam (attēlu, multimediju satura un cita digitālā satura atspoguļošanas
alternatīvu pieejamība). Dizains efektīvi novada nepieciešamo informāciju līdz lietotājam, neatkarīgi no
apkārtējās vides vai lietotāja sensoriskajām spējām.
3. Dizainam ir jābūt darbināmam (iespēja piekļūt digitālajam saturam un izmantot to brīvi – ne vien ar
datorpeli, bet arī ar tā dēvētajām palīgtehnoloģijām, piemēram, TAB taustiņu).
4. Dizainam ir jābūt saprotamam (Tīrs izkārtojums - saprotami strukturēts izkārtojums) - digitālā satura
atspoguļošana vienkāršā valodā, lai tas būtu saprotams ikvienam lietotājam, arī cilvēkiem ar dažādiem
uztveres traucējumiem. Dizaina izmantošana ir viegli saprotama, neatkarīgi no lietotāja pieredzes,
zināšanām, valodas iemaņām vai pašreizējā koncentrēšanās līmeņa.
5. Dizainam ir jābūt robustam (iespēja salāgot digitālo saturu ar dažāda veida iekārtām, piemēram, ekrāna
lasīšanas ierīcēm, viedtālruņu virtuālajiem balss asistentiem un u.tml.).
6. Ērta lietošana ikvienam, dizains ir noderīgs un pārdodams cilvēkiem ar atšķirīgām spējām. 4 Dizains ir
pielāgots plašam individuālo tieksmju un spēju spektram.
7. Samazināta iespēja kļūdīties. Dizains līdz minimumam samazina riskus un nejaušu vai netīšu darbību
nelabvēlīgās sekas.
8. Nepieciešami zināt savu mērķauditorijas intereses.
9. Ir jāveic testēšanu uz dažādiem ierīcēm.

4
https://www.kurzemesregions.lv/universala-diazina-principi-un-to-pielietosana-2/

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 23
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:
4. uzdevums
“Attēlu apstrādes lietotnē apgūstu darbības ar slāņiem un maskām.”

● Izvēlies divus attēlus: vienu priekšplānam, otru fonam!

1) Priekšplānam:

2) Fonam:

● Attēlu apstrādes programmā atver priekšplāna attēlu!

● Nomaini attēla izšķirtspēju uz 300 dpi!
● Ievieto fona attēlu jaunā slānī un novieto to aiz priekšplāna attēla!
● Pielāgo fona attēla izmēru, lai tas aizņemtu visu fonu!
● Izmantojot masku, priekšplāna attēlam noņem fonu!
● Ievieto saiti uz koplietotu galarezultāta datni!

Saite: https://eduriga-my.sharepoint.com/:f:/g/personal/vbabanins_edu_riga_lv/
Eo27wBry9VpHjdJmoudlnxgBbs_ZZmoELzhJeR_kiz06yA?e=KCtVbw

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 24
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:
5. uzdevums
Sasniedzamais rezultāts: “Apgūstu plakātu veidošanas pamatprincipus, izmantojot attēlu apstrādes
lietotni.”

● Nosauc veiksmīga plakāta izveides nosacījumus!

1. Krāsu kontrasts, lai piesaistītu vairāk uzmanību, pastipriniet kontrastu.

2. Padariet to viegli lasāmu no attāluma.
3. Izmantojiet vienu lielu vizuālo attēlu. Veidojot plakātus, rūpīgi pārdomājiet — seju vai elementu tuvplāna
esamību, atsevišķu vienumu ilustrācijas, kopīga aina ar asu fokusa punktu, novitātes tipogrāfija ar augstu
intrigu.
4. Iekļaujiet aicinājumu uz darbību.
5. Saglabājiet vizuālo hierarhiju. Pievērsiet uzmanību fontu lielumam.

● Izvēlies plakāta tematu!

Karš Sīrija - pretkara kustība

Nosauc plakātā iekļaujamo informāciju!

1. Saite uz un.org
2. Sīrijas konflikta fotogrāfija
3. “Karš skar miljoniem nevainīgo dzīvību.”
4. “Mums jādara visu, lai novērstu karu.”

● Norādi saites uz oriģinālajiem plakātā izmantojamiem attēliem!

https://www.history.com/news/syria-civil-war-assad-rebels

● Ievieto saiti uz izveidoto plakātu!

https://eduriga-my.sharepoint.com/:f:/g/personal/vbabanins_edu_riga_lv/
EgN1QGqOpTBGrbObYP1yCngBb0kWA94p6uOVL5uO3pY5Fw?e=U5CKb6

Vai

https://www.canva.com/design/DAEy5bJfNYU/hvcwpJCl1W3_eoJGUWCWUg/view?
utm_content=DAEy5bJfNYU&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 25
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:
https://www.canva.com/design/DAEy5bJfNYU/share/preview?
token=VwQXLGnmrxJ1Lwt_L4khRg&role=EDITOR&utm_content=DAEy5bJfNYU&utm_campaign=desi
gnshare&utm_medium=link&utm_source=sharebutton

● Prezentē izveidoto plakātu klasesbiedriem!

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 26
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:
6. uzdevums
“Izpētu infografiku veidošanas rīkus un infografiku veidošanas pamatprincipus.”

Darbs veicams mazās grupās.

● Izpētiet paņēmienus lielu datu apjoma attēlošanai infografikās!

1. Izmantot diagrammas – statistikas elementus5

2. Izmantot nosacītus simbolus
3. Izmantot piktogrammas
4. Nerakstīt daudz tekstā, aizvietojot tās ar simboliem

5. Kontrasts

● Vienojoties par kritērijiem infografiku rīku izpētei!

1. ____________________________________________________________________________________
2. ____________________________________________________________________________________
3. ____________________________________________________________________________________
4. ____________________________________________________________________________________

● Izvēlieties infografiku veidošanas rīku, kuru pētīsiet!

https://infogram.com/

● Aprakstiet šī rīka priekšrocības un trūkumus!

Priekšrocības Trūkumi
Dažas funkcijas ir bezmaksas Nav pilnīgi bezmaksas rīks

Vienkārša, viegla pielietojumā Lai lejupielādēt savu izveidoto infografiku ir

jāmaksā

Nav nepieciešams lejupielādēt programmu Ir nepieciešamā reģistrācija

Daudz gatavu šablonu Daudzas fotogrāfijas/ikonas lietotne ir tikai par

maksu

Var veidot arī prezentācijas Dažas lietas nav viegli regulējamas

5
https://www.lps.lv/uploads/docs_module/Ieteikumi%20infografikas%20veido%C5%A1an%C4%81.pdf

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 27
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:
● Izstrādājiet konkrētā infografiku izstrādes rīka lietošanas instrukciju koplietotā datnē un ievietojiet saiti uz
to!

https://eduriga-my.sharepoint.com/:f:/g/personal/vbabanins_edu_riga_lv/EuqW4-
xZ_iFHnDCyzYH6ilsB8CEG5SE3Ivg2ie-J8xnUlw?e=JVhWB3

● Izstrādājiet infografikas piemēru un ievietojiet saiti uz koplietotu datni!

https://infogram.com/as-mayeome-panakumi-1hxr4zx9qgdeo6y?live

https://infogram.com/as-mayeome-panakumi-1hxr4zx9qgdeo6y

● Prezentējiet izpētīto infografiku izveides rīku, tā lietošanas instrukciju un izstrādāto infografikas piemēru!

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 28
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:

7. uzdevums
“Izpētu tīmekļa vietņu izstrādes procesu.”

Darbs veicams grupās vai mazās grupās.

● Ievietojiet saiti uz tīmekļa vietni, kas ir ērta!

https://www.4rsmokehouse.com/

● Ievietojiet saiti uz tīmekļa vietni, kas ir neērta!

https://www.theworldsworstwebsiteever.com/

● Kas padara tīmekļa vietni ērtu?

1. Loģiski strukturēts saturs.
2. Lakoniskums un minimalisms.
3. Vienots stils.
4. Lietotāja kontrole un brīvība: Bieži gadās, ka lietotāji kļūdaini izvēlas nepareizas sistēmas funkcijas, tāpēc
sistēmā ir jābūt "avārijas izejai", lai lietotāji varētu bez problēmām izkļūt no nevēlamā stāvokļa.
5. Interfeiss, kuram nav nepieciešami norādījumi vai pat ilgs izmēģinājumu un kļūdu process, lai
noskaidrotu, kā viss darbojas.

● Aprakstiet tīmekļa vietnes izstrādes posmos notiekošo!

Izstrādes posms Darbības Gala rezultāts Posmā iesaistītās lomas

Noteikt mērķauditoriju un Galvenās idejas izstrāde Galvenais idejas
galveno ideju un tās attīstība, tika izstrādātājs
Specificēšana noteikta mērķauditorijā
un timekļa vietnes mērķis

Sākt projektēt timekļa Galvenās idejas attīstība Programmētāji

Projektēšana vietni un galvenās idejas un vietnes projektēšana
attīstība

Lappuses programmēšana Ir izveidota timekļa Programmētāji un web-

Izstrāde un izveidošana lappuse dizaineri

Noteikt vai visas Noteicam ka viss Testeri

Testēšana funkcijas darbojas pareizi darbojas pareizai

Statistikas savākšana Uzzinām ka šī vietne Internet statistikas

Uzturēšana darbojās reālajā vide un darbinieki
vai tā ir efektīva

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 29
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:

● Kas padara tīmekļa vietni efektīvu?

1. Noderīgs saturs
2. Vietnes ielādēs ātrums
3. Vietnei ir jābūt draudzīgai viedtālruņiem
4. Vizuālā hierarhija
5. F-Formas timekļa vietnes izveidošana6

4. attēls

6
https://www.feelingpeaky.com/9-principles-of-good-web-design/

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 30
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:

8. uzdevums
“Izpētu videomateriālu un audioierakstu apstrādes pamatprincipus.”

● Atrodi labu informatīvu videomateriālu un ievieto saiti uz to!

https://youtu.be/hwpWTkdh-BA

● Atrodi sliktu informatīvu videomateriālu un ievieto saiti uz to!

https://youtu.be/K67Xt8TfQqc

vai

https://youtu.be/fGB_6rVECZI

● Nosauc, kādi pamatprincipi tiek ievēroti labajā videomateriāla piemērā!

1. Lakoniskums
2. Kodolīga informācija
3. Piesaista uzmanību
4. Laba video un audio kvalitāte
5. Laba balss

● Nosauc, kādos veidos ir iespējams attēlot informāciju videomateriālā!

1. Ar fotogrāfijām/video
2. Ar animācijām
3. Izmantojot balss
4. Ar tabulām un formulām
5. Uz ekrāna nav pārāk daudz objektu, un objekti ir kontrastējoši
6. Ar mūziku

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 31
 Datorika. Pamatkurss. 4. Informācijas dizains

Sasniedzamais rezultāts:

● Atrodi internetā skatītākos videomateriālus, ievieto saiti uz tiem un norādi, kāpēc tie ir populāri un kādi ir
tajos izmantotie informācijas attēlošanas veidi!
Izmantotie informācijas
Nosaukums Saite Popularitātes iemesls
attēlošanas veidi
Baby Shark Dance | https://youtu.be/XqZsoesa55w Bērnu kontents un Animācijas multfilma veida,
#babyshark Most vienkārša smieklīga mūzika, bērnu filmēšana
Viewed Video | Animal dziesma angļu valodā. (video), balss
Songs | PINKFONG
Songs for Children

Luis Fonsi - Despacito https://youtu.be/kJQP7kiw5Fk Pusaudžu orientēta Video, spilgti attēli, mūzika,
ft. Daddy Yankee mūzika, Spānijā, objekti ir kontrastējoši, balss
popmūzika

Johny Johny Yes Papa https://youtu.be/F4tHL8reNCs Bērnu kontents un Animācijas multfilma veida,
👶 THE BEST Song for vienkārša smieklīga mūzika, bērnu filmēšana, balss
Children | LooLoo Kids dziesma angļu valodā.

Ed Sheeran - Shape of https://youtu.be/ Pusaudžu orientēta Spilgti attēli, mūzika, objekti ir

You (Official Music JGwWNGJdvx8 mūzika, sporta tēma, kontrastējoši, balss
Video) popmūzika, dziesma
angļu valodā.

Wiz Khalifa - See You https://youtu.be/RgKAFK5djSk Pusaudžu orientēta Spilgti attēli, mūzika, objekti ir
Again ft. Charlie Puth mūzika, reps, Furious 7 kontrastējoši, balss
[Official Video] Furious mūzika, dziesma angļu
7 Soundtrack valodā.

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 32
 Datorika. Pamatkurss. 4. Informācijas dizains

● Nosauc filmēšanas laikā biežāk izmantotos apgaismošanas paņēmienus!

1. Key Lighting

2. Fill Lighting

3. Back Lighting

4. Side Lighting

5. Practical Light

6. Hard Lighting

7. Soft Lighting

8. Bounce Lighting

9. High Key

10. Low Key

11. Motivated Lighting

12. Ambient Light7

● Nosauc filmēšanā biežāk izmantotos video kadrējumus!

1. Single Shot.
2. Two Shot.
3. Three Shot.
4. Over-the-Shoulder Shot (OTS)
5. Over-the-Hip Shot.
6. Point-of-View Shot (POV)
7. Insert Shot.8

7
https://www.adorama.com/alc/basic-cinematography-lighting-techniques/
8
https://www.studiobinder.com/blog/types-of-camera-shot-frames-in-film/

© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1/16/I/002 Kompetenču pieeja mācību saturā 33