ÕPPEMATERJALIDE KUJUNDAMINE: JOONISED, GRAAFIKUD, FOTOD, DISAINIELEMENDID JM

LY SÕÕRD, LT VALDKONNA ÕPPEDISAINER

31. JAANUAR KELL 14.15-15.45 ÜLIKOOLI 20-320

ÕPPEMATERJALID

• PDF failina: MS Wordiga, MS PowerPointiga või Google Drives loodud õppematerjalid

• Veebilehena (HTML):

• Moodle’i vahendid: Raamat või Leht

• Sisu@UT: menüüdega veebilehestik

• Muud eraldiseisvad veebilehed (weebly.com, ….)

• Muud võimalused:

• Veebipõhised kujundusvahendid (Canva, ….) -> PDF

• Veebipõhised dokumendid (Google’i dokumendid, Dropboxi dokumendid)

ÕPPEMATERJALIDE VISUAALNE DISAIN

• Värvid ja kontrast

• Font ja kirja suurus

• Minimalism vs detailide üleküllus

• Kujunduselementide paigutus

• Veebis lugemise mugavus (sh nutivahenditega)

• Erinevad õpistiilid (kellele visuaalne atraktiivsus, kellele info kättesaamine)

DISAINELEMENDID

Sama kursuse õppematerjalid võiksid olla kujundatud ühtses stiilis:

• Ühtne fontide süsteem (pealkirjafont, teksti font)

• Väiksemad joonised, videod, fotod jm teksti sees paremale/vasakule joondatult või suuremad

pildid/videod eraldi real tekstilõikude vahel

• Vajadusel kindlad disainielemendid videote, oluliste linkide ja kokkuvõtete esiletoomiseks

(ikoonid, kastid, värvilised taustad jm)

NB! Ärge õppematerjalile unustage lisada ka autori(te)/koostaja(te) nime(sid) ja viiteid kasutatud

allikatele!

FOTOD JA PILDID: KUST LEIDA?

PILDID

http://commons.wikimedia.org/wiki

http://pixabay.com/

http://www.publicdomainpictures.net/

NB! Jälgige autoriõigusi ja viidake, kus vaja!

Saate kasutada ka enda tehtud pilte – ärge

unustage enda nime autoriks lisada.

PILTIDE PÄRITOLU TUVASTAMINE:

https://tineye.com/

FONDI TUVASTAMINE PILDILT:

https://www.myfonts.com/WhatTheFont/

IKOONID:

https://www.flaticon.com/

EKRAANIPILDID

Ekraanipilt kogu ekraanist korraga:

• PC klaviatuurinupp „prt scr“ (print screen)

• MAC klahvikombinatsioon Command+Shift+4

Ekraanipilt piiritletud ekraanialast:

• Windowsi operatsioonisüsteemis tööriist SnippingTool (eesti k Lõikeriist)

• Allalaaditavad, nt: DuckCapture, LightShot, GreenShot jt

FOTOD JA PILDID: MILLEGA TÖÖDELDA?

Veebipõhised vahendid:

• Funny Photo http://funny.pho.to/

• Ipiccy http://ipiccy.com

• Befunky https://www.befunky.com/

• Tuxpi https://www.tuxpi.com/

• Fotor https://www.fotor.com

Allalaaditavad programmid:

• IrfanView

• Paint.net

• Gimp

• MS Paint

JOONISED JA JOONISTUSED

• MS Word

• MS PowerPoint

• Paint.net

• Gimp

Jooniseid ja joonistusi võib teha ka käsitsi ja pärast sisse skaneerida või pildistada.

DIAGRAMMID JA INFOGRAAFIKA

• Diagrammid MS Wordi, MS PowerPointi ja MS Exceliga – saab salvestada piltidena,

kasutades ekraanipildistajat

• Eelkujundatud formaatides pildid, postrid, esitlused, infomaterjalid jm

• https://www.visme.co

• http://canva.com

NB! Tabelid on õppematerjalidesse soovitav lisada tabelitena, mitte piltidena!

MÕTTE- JA MÕISTEKAARDID

MindMeister

https://www.mindmeister.com/

Mõttekaardid, mõistekaardid

Võimalik näidata presentatsioonina

Tasuta kontoga kuni 3 kaarti, mida saab õppijatega jagada

Coggle

https://coggle.it/

Mindmeistri analoog, natuke lihtsam

Sketchboard

https://sketchboard.io/

FUNKTSIOONIDE GRAAFIKUD

• Symbolab graphing calculator https://www.symbolab.com/graphing-calculator

• Desmos https://www.desmos.com

• Geogebra geogebra.com

VALEMID

• MS Word: Insert -> Equation -> Ink Equation

• Moodle ja Sisu@UT: HTML editori nupp „Insert Equation“

RUUMILISED KUJUNDID

• Isomeetrilised joonised 3D ja 2D: https://www.nctm.org/Classroom-

Resources/Illuminations/Interactives/Isometric-Drawing-Tool/

• Molekulid: http://molview.org/

• Ehitised, ruumikujundus: https://www.sketchup.com, https://www.roomsketcher.com/

ELEKTRISKEEMID

• Elektriskeemide simulatsioonid: https://www.tinkercad.com

• Elektriskeemid: https://www.circuitlab.com https://www.edrawsoft.com/electrical-

drawing-software.php

• Elektroonikaskeemid: https://www.autodesk.com/products/eagle/

• Elektroonikaskeemide simulaator LTspice: https://www.analog.com/en/design-

center/design-tools-and-calculators/ltspice-simulator.html#

Lihtsamaid elektriskeeme saab teha ka MSWordis või MSPowerPointis

KAARDID

• Google Maps maps.google.com

• MapMaker https://mapmaker.nationalgeographic.org

ANIMATSIOONID

Võimalused:

• Otsida veebist sobiv animatsioon (NB! Autoriõigused!) NÄIDE 1

• Teha ise animeeritud slaid MS PowerPointiga ja salvestada videona NÄIDE 2

• Teha animatsioonikaadrid MS PowerPointis, salvestada ekraanipiltide jadana ja koostada

nendest GIF-animatsioon NÄIDE 2

GIFide loomise vahendid: https://gifmaker.me/

NB! GIF-animatsioonid raskendavad juuresoleva teksti lugemist.

NÄIDE 1: ANIMATSIOON YOUTUBE’IS

NÄIDE 2: VIDEONA SALVESTATUD POWERPOINTIANIMATSIOON

NÄIDE 3: GIF-ANIMATSIOON POWERPOINTIGA

VÕIB KA ISE ANIMATSIOONIKAADRID JOONISTADA

HEAD KUJUNDAMIST!

HARJUTAMINE TEEB HARJUTAJAKS, MEISTERDAMINE TEEB MEISTRIKS!