Til vores første tema har vi lært meget grundlæggende til at hvordan man kode en website og hvad man skal passe på. Vi har lært meget om HTML og CSS til kodning af en website, desuden har vi lært designteori, så vi ved hvilke designprincipper vi kan anvendes for en website og hvordan de ser god ud. Kommunikation er også en stor del for at oprette en website. Desuden har vi også lært forskellige kameratekniker og præsentationsteknikker før vi præsenterede vores egen opgave.
HTML og CSS er vigtige dele for en god webside. HTML beskriver indholdet for en side, dvs. hvordan siden er bygget op med kodning. CSS på anden side beskriver hvordan de forskellige elementer på en side skal se ud. Der er også et andet programmeringssprog: Javascript. Javascript bruger man for at skabe mere mulighed for interaktion på en side, men vi lærer om Javascript først i anden semester. Til sidst bruger man en editor for at skrive kode på en webside. Vi brugte Microsoft Visual Studio Code i vores læring.
Der er forskellige metoder for at hjælpe os med at bygge et godt weblayout. Wireframes er en form for skitser af websidens layout. Man kan først skitsere nogle wireframes på et stykke papir, så man kan se fysisk, hvad man har tænkt sig. Man kan skitsere mange wireframes før man har fundet det endelige layout.
Grids eller et grid-system er et andet hjælpemiddel for at bygge op websidens layout. Layout her bygger man op med kolonner. I 2017 har man fundet et rigtig godt grid-baseret layout system med CSS grid-systemet.
Til sidst skal man tænke på et responsivt design. Med responsiv mener man at layoutet tilpasses til alle skærmstørrelser (desktop, mobil, tablet).
Begge emner er svært at forstå i begyndelsen, men efter nogen tid forstår man lidt mere af det. Der er selvfølgelig stadigvæk mange ting man kan lære og finde for begge emner.
Designteorien er opbygget med designprincipper, farveteori og typografi.
Vi grupperer lignede objekter eller elementer sammen, men man kan også bruge similiarity uden at objekterne står sammen, fx. en icon med 3-4 linjer af tekst.
Vores øjne følger en linje uanset hvordan linjen faktisk blev tegnet før.
Vi ser kun dele af et logo eller billede, men vores hjerne ser de manglede dele og færdiggøre dem.
Med proximity mener man, hvor tæt elementerne står sammen. Hvis man grupperer dem i en gruppe, er effekten stærkere. Man kan også putte lidt plads mellem objekterne.
Vi ser figurer eller objekter begge i forgrunden og baggrunden.
Med symmetry mener man ikke kun symmetriske figurer eller objekter, men også når man ser et objekt og ved hvad sammensætningen er.
Vi grupperer objekter sammen når de peger eller bevæger sig i en bestemt retning. Vi kan se det i naturen med en gruppe fugle eller fiske.
Her snakkede vi også lidt om “white space”. White space kan man opdele i positive og negative space.
Positive space: objektet er i fokus
Negative space: rummet omkring et objekt
- Primær (rene farver)
- Sekundær (blanding af 2 primærfarver)
- Tertiære (blanding af 1 primær og 1 sekundær farve)
- RGB (Red Green Blue)
- additiv farvesystem
- lys tilføjes
- på PC og tv-skærm
- CMYK (Cyan Magenta Yellow Key(Black))
- subtraktiv farvesystem
- lys trækkes ud
- til tryksager (printing)
- Monokrom
- en kulør; justeres lyshed og mætning
- Analog
- en kulør; bredere spektrum af lyshed og mætning
- Komplementær
- farver der ligger direkte overfor hinanden i farvecirklen
- Split Komplementær
- farver der ligger direkte overfor hinanden i farvecirklen; lidt bedre spektrum
- Triader
- tre farver som ligger lige langt fra hinanden
- Tretriader (dobbeltkomplementær)
- fire farver som er komplementær
En farve kan have forskellige betydninger i andre kulturer, men kan også generelt vise forskellige følelser.
Her er 2 af de vigtigste font klassifikationer.
- Serif/Antikva
- navn fra “fødder”
- benyttes ofte som brødtekst - letlæselige
- Sans Serif/Grotesk
- “sans” = “uden”
- benyttes ofte til overskrifter - god kontrast
Hvad forskellen mellem typeface og font?
En typeface er en gruppe af karakterer, der deler en fælles DNA.
En font er en gruppe af karakterer inden for en skrifttype, der har en bestemt størrelse og vægt.
En fontweight er en karakterer inden for en skrifttype, der har forskellige vægt. (ultra light - bold - extra black)
Det er 10 regler som viser hvad man skal eller skal ikke gøre når man vælger en font.
Designteorien omfatter mange forskellige emner man skal tænke på hvis man designer en website. Nogle er nemt at huske, når andre er lidt svært at huske. Heldigvis har vi fået nok materiale for at kigge på det igen og opfriske vores hukommelse.
Vi lærte om hvad kommunikation er og hvad de grundlæggende elementer af kommunikationen er. Kommunikation nemt sagt er en proces, hvor vi meddeler forskellige ting til hinanden. Der er 2 typer af kommunikation: verbal og non-verbal. Verbal er når vi bruger vores stemme eller når vi snakker. Non-verbal er når man bruger sin krop eller ansigt, men også skriftlig kommunikation er non-verbal. Vores grundlæggende elementer i kommunikationen er: afsender, modtager, budskabet og kanalen. Vi lærte også om 2 forskellige modeller.
Nemt sagt, siger hans formel: “Hvem siger hvad i hvilken kanal til hvem med hvilken effekt?” I den formel har vi også alle elementer af kommunikationen.
Næste model er AIDA-modellen. AIDA-modellen viser de forskellige stadier, en person går igennem, når man køber noget. Denne model har 4 deler.
- Attention/awareness: Man skaber en genkendelse eller tilknytning til et produkt eller service man sælger med branden.
- Interest: Her skaber man interesse i fordelene ved produktet eller servicen, man sælger.
- Desire: Desire er oversætted ønske/lyst . Med det mener man, at man skabe et ønske om produktet i køberen gennem "følelsesmæssige forbindelse”.
- Action: Her flytter man køberen for at interagere med virksomheden og tage det næste skridt. Med næste skridt mener man her køb af produktet eller servicen.
Kommunikationen lyder nemt først men når man går mere ind i Laswells formel og AIDA-modellen er det lidt svært. Begge modeller er ikke så svært at forstå, men man skal gentage dem nogle gange,så man er på den sikre side.
På denne fotoworkshop har vi lært hvordan man håndterer kamera, de forskellige indstillinger og de forskellige begreber. Der er 3 forskellige begreber der har mange betydninger for hvordan et billede ser ud bagefter. Billeder med beskrivelser fra denne workshop kan man se her.
Aperture har noget at gøre med, hvor meget lys kommer ind på linsen. Er blænden mere åben, kommer mere lys ind. Et mindre nummer mener at mere lys kommer ind. For eksempel F/2 (nummeret står på kameraet for blænden) lader mere lys ind end F/16, men jo højere nummeret er, jo sløret kan billedet se ud.
Shutter speed har noget at gøre med hvor hurtig kameraet lukker linsen. Jo hurtigere, jo mørkere ser billedet ud. På anden siden, jo langsommere, jo lysere er billedet. Man bruger hurtigere lukketid for bevægelser (personer eller objekter).
Med ISO ændrer man sensitiviteten til lys af kameraet. Her gælder: jo højere ISO er, jo mere lys er på billedet. Men man skal passe på: Jo højere ISO er, jo mere støj har man på billedet.
Før vi har lært om det, brugte jeg en kamera med automatisk indstillinger. Nu kigger jeg lidt på de forskellige indstillinger men ikke så ofte, fordi de meste billeder jeg selv tog er med min mobil. Men det var et interessant indblik i verden af fotografer.
Vi gik ind i Photoshop og har lært hvilke funktioner der er og hvordan man sætte op sit eget workspace.
Jeg lærte lidt om Photoshop for nogle år siden, men ikke så meget jeg lærte på denne dag. Selvfølgelig lærte vi ikke om alle funktioner og måske har jeg glemt nogle ting igen, men man kan godt lære det igen og bruge internet for hjælp med specifikke problemer.
Vi har lært nogle tips for hvordan en god PowerPoint ser ud og hvor vigtigt ens kropssprog er.
Tips kommer fra videon “How to avoid death by PowerPoint”.
Forkortet fra videoen kan man finde disse tips:
- Man skal kun have EN meddelelse per slide.
- Man skal bruge korte tekster og billeder.
- Man skal være opmærksom på størrelsen af teksterne. Stor tekst = mere opmærksomhed.
- Brug kontrast. I videoen bliver teksten grå, efter han skifter til næste punkt.
- Hvis man har en mørkere baggrund, har man mere fokus på personen som præsentere.
- Man skal ikke have mere end 6 punkter/objekter på en slide.
Kropssprog er meget vigtig for en præsentation. Vores kropsholdning fortæller meget om hvordan man har det. Vi har et passivt og aktivt kropssprog.
Et passivt kropssprog virker uengageret og usikker - uden energi.
Et aktivt kropssprog signalerer kontrol og man associerer det med energi.
Desuden er ens ansigtsudtryk, øjenkontakt, hovedbevægelser og afstand også en del af vores kropssprog.
Jeg synes det var en fantastisk måde at lære om gode præsentationer, fordi i Østrig har jeg lært om hvordan man opbygge en god PowerPoint helt forskellig.
Vores projekt for tema 1 var at vi skulle bygge en webside med alle tingene vi har lært undervejs. Min webside er her.
At opbygge en egen webside og designe det selv er svært, men ens første forsøg er ikke den bedste, og man lærer fra det. Jeg er helt sikker på at jeg har lært meget nyt.