13. Slaidiestluste kokkuvõte

Sissejuhatus 5-10 min. Tunni eesmärkide selgitamine, eelneva meenutamine, puudujate märkimine.

Tunni sissejuhatav meeleoluhinnag:

https://forms.office.com/e/eMShrpAvWj⁠

⁠

Kodutööde teemad ja lühike kokkuvõte

Kodutööd asuvad siin:

https://tptliveee-my.sharepoint.com/:f:/g/personal/juho_kalberg_tptlive_ee/EvlhHf-NQixPgwHx_ZP7r18BV-qxAk5rLdaXoIFUca28Mg?e=eEh3L0⁠

Kasulik on neid vaadata ja oma töös nende sisuga arvestada.

Värvide tähendused: Värvidel on võime mõjutada kasutaja taju ja emotsioone. Näiteks sinine sümboliseerib sageli rahu ja usaldust, mistõttu kasutatakse seda tihti panganduse veebilehtedel. Punane, mis tähistab kirge ja energiat, sobib hästi sooduspakkumiste esiletoomiseks. Oluline on mõista, et kultuurilised erinevused võivad tähendusi muuta, seega on värvi valikul vaja arvestada sihtrühma taustaga.

https://www.serenaarchetti.com/blog/the-meaning-of-colors-how-to-use-colors-in-your-art⁠

⁠

Värviskeemid: Värviskeemi valimine on disainiprotsessi keskne element. See aitab luua visuaalset sidusust ja suurendada kasutajakogemust. Lihtne viis sobiliku värvipaleti leidmiseks on kasutada värvi valimise tööriistu nagu Adobe Color või Coolors. Need tööriistad aitavad genereerida harmoonilisi värvikombinatsioone, mis sobivad teie disaini eesmärkidega. Üks lihtne nipp kuidas enamvähem lollikindlalt vävipalett koostada

Monokroomia – vali sama värvi erinevad toonid – kes siis iseendale ei meeldiks

Analoog värvid – vali naabervärvid – naabritega peab ikka läbi saama

Vastandvärvid – vastandid täiendavad teineteist

⁠

60/30/10 värvijaotus: See on populaarne reegel veebidisainis, mis aitab saavutada tasakaalustatud ja meeldiva välimuse. 60% disainist hõlmab domineerivat värvi, 30% sekundaarset värvi ja 10% aktsentvärvi. See võimaldab luua visuaalset hierarhiat ja juhtida kasutaja tähelepanu olulistele elementidele.

https://bootcamp.uxdesign.cc/60-30-10-rule-how-to-choose-colors-for-your-ui-design-713b3d4c1445⁠

⁠

Linkide ja nuppude erinevus: Link viitab tekstipõhisele suunamisele, mis viib kasutaja teisele lehele või saidi sektsioonile. Nupp on aga graafiline element, mis kutsub kasutajat üles mingile konkreetsele tegevusele, nagu näiteks "Saada" või "Laadi alla". Nupud on tavaliselt kujundatud silmatorkavamalt, et julgustada kasutajaid neid klõpsama. Lugemist:

https://css-tricks.com/a-complete-guide-to-links-and-buttons/⁠

⁠

Nuppude suurus: Nuppude suurust määratakse nii esteetiliste kui ka funktsionaalsete kaalutluste põhjal. Suuremad nupud on mobiilseadmetes kergemini kasutatavad, kuid ei tohiks olla liiga domineerivad. Oluline on leida tasakaal, mis toetab kasutatavust ilma disaini üle koormamata. Liiga suur nupp muutub nö plakatiks või sildiks, kasutaja ei taju seda enam harjumuspärase nupuna. Liiga väikest on aga raske vajutada.

Nuppude erinevad olekud: Nupud peaksid erinevatel interaktsioonihetkedel (nt kui neid hõljutatakse, klõpsatakse või on inaktiivsed) visuaalselt erinema. See annab kasutajatele tagasisidet nende tegevuste kohta ja parandab kasutuskogemust. Nupud võivad sisaldada ikoone, et edasi anda rohkem informatsiooni või juhiseid. Nuppude suurusest ja erinevusest:

https://calistocode.com/css-buttons/⁠

⁠

Fontide iseloom ja personaalsus: Font valitakse sõnumi ja brändi iseloomu edastamiseks. Näiteks ametlikumad serififondid sobivad traditsioonilistele ettevõtetele, samas kui modernsemad sans-serififondid võivad olla noortepärasemad ja vabamad. Fonti valik peaks toetama üldist disainikeelt ja olema loetav.

https://www.crazyegg.com/blog/psychology-of-fonts-infographic/⁠

⁠

Typograafiline skaala: Typograafiline skaala aitab luua järjepidevat ja hierarhilist tekstikujundust. Suurused valitakse tavaliselt sõltuvalt teksti tähtsusest – pealkirjad suuremad ja sisutekst väiksem. Skaalat kasutades on lihtsam saavutada visuaalset harmooniat ja parandada lugemiskogemust. Hea skaala lähtub mingist kindlast rütmist:

https://typescale.com⁠

⁠

Fontide paaritamine: Sobivate fontide leidmine nõuab arusaama kontrastist ja kooskõlast. Hea reegel on ühendada serififont sans-serififondiga, mis loob huvitava visuaalse erinevuse, kuid hoiab siiski disaini puhta ja organiseerituna. Kuid päris suvalised fondid siiski kokku ei sobi. Hea on arvestada sama mahu, x-tähe kõrguse jms näitajatega. Kõige kaljukindlam on valida font millel on nii seriifidega kui sans-seriif versioonid, nii boldi, italikud, normal stiilid. Tööriistad nagu

Font Pair⁠

aitavad leida häid kombinatsioone. Loe lisaks:

https://www.canva.com/learn/the-ultimate-guide-to-font-pairing/⁠

⁠

8 pt süsteem: 8 pt süsteem on disaini mõõtmise reeglistik, kus elementide suurusi ja vahekaugusi skaleeritakse 8 punkti sammudega. See loob ühtlase ja skaleeritava visuaalse struktuuri, mis toimib hästi erinevates seadmetes ja ekraanisuurustes.

https://medium.com/built-to-adapt/intro-to-the-8-point-grid-system-d2573cde8632⁠

⁠

Iseseisev töö, oma töö ülevaatus kodutöödest saadud infoga.

Tunni refleksioon – mõelge selle peale, mida tunni esimeses poole täna räägiti – mis on see, mida sa tutvustatud võtetest oled oma töö kasutanud, mis on see, mis jäi meelde, et kindlasti pole kasutanud, kui hästi sa mõistsid, miks on vaja neid akasutadada või miks see kasulik võiks olla. Kirjelda.

https://forms.office.com/e/s23ARQE4bM⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.