Utvärdera webbplatsers färgval och känslan de signalerar

By . Latest revision .

Du skall välja ut ett antal olika webbplatser och dokumentera deras färgpalett och typografi samt argumentera kring valet av färg kontra den känsla du tror webbplatsen eventuellt vill signalera med sitt färgval.

Du skriver rapporten i ett format som kan benämnas “akademiskt format”. Det är för att träna på strukturen inför kommande större skrivuppgifter såsom examensjobb.

Du kan jobba enskilt eller i grupp (2-4 personer) för att lösa denna uppiften.

#Förkunskaper

Du har läst kurslitteraturen och skaffat dig kunskaper om grundläggande färgteori.

Du har din redovisa-sida där du skall skriva din artikel.

#Introduktion

Jobba igenom denna introduktion för att förberda inför uppgiften.

#Skapa rapportfilen

Skapa en struktur för din rapport, det kommer fler sådana här uppgifter. Du kan kopiera samma grundläggande struktur som du har i din content/redovisning.

# Gå till kursrepot
cd me/redovisa
rsync -av content/redovisning/{.meta.md,00_index.md} content/rapport/

Redigera .meta.md och 00_index.md så att de passar till dina kommande rapporter.

Lägg till så sidan “rapport” syns i din navbar.

Skapa din första rapport i filen content/rapport/04_fargschema.md. Det är här du skriver dokumentationen för denna uppgiften.

Även om ni jobbar i grupp så skall var och en av er lägga in varsin egen kopia rapporten i sin egen redovisa-sida.

#Färgpalett i markdown dokument

När du dokumenterar en färgpalett så kan du lägga den direkt i dokumentet via HTML-kod. Ungefär så här, i en tabell till exempel.

<table style="border-spacing: 4px; border-collapse: separate">
<tr>
<td style="height: 50px; width: 50px; background-color: #ef0">
<td style="height: 50px; width: 50px; background-color: #0ef">
<td style="height: 50px; width: 50px; background-color: #f0e">
</tr>
</table>

Du kan skriva ovan HTML-kod rakt in i ett markdown-dokument och följande kommer att visas.

Du kan förenkla koden om du lägger in visst stöd i form av klasser i din stylesheet.

#Rapportstruktur

När du skriver din rapport så kan du följa denna rubrikstruktur. Det är en struktur som är vanligt använd i rapportsammanhang (och i ditt kommande examensarbete).

Titel på rapporten
=======================

Skriv en eller två rader om vad uppgiften handlar om.

Urval
-----------------------

Berätta vilka webbplatser du valt att undersöka och varför eller hur du gick tillväga när du gjorde ditt urval.

Metod
-----------------------

Berätta kort om din "metod", hur du gör för att utföra undersökningen. Berätta om du använder något speciellt verktyg.

Resultat
-----------------------

Dokumentera dina resultat från din studie. Berätta vad du kom fram till, vilka resultat du hittade och observerade.

Analys
-----------------------

Diskutera och analysera de resultaten du fann.

Referenser
-----------------------

Ange de eventuella referenser du använder dig av, om några.

Övrigt
-----------------------

Skriv ditt eget namn samt vilka gruppmedlemmar som deltog i att författa rapporten.

Strukturen är inte absolut nödvändig, se den som en möjlighet att träna på god struktur av rapportskrivning.

#Krav

  1. Välj ut 3 webbplatser som skall analyseras, berätta hur du gjorde urvalet (urval). Tänk att ditt urval påverkar vad du kan komma fram till i din rapport. Gör ditt urval fråen en kategori av webbplatser, eller välj helt olika kategorier för att jämföra.

  2. Berätta om du använda något särskilt verktyg för att göra färganalysen (metod).

  3. För varje webbplats, gör följande (resultat):

    1. Ta en snapshot (bild) på webbplats.
    2. Dokumentera och visualisera färgpaletten som används.
    3. Notera vilken typ av färgschema som använts.
    4. Notera om och vilken accentfärg som använts.
    5. Notera val av typsnitt för H1-H3 samt brödtext, kommentera om det är serif eller sans-serif.
    6. Notera i en mening om du anser att webbplatsens färgval och typografi motsvarar den profil du tror att webbplatsen vill ha.
  4. Skriv ett stycke om dina samlade intryck från resultatet, finns det något värt att nämna, diskutera, att analysera (analys), fick du fram något bra med din studie?

  5. I slutet av rapporten skriver du ett eget stycke med namnen på dina gruppmedlemmar.

#Tips från coachen

Skaffa dig en grupp och diskutera hur färgerna upplevs. Färger och känslor är sånt som kan vara personligt och vi kan få olika upplevelser från samma sak. Det kan vara nyttigt att prata om sånt här i grupp och se hur olika individer uppfattar design på olika sätt (eller inte).

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2018-12-05: (G, mos) Justerat syfte, bort med egen känsla.
  • 2018-10-25: (F, mos) Genomarbetad inför ht18.
  • 2017-11-17: (E, mos) Genomläst inför ht17.
  • 2016-12-04: (C, mos) Berätta hur urvalet gjordes.
  • 2016-10-26: (B, mos) La till fråga om typografival.
  • 2016-10-21: (A, mos) Första utgåvan.

Document source.

Category: kurs/design, tema.