Grafík fyrir vefsíður

Tilgangur

Að nemendur læri að búa til grafík sem hentar til notkunar á vefsíðum — borða, tákn og smámyndir. Þeir skilja mismunandi stærðir, skráarsnið og hvernig grafík þarf að vera hönnuð með markhóp í huga.

Hæfniviðmið og námsmarkmið

Hæfniviðmið

Nemandi getur nýtt tæki og hugbúnað við einfalda hönnun, myndvinnslu og myndsköpun

Námsmarkmið:

3.1: Nemandi getur hannað grafík í réttum stærðum fyrir vefnotkun
3.2: Nemandi skilur mun á PNG og JPG og velur viðeigandi skráarsnið
3.3: Nemandi getur hannað sjónrænt samhæfða grafík sem hentar ákveðnum markhópi

Getustig og forsendur nemenda

Lestur: Nemendur geta lesið og skilið leiðbeiningar um stærðir og skráarsnið
Tækni: Nemendur hafa góða reynslu af Canva og geta unnið sjálfstætt með hönnunarverkfæri
Aðrar forsendur: Nemendur þurfa að hafa hugmynd um hvaða vefsíðu grafíkin er ætluð fyrir

Lýsing á kennslustund

Nemendur hanna grafík fyrir ímyndaða vefsíðu í Canva. Þeir búa til borða (banner), smámyndir og tákn í réttum stærðum. Kennarinn kynnir helstu skráarsnið (PNG, JPG) og hvers vegna stærðir skipta máli á vefnum.

Verkefnalýsing:

1. Kennari sýnir vefsíðu og bendir á grafík: borða, smámyndir, tákn. Hvað ef grafíkin væri slæm? (5 mín).
2. Kennari útskýrir stærðir (pixels), skráarsnið (PNG fyrir gagnsæi, JPG fyrir ljósmyndir) og upplausn (10 mín).
3. Nemendur velja þema fyrir „vefsíðu” (t.d. íþróttafélag, tónlistarhópur, náttúrusíða) (5 mín).
4. Kennari sýnir hvernig á að stilla sérsniðnar stærðir í Canva (5 mín).
5. Nemendur hanna: (a) borða (1200x400px), (b) 2 smámyndir (400x400px), (c) 3 tákn (100x100px) (35 mín).
6. Nemendur flytja út í réttu sniði og kynna hönnun sína í litlum hópum (12 mín).
7. Bekkurinn ræðir: Hvað gerir góða vefgrafík? (5 mín).
8. Kennari dregur saman (3 mín).

Verkfæri og hugbúnaður

Canva — hönnunarforrit á vef

Canva býður upp á sérsniðnar stærðir og útflutning í mismunandi skráarsniðum

Tölvur — tæknibúnaður

Hönnunarvinna krefst stærri skjás og nákvæmari stýringar

Kennsluaðferðir

Raunveruleg hönnunarverkefni

Nemendur hanna grafík fyrir raunhæfan tilgang sem gefur verkefninu merkingu

Rannsóknargrundvöllur: Verkefni sem líkja eftir raunverulegum aðstæðum auka áhugahvöt og undirbúa nemendur undir raunverulega notkun

Tæknileg fræðsla

Nemendur læra tæknilegar staðreyndir um skráarsnið og stærðir sem yfirfærast á önnur verkefni

Rannsóknargrundvöllur: Tæknileg grunnþekking er forsenda sjálfstæðrar vinnu og skapandi lausna

Matsaðferðir

Tæknileg færni — eru stærðir réttar og skráarsnið valin rétt?
Hönnunargæði — er grafíkin sjónrænt samhæfð og aðlaðandi?
Markhópsvitund — hentar grafíkin ímynduðum markhópi vefsíðunnar?

Aðlögun

Aukin áskorun

Nemendur setja grafíkina saman á raunverulegri vefsíðu (t.d. Google Sites) og sjá hvernig hún lítur út í samhengi

Stuðningur

Kennari gefur nemendum tilbúnar stærðarstillingar og einfaldar hönnunarsniðmát til að byrja á

Þverfaglegar tengingar

Myndmennt — sjónræn hönnun og samhæfing
Stærðfræði — talnagönn, hlutföll og stærðir í pixlum