More Related Content More from Vladislavs Babaņins (20) 1.DARBS - informacijas-dizaina-izstrade.docx1. Datorika. Pamatkurss. 4. Informācijasdizains
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 18
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
2. Datorika. Pamatkurss. 4. Informācijasdizains
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 19
● 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.
3. Datorika. Pamatkurss. 4. Informācijasdizains
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 20
● 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.
4. Datorika. Pamatkurss. 4. Informācijasdizains
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 21
● Atrodi viegli uztveramas ikonas, kurasvar 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.
- nozīmē, ka laukums zem 𝑓(𝑡) ir bezgalīgs.2
2. attēls
2 https://en.wikipedia.org/wiki/Infinity
5. Datorika. Pamatkurss. 4. Informācijasdizains
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 22
● 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
neatkarība no citu cilvēku viedokļiem.
Viņi, zina, kāda veida produkts un
informācija viņiem ir nepieciešama,
piemēram, nepērc to, kas viņiem nav
vajadzīgs.
Izmantojiet konkrētas informācijas
nodošanas formas, neizmantojiet
ironiju.
Pusaudži Pusaudži aizraujas ar datu apmaiņu,
izmantojot tiešsaistes medijus,
piemēram, izmantojot mēmes3
.
Emocionāli, spontānas, vēlme pēc
piederības pie kādai subkultūrai.
Izmantojiet sociālus tiklus, mēmes un
jokus.
3 https://lv.wikipedia.org/wiki/M%C4%93me
6. Datorika. Pamatkurss. 4. Informācijasdizains
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 23
Vecicilvēki Neprot pielietot pārāk sarežģītas
digitālas formas, nezina pusaudžu
žargonu, neprot interneta slengu
lietošanu, biežāk piemīt
tradicionālākas vērtības.
Izmantojiet tradicionālas informācijas
nodošanas paņēmienus. Piemēram
izmantojot avīzes un žurnālus.
Internēta reklāmai ir jābūt saprotamai
un taisnai.
Jaunākajā skolas
vecumā bērni
Viņu uzmanību piesaista spilgti attēli,
patīk spēlēt, ziņkārīgi.
Krāsainas pievilcīgas animācijas. Lai
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/
7. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 24
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_ZZmoELzhJe
R_kiz06yA?e=KCtVbw
8. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 25
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/EgN1QGqOpTBGrbObYP1yCngBb0kWA94p6uO
VL5uO3pY5Fw?e=U5CKb6
Vai
https://www.canva.com/design/DAEy5bJfNYU/hvcwpJCl1W3_eoJGUWCWUg/view?utm_content=DAEy5
bJfNYU&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
9. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 26
https://www.canva.com/design/DAEy5bJfNYU/share/preview?token=VwQXLGnmrxJ1Lwt_L4khRg&role=
EDITOR&utm_content=DAEy5bJfNYU&utm_campaign=designshare&utm_medium=link&utm_source=sh
arebutton
● Prezentē izveidoto plakātu klasesbiedriem!
10. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 27
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
5https://www.lps.lv/uploads/docs_module/Ieteikumi%20infografikas%20veido%C5%A1an%C4%81.pdf
11. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 28
● 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!
12. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 29
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
Specificēšana
Noteikt mērķauditoriju un
galveno ideju
Galvenās idejas izstrāde
un tās attīstība, tika
noteikta mērķauditorijā
un timekļa vietnes mērķis
Galvenais idejas
izstrādātājs
Projektēšana
Sākt projektēt timekļa
vietni un galvenās idejas
attīstība
Galvenās idejas attīstība
un vietnes projektēšana
Programmētāji
Izstrāde
Lappuses programmēšana
un izveidošana
Ir izveidota timekļa
lappuse
Programmētāji un web-
dizaineri
Testēšana
Noteikt vai visas
funkcijas darbojas pareizi
Noteicam ka viss
darbojas pareizai
Testeri
Uzturēšana
Statistikas savākšana Uzzinām ka šī vietne
darbojās reālajā vide un
vai tā ir efektīva
Internet statistikas
darbinieki
13. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 30
● 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/
14. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 31
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
15. Datorika. Pamatkurss. 4. Informācijasdizains
Sasniedzamais rezultāts:
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 32
● 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!
Nosaukums Saite Popularitātes iemesls
Izmantotie informācijas
attēlošanas veidi
Baby Shark Dance |
#babyshark Most
Viewed Video | Animal
Songs | PINKFONG
Songs for Children
https://youtu.be/XqZsoesa55w Bērnu kontents un
vienkārša smieklīga
dziesma angļu valodā.
Animācijas multfilma veida,
mūzika, bērnu filmēšana
(video), balss
Luis Fonsi - Despacito
ft. Daddy Yankee
https://youtu.be/kJQP7kiw5Fk Pusaudžu orientēta
mūzika, Spānijā,
popmūzika
Video, spilgti attēli, mūzika,
objekti ir kontrastējoši, balss
Johny Johny Yes Papa
👶 THE BEST Song for
Children | LooLoo Kids
https://youtu.be/F4tHL8reNCs Bērnu kontents un
vienkārša smieklīga
dziesma angļu valodā.
Animācijas multfilma veida,
mūzika, bērnu filmēšana, balss
Ed Sheeran - Shape of
You (Official Music
Video)
https://youtu.be/JGwWNGJdvx8 Pusaudžu orientēta
mūzika, sporta tēma,
popmūzika, dziesma
angļu valodā.
Spilgti attēli, mūzika, objekti ir
kontrastējoši, balss
Wiz Khalifa - See You
Again ft. Charlie Puth
[Official Video] Furious
7 Soundtrack
https://youtu.be/RgKAFK5djSk Pusaudžu orientēta
mūzika, reps,Furious 7
mūzika, dziesma angļu
valodā.
Spilgti attēli, mūzika, objekti ir
kontrastējoši, balss
16. Datorika. Pamatkurss. 4. Informācijasdizains
© Valsts izglītības satura centrs | ESF projekts Nr.16.3.1.1 /16/I/002 Kompetenču pieeja mācību saturā 33
● Nosauc filmēšanas laikā biežāk izmantotos apgaismošanas paņēmienus!
1. Key Lighting
2. Fill Lighting
3. Back Lighting
4. Side Lighting
5. PracticalLight
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/