Uppgift 1 – Bildpaket – Gränssnittsdesign område 1

Sex bilder som hör ihop, bearbetade och exporterade webbklart, med en exportlogg och en källförteckning som visar vad du valt och varför.

1. Uppdraget

Du ska sätta ihop ett bildpaket till ett gemensamt tema och göra det redo att användas på webben. Bilderna ska vara bearbetade, inte bara nedladdade: beskurna medvetet, med rätt ljus och färg, och exporterade i rätt format och storlek. Temat väljer du själv, men alla bilder ska höra ihop — någon ska kunna se dem bredvid varandra och förstå att de tillhör samma sak.

Det här är inte en engångsuppgift

Bilderna du gör nu är de du lägger in i din webbplats i Webbutveckling i september, och de sätter tonen för den sajt du bygger vidare på hela läsåret. Välj ett tema du står ut med att arbeta med till jul.

2. Ska-krav

Ska-krav — nivå E

Minst sex bilder som hör ihop till ett gemensamt tema
Varje bild är beskuren medvetet — du kan säga varför du valde just det utsnittet
Varje bild är justerad med justeringslager, inte direkt på bildlagret
Arbetsfilerna sparade som .psd med lagren kvar
Varje bild exporterad i minst två format, till exempel JPG och WebP
Ingen exporterad bild är bredare än 1600 px
En exportlogg: för varje bild — format, pixelbredd, filstorlek
En källförteckning: var bilden kommer ifrån och vilken licens som gäller
Filnamn i gemener, bindestreck i stället för mellanslag, inga å ä ö

3. Bör-krav

Det här är skillnaden mellan att göra som det visades och att göra egna val. Nivå C.

Bör-krav — nivå C

Du motiverar dina formatval i exportloggen: varför JPG här, varför WebP där, varför PNG i det enda fall det behövdes
Bilderna har ett gemensamt bildmanér — liknande ljushet, mättnad och beskärning, så att de ser ut att höra ihop och inte bara handla om samma sak
Minst en bild finns i två utsnitt för olika ytor, till exempel ett brett och ett kvadratiskt
En före-och-efterbild på minst två bilder, med en mening om vad du ändrade och varför

4. Utmaningar

Sikta hit när ska- och bör-kraven sitter. Nivå A handlar om att du driver arbetet själv och kan stå för dina kompromisser.

Utmaningar — nivå A

Du har testat samma bild i tre kvalitetsnivåer och valt den lägsta som fortfarande håller. Filstorlekarna redovisas
Du har skrivit alt-text till varje bild, formulerad så att den fungerar för någon som inte ser bilden. Den används rakt av i Webbutveckling
Du har tagit minst två av bilderna själv och redovisar dem som eget material
Du kan förklara var i paketet du gjorde en kompromiss och vad du valde bort

5. Tekniska krav

Krav	Vad som gäller
Mappstruktur	`bildpaket/arbetsfiler/` för `.psd`, `bildpaket/export/` för färdiga filer
Filnamn	`tema-motiv-bredd.format`, till exempel `hamn-kran-1200.webp`
Färgläge	RGB. Inte CMYK
Exportlogg	Tabell i `bildpaket/exportlogg.md`
Källförteckning	Tabell i `bildpaket/kallor.md`
Var det lämnas	I din Figma-fil Designportfölj, sidan `01 Bildpaket`, plus filerna i mappen

6. Bedömningsmatris

Kriterium	E	C	A
Bearbetning av grafik	Bilderna är beskurna och justerade så att de går att använda	Bearbetningen är genomarbetad och konsekvent genom hela paketet	Bearbetningen är återhållsam och medveten; varje ingrepp går att motivera
Anpassning till mediet	Bilderna är exporterade i rimligt format och storlek för webb	Formatvalen är motiverade utifrån vad bilden innehåller	Filstorleken är prövad mot kvaliteten och landar i ett medvetet val
Kommunikation	Bilderna hör ihop till ett tema	Bilderna har ett gemensamt manér och förmedlar en tydlig ton	Bildspråket är genomtänkt och bär ett budskap även utan text
Lagar och rättigheter	Källor och licenser är redovisade	Licenserna är korrekt tolkade och attributionen rätt utförd	Du kan resonera om vad licenserna tillåter och var gränsen går

7. Kom igång

8. Vanliga misstag

Misstaget	Vad du gör i stället
Källförteckningen skrivs sista kvällen och blir gissningar	Skriv den medan du hämtar bilden, i samma stund
Bilderna exporteras i originalstorlek, 4000 px breda	Kolla pixelbredden före export. Max 1600 px i den här uppgiften
Justeringar görs direkt på bildlagret	Använd justeringslager. Annars går de inte att ångra och kravet är inte uppfyllt
Temat är så brett att bilderna inte hör ihop	Smalna av tills temat går att säga i en mening