Curs Instruire Asistat de Calculator Tema Suportul vizual

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 1/46 Realizarea prezentărilor: Suportul vizual Olimpius Istrate olimpius. istrate@unibuc. ro octombrie 2019

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 2/46 1. 2. 3. 4. 5. Organizare vizuală Utilizarea culorilor E-reading Sugestii de design vizual Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 3/46 1. Organizare vizuală • Claritate şi eleganţă - prezentarea conținutului într-o formă ”estetică” -> accesibilă celui care învaţă Un aspect elegant şi un aranjament ordonat şi logic denotă profesionalism și consideraţie pentru audiență, sporind valoarea conţinutului. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 4/46 1. Organizare vizuală • Gruparea elementelor după semnificaţie Sugestii de 'topografia' paginii: elementele subsumate aceleiaşi idei trebuie sa fie demarcate de alte elemente sau grupuri de elemente prin folosirea: • spaţiilor libere • casetelor cu cadru • culorilor diferite • altor modalităţi de grupare-etichetare 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 5/46 1. Organizare vizuală • Poziţionarea în ordinea importanţei Locul privilegiat este în stânga, sus pentru audiența din culturile europeană, americană – obişnuită să parcurgă vizual materialele într-o forma de 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading Z. 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 6/46 1. Organizare vizuală • Echilibru şi simetrie Textul trebuie distribuit echilibrat în pagină şi ponderat prin includerea de grafice şi imagini asociate semantic. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 7/46 1. Organizare vizuală • Spaţiere Este indicat ca textul propriu-zis să ocupe între 25 şi 50% din spaţiul total al paginii. Distanţa dintre linii va fi proporţională cu mărimea corpului de literă. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 8/46 1. Organizare vizuală • Standardizare, consistență, predictibilitate - aranjament care să permită focalizarea rapidă pe ideile cheie - structura constantă de la o pagină/ secvenţă la alta ușurează distingerea/ recunoașterea grupurilor de elemente 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 9/46 1. Organizare vizuală • Orientare facilă în material/ aplicaţie a) Meniul, prezent în fiecare pagină, permite accesul direct sau foarte rapid la secţiunile majore. b) Într-o serie mai lungă de ecrane până la informaţia de conţinut, este binevenită o modalitate de indicare a poziţiei curente în structura materialului - un "fir al Ariadnei“ (location bar). c) Includeți indicatori de progres. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual ****** 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 10/46 1. Organizare vizuală • Includerea listelor, schemelor şi tabelelor - sintetizează informaţii complexe; oferă ”ancore cognitive” - structurează conţinutul; pot constitui ”hărți conceptuale” - facilitează retenția, înțelegerea, aplicarea, analiza, evaluarea 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 11/46 1. Organizare vizuală • Simplitate Autorii suporturilor vizuale au tendinţa să includă prea multe detalii. Câteva cercetări care au analizat comparativ textele 'dense' si cele conţinând doar ideile principale (prin eliminarea a 40% din conţinutul primelor) au ajuns la concluzia ca nivelul de reţinere a informaţiilor rămâne acelaşi, în timp ce durata unei sesiuni de lucru/ învăţare se scurtează semnificativ în cazul textelor 'prelucrate'. "pentru mai multe informaţii. . . " 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Contraexemplu Utilizat în scop didactic • Se naste in in Chiaravalle, provincia Ancona. • Este prima femeie care a practicat medicina in Italia, dupa absolvirea Facultatii de Medicina a Universitatii din Roma in. • In urma unei cercetari atente si minutioase, ea a realizat ca micutii isi construiesc propriile lor personalitati pe masura ce interactioneaza cu mediul inconjurator. • In deschide prima Casa dei Bambini (Casa Copiilor) intr-unul dintre cele mai sarace cartiere din Roma, pe atunci notoriul Quartiere di San Lorenzo. • Dr. Montessori a fost convinsa ca educatia incepe la nastere si ca primii ani din viata unui copil, fiind cei care-l slefuiesc pe acesta cel mai mult, sunt si cei mai importanti, atat fizic, cat si mental. In acesti primi ani, copilul are asa -numitele “perioade senzitive”, in timpul carora este in mod particular receptiv la anumiti stimuli. • Moare in in Olanda la varsta de 81 de ani. Dupa moartea ei, Mario, fiul ei, a devenit succesor la conducerea Asociatiei Internationale Montessori (AMI), organizatie cu sediul in Amsterdam.

Contraexemplu Utilizat în scop didactic organizate pe arii de dezvoltare, concepute special pentru utilizarea lor de către copil (individual sau în grup), după ce i-au fost prezentate (introduse în activitatea copilului printr-un tip de lecţie concepută riguros ştiinţific şi realizată tehnic cu precizie şi în mod atractiv). � Aria pentru “viaţa practică”, cuprinde toate seturile care servesc activităţilor de îngrijire personală, îngrijirea mediului, deprinderea regulilor de convieţuire socială, (exerciţiile de “graţie şi curtoazie”), locul de sevit masa (pentru câţiva copii, ei vor mânca pe rând). � Aria pentru “dezvoltare senzorială” cuprinde seturile destinate exerciţiilor de rafinare a simţurilor, prin care se oferă “cheile” pentru cunoaşterea lumii reale şi se antrenează spiritual de observare, capacitatea de autocontrol. � Aria pentru “dezvoltarea limbajului” cuprinde materiale speciale pentru asimilarea şi dezvoltarea limbajului sub toate formele: auzit, vorbit, scris, citit. •

Contraexemplu Utilizat în scop didactic � Aria pentru “matematică” cuprinde materiale pentru însuşirea numeraţiei, a scrierii cifrelor, pentru asimilarea şi utilizarea bazelor sistemului zecimal, pentru operaţiile aritmetice ş. a. � Aria pentru “stiinte si activitati culturale”: materiale care sunt destinate cunoaşterii naturii (plantelor, animalelor); cunoaşterii elementelor de geografie (formele de pământ şi apă, globul pământesc, planiglobul cu continentele, puzzle cu ţările continentului unde trăieşte copilul); materiale destinate cunoaşterii unor aspecte din viaţa culturală şi socială (pictori şi opera lor, compozitori şi compoziţiile lor etc). Pentru expresia artistică sunt mai multe materiale care servesc exersării decupajului, lipitului, diferitelor tehnici de expresie plastică, desen, pictură.

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 15/46 1. Organizare vizuală Avalanşa de informaţii brute, neprelucrate, este contraindicată, forţând audienţa la eforturi suplimentare pentru: • discriminarea textului/ lecturare; • structurarea informaţiei şi identificarea informaţiei relevante; • înţelegerea mesajului şi evaluarea informaţiei; • fixare/ retenţie. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Exemplu de conținut pentru hartă conceptuală Utilizat în scop didactic Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 16/46 1. Organizare vizuală Transformarea generala Este transformarea simpla in care se modifica toti parametri de stare (p, V, T) ai unei cantitati constante (ν = constant) de gaz ideal. Deoarece ν R= constant p. V/T = constant reprezinta legea transformarii generale Deoarece este un proces cvasistatic, starile intermediare sunt stari de echilibru si parametri de stare satisfac legea in orice stare p 1 V 1 /T 1 = p 2 V 2/T 2 =… =pn. Vn/Tn , pi. Vi/Ti = pf. Vf/Tf Sursa: http: //www. selfeduc. ro/lectii-fizica/termodinamica/transformarea-generala

Exemplu de hartă conceptuală Utilizat în scop didactic Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 17/46 1. Organizare vizuală 2016

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 18/46 1. Organizare vizuală Procesele de gândire pot fi favorizate de utilizarea hărților concepuale (1) pentru a pune în evidență concepte cheie sau idei principale (2) pentru a facilita înțelegerea relațiilor dintre concepte (inclusiv cauză-efect și parte-întreg) (3) pentru a permite o vedere de ansamblu asupra premiselor, ierarhiilor și legăturilor multiple, într-o manieră riguroasă (4) pentru revizuirea, fixarea sensului conceptelor și integrarea lor în ansamblu 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Exemplu de hartă conceptuală Utilizat în scop didactic Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 19/46 1. Organizare vizuală text 2 mindmap. com bubbl. us 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 20/46 2. Culori Utilizarea culorilor În materialele de prezentare, utilizarea unui câmp cromatic adecvat sporeşte randamentul activităţii intelectuale. Culorile se pot utiliza • la nivelul textului • la nivelul ilustraţiilor • pentru fundal 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 21/46 2. Culori A. La nivelul textului În cazul utilizării corespunzătoare a contrastelor cromatice, precizia şi rapiditatea percepţiei şi memorării informaţiilor transmise creşte cu 40 -50% comparativ cu contrastele simple în alb-negru. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 22/46 2. Culori Ordinea de intensitate a contrastelor cromatice pentru text din punct de vedere al lizibilităţii de la distanţă şi al preferinţei în procesul de reţinere de informaţii: 1. 2. 3. 4. 5. 6. 7. 8. 9. negru pe galben; verde pe fond alb; roşu pe fond alb; albastru pe fond alb; alb pe fond albastru; negru pe fond alb; galben pe fond negru; alb pe fond roşu; alb pe fond verde. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 23/46 2. Culori B. La nivelul ilustraţiilor Utilizarea culorilor sporeşte valoarea de semnificaţie. * Cititorul receptează, prelucrează şi interpretează o ilustraţie color mult mai rapid şi mai eficient decât o ilustraţie în tonuri de gri. * Simbolurile indiciale care semnalează vizual prezenţa unui conţinut de un anumit tip (meniu, informaţii utile, linkuri recomandate, atenţionări etc. ) îşi vor îndeplini mai bine funcţia orientativă prin apelul la culori folosite constant şi ţinând seama de semnificaţiile convenţionale (galben precauţie, roşu - atenţie etc. ). 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 24/46 2. Culori Unele imagini au efect mai mare dacă sunt în tonuri de gri. Fotografiile alb-negru sunt deseori (când reprezintă acţiuni) • mai pregnante, • mai elocvente, • mai sugestive, • mai dramatice decât cele color. Portretele alb-negru pun mai bine în valoare expresia unei persoane. Însă un grafic, o histogramă, o schemă sau o hartă vor fi mult mai bine puse în evidenţă prin culori şi devin astfel mai uşor lizibile, mai puţin solicitante/ obositoare. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 25/46 2. Culori Ordinea contrastelor cromatice recomandate pentru grafice şi scheme: 1. 2. 3. 4. 5. albastru pe alb; negru pe galben; verde pe alb; negru pe alb; verde pe roşu. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 26/46 2. Culori C. Fundalul (background-ul) Diferenţierea cromatică orientarea generală în materialul în format digital Dar cel mai important aspect al utilizării culorilor se referă la funcția lor de influenţare a conduitei, prin declanşarea de trăiri afective, intenţii, atitudini. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 27/46 2. Culori Semnificaţiile şi efectele culorilor Efectele principalelor culori asupra psihicului le recomandă pentru folosirea în diverse situaţii de prezentare a unui material: 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 28/46 2. Culori Roşu: stimulator general, provoacă, incita la acţiune, îndeosebi în plan psihomotor, stimulator intelectual, activare, mobilizare, facilitează asociaţiile de idei; este specifica tipului activ, autonom, locomotor, competitiv, operativ. Portocaliu: stimulator emotiv, senzaţie de apropiere; culoare sociabilă, mai activă decât galbenul, lasă impresia de optimism, veselie; pe suprafeţe întinse poate fi iritant. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 29/46 2. Culori Galben: stimulează şi întreţine starea de vigilenţă, sporeşte capacitatea de mobilizare şi concentrare a atenţiei, predispune la comunicativitate; dă senzaţia de căldură şi intimitate. Caracteristică tipului activ, proiectiv, expansiv, investigativ şi cu un nivel ridicat de aspiraţie. Privită mult timp, dă senzaţia de oboseală, dar în tonuri palide este suportabilă. Verde: efect de linişte, bună dispoziţie, relaxare, meditaţie, echilibru, siguranţă; facilitează deconectarea nervoasă. Caracterizează tipul pasiv, defensiv, autonom, reţinut. Exprimă concentrare, siguranţă, introspecţie, autoevaluare. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 30/46 2. Culori Albastru: favorizează procesele de inhibiţie şi de încetinire a ritmului activităţii; îndeamnă la calm şi reverie, concentrare şi linişte interioară, seriozitate, meditaţie. În exces, conduce la depresie. Se caracterizează prin "profunzimea trăirilor şi sentimentelor". Caracteristică pentru tipul pasiv, senzitiv, perceptiv. Violet: efect stimulator, neliniştitor şi descurajator; dă senzaţia de gravitate. Semnificaţia psihologică este de tristeţe, melancolie, penitenţă. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 31/46 2. Culori Negru: efecte psihologice de nelinişte, reţinere, depresie, introversie; impresie de adâncime, plinătate şi greutate; semnificaţie psihoafectivă de tristeţe, sfârşit, singurătate, despărţire, doliu. Poate fi utilizată ca element de delimitare, contrast sau fond pentru celelalte culori. Alb: efecte de expansivitate, uşurinţă, suavitate, robusteţe, puritate, răceală; exprimă pace, împăcare, linişte, inocenţă, curăţenie, sobrietate. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 32/46 2. Culori Notă: Efectul psihologic al culorilor variază în funcţie de mărimea suprafeţei pe care se foloseşte, de nuanţă şi de ton. Ex. : Folosirea culorii roşu pentru mici elemente din pagină este stimulatoare, motivantă, incitantă; însă utilizarea ei pentru background este total contraindicată, putând determina chiar modificări fiziologice ireversibile la nivelul ochiului. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 33/46 3. E-reading Comportamentul consumatorilor de materiale în format digital Cercetătorii de la Institutul Poynter, într-un studiu având drept scop relevarea modului în care utilizatorii de Internet citesc noutăţile pe Web, au ajuns la următoarele concluzii: 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading Cercetătorii de la Institutul Poynter, într-un studiu având drept scop relevarea modului în care utilizatorii de Internet citesc noutăţile pe Web, au ajuns la următoarele concluzii: 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 34/46 3. E-reading • Se realizează o lectură de suprafaţă combinată cu aprofundări selective. 3/4 din cititori îşi limitează lectura la parcurgerea cuprinsului şi scurtei descrieri a articolului (modalitate de prezentare foarte utilizată pe Internet). Chiar şi atunci când se angajează în lectura unui articol întreg, de obicei parcurg efectiv doar 75% din text. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 35/46 3. E-reading • Cel mai întâlnit comportament vizează "vânarea" informaţiilor relevante şi ignorarea detaliilor. Dar, odată ce informaţia semnificativă a fost identificată, cititorii trec la o lectură de profunzime. Conţinutul prezentat trebuie să susţină ambele aspecte. Textul trebuie sa se preteze la baleiaj rapid şi să furnizeze în acelaşi timp răspunsuri substanţiale. De altfel, o prezentare în modul hipertext permite organizarea conţinutului în structuri ierarhice multinivelare, navigarea realizându-se facil orizontal, vertical sau în salturi de la o unitate de informaţie la alta. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 36/46 3. E-reading • Textul atrage atenţia înaintea imaginilor şi graficelor. La prima vizită pe pagină, privirea baleiază pe text, oprindu-se asupra titlurilor, subtitlurilor şi rezumatelor. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 37/46 3. E-reading • Titlurile şi intertitlurile simple sunt preferate celor cu corp de literă diferit, culoare diferită sau în general caracterizate de un stil (font + culoare + marime) ce contrastează cu aspectul paragrafelor cu informaţii de conţinut. O variaţie neexagerată a corpului de litera (fontului) este permisă. Însă schimbarea culorii folosite pentru conţinut şi mărimea disproporţionată a literelor din titluri şi intertitluri vor determina dificultăţi de înţelegere (rapidă) cauzate de „discontinuităţile” perceptive. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 38/46 3. E-reading Exemple de seturi de caractere (font-uri) Fonturi serif (preferate în tipar) Fonturi sans-serif (preferate în mediul digital) Times New Roman Arial Book Antiqua Bookman Old Style Verdana 1. Organizare vizuală 2. Utilizarea culorilor Tahoma 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 39/46 4. Sugestii de design vizual • Cititorul poate fi ajutat să se orienteze/ reorienteze prin introducerea unor organizatori vizuali: § titluri de pagină semnificative ce ajută la recunoaşterea unităţii de conţinut; § intertitluri simple şi clare ce permit o orientare rapidă în continut şi mai ales la construirea unei hărţi conceptuale sau a unei scheme mnezice; § simboluri indiciale (indicatori) în culori adecvate; § grafice, ilustraţii, liste, tabele în locul unor texte dense. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 40/46 4. Sugestii de design vizual • Premisa este că vizitatorul obişnuit nu îşi mai aminteşte paşii de navigare care l-au adus la un anumit conţinut. § Se dovedeşte utilă inserarea în antet a unui "fir al Ariadnei" (location bar) care indică poziţia actuală în succesiunea sau în structura ierarhica a întregului materialul. § Păstrarea culorilor standard pentru legăturile active (albastru pentru linkuri nevizitate şi roşu închis pentru linkuri vizitate/ estomparea în gri a butoanelor/ paginilor vizitate) uşurează orientarea, recunoaşterea şi structurarea mentală a conţinutului informaţional ce se parcurge. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 41/46 4. Sugestii de design vizual • Folosirea unei terminologii standard (cel puţin pentru textele de asistenţă/ indicatori) elimină timpul suplimentar acordat de cel care învață pentru (re)organizarea informației. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 42/46 4. Sugestii de design vizual Evitarea “erorilor” de design: • mai mult de 2 corpuri de literă pe pagină (din categorii diferite) • prea multe culori utilizate nejustificat • variaţie de stil şi poziţionare a elementelor în cadrul aceluiaşi ecran sau de la un ecran la altul • introducerea de conţinut redundant şi irelevant (aglomerare de elemente, text și ilustraţii de slabă calitate) • text puţin lizibil (contrast slab, corp de literă prea mic, distanța dintre rânduri neproporțională, prea multe cuvinte evidențiate cu bold/ italic/ underline) 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Contraexemplu Tema: Suportul vizual pentru prezentări 43/46 VIRUSOLOGIE: VIRUŞI ŞI VIRUSURI CONVERGENŢE BIO-TEHNO MINIATURIZARE, DETERMINĂRI BIOLOGICE ŞI LIMITE TEHNOLOGICE PROFESOR IONESCU TEMELE CURSULUI DE BIONANOTEHNOLOGII!!! ANUNŢ IMPORTANT CONTACTATI LABORANTUL PANĂ LA SFARSITUL ANULUI!!! aprilie 2018

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 44/46 5. Exerciţii 1. Analizați ultima prezentare pe care ați elaborat-o. 2. Analizaţi diverse materiale pentru învăţare în format digital: în format pdf, pagini web, suporturi vizuale pentru prezentări, manuale digitale, soft educaţional etc. Încercați să determinați: • dacă mesajul textului este susţinut de elemente vizuale: aranjament, structurare, culoare, grafică; • cum ar putea fi ameliorată forma de prezentare pentru a susţine mai bine învăţarea. 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 45/46 Listă de verificare – criterii minimale Elementele sunt prelucrate și aranjate pentru receptare vizuală optimă și pentru a susține învățarea? • simplu • lizibil (contrast, mărime, • tip de font) sintetic; evidențiază conceptele cheie și/sau relații • susține mesajul prin poziționare, • echilibrat, ponderat secvențiere, asociere, culoare • design coerent și justificat • are elemente interactive • cu indicatori de progres • conține/ denotă o strategie de instruire 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii

Curs: Instruire Asistată de Calculator Tema: Suportul vizual pentru prezentări 46/46 Temă Creaţi un suport vizual (în ppt, prezi, doc) pentru o prezentare de 20 de minute a unei teme la alegere. Olimpius Istrate olimpius. istrate@unibuc. ro 1. Organizare vizuală 2. Utilizarea culorilor 3. E-reading 4. Sugestii de design vizual 5. Exerciţii