MID131 – Øving i HTML – Filstørrelse

I denne HTML timen skulle vi redusere størrelsen på et bilde vi skulle ha på bloggen vår til under 100kb.

Jeg begynte med et bilde av venninna mi som jeg leverte med bloggen min sist time. Originalbildet var på 10,9 MB og 3648 × 4206 bildepunkter. (Dette er et skjermbilde av originalbildet siden det var for stort til å lastes opp her.)

Skjermbilde 2015-09-17 kl. 12.17.48

Jeg begynte med å skalere ned bildet til 400px i bredden, fordi du ikke får plass til 3648 bildepunkter på en nettside. Deretter satte jeg ned oppløsningen ned til 72. Når jeg var ferdig med det gikk jeg til Lagre for web og valgte JPEG før jeg satte ned bildekvaliteten til 60. Da fikk jeg en mye bedre visuell kvalitet enn om jeg skulle hatt f.eks GIF eller PNG-8

Den reduserte filen som du ser nedenfor endte opp på 60,81 kb uten å miste så mye informasjon at det er verdt å nevne.

ingrid60k81kb

Fargens viktighet – Design – MID131

Farger er viktige deler av vårt liv, og i designens verden kan de være med å påvirke hvordan vi ser på forskjellige reklamer, bilder, plakater osv. Farger kan påvirke oss og vår mening. Farger kan fordype budskapet, eller det kan ødelegge budskapet. Farger har alltid vært et viktig verktøy og nå skal jeg presentere en del eksempel på hvordan farger kan være med på å skape støy, eller til og med lære oss noe.

Funksjonelle farger og ikke-funksjonelle farger:

Når du lager noe eller tar bilder av noe så vil du helst at fargene skal forsterke det vi ser, og noen ganger fungerer det bra, men noen ganger kan farger ødelegge det helt for oss.

Funksjonelle farger

I den amerikanske dokumentaren «Fed Up» har de på coveret valgt å bruke M&M’s med forskjellige farger og en rød tekst. De har altså brukt rød og blå, og rød og blå er farger som er varme og kalde. De skaper en kontrast som får deg til å se forskjellen og legge bedre merke til bokstavene i midten av godteriknappene, som staver FU og står for Fed Up. De har også valgt å bruke en rød tekst, som er signaliserende og agressiv, Fed Up er jo et ganske sterkt ladet utsagn som trenger en agressiv farge. Når de strukturerer bildet som dette forsterker de utrykket og gjør at fargene forsterker budskapet og blir Funksjonelle farger.

ikke funksjonelle farger

I søken etter et ikke-funksjonellt fargepar så kom jeg over dette bildet som skal representere Volleyball. Jeg mener at her har de mye og gå på, for selvfølgelig har de laget en komplementærkontrast, men fargene er så sterke og slitsomme å se på at de lager støy i budskapet. Det gjør at vi ikke har lyst til å se på bildet, uten at det er en ramme rundt eller et par andre farger som samspiller med dette bildet. Disse fargene har også ingenting med Volleyball å gjøre, med mindre du går på en skole som rett og slett rocker gule og lilla volleyballtrøyer når de spiller kamper (noe som burde vært ulovlig og ikke minst straffbart av motepolitiet). Det gjør at dette bildet bruker ikke-funksjonelle farger for å sende et budskap.

Farger for å skape oppmerksomhet:

Noen ganger trenger vi å bruke farger til å få frem et poeng og skape dybde i en melding, derfor trenger vi farger som tar oppmerksomheten vår og retter den mot seg.

oppmerksomhetoppmerksomhet 2

Dette er to skilt du kan se i ditt daglige liv, enten bak rattet eller på faremeldinger, de bruker rødt og gult fordi disse fargene er signalfarger, som gjør at vi legger merke til de først. Så de fargene er ofte brukt i tilbudsaviser for å skape oppmerksomhet, de er ofte brukt i faresituasjoner for å skape oppmerksomhet og de er ofte brukt av deg selv i for eksempel post-it lapper for å få tak i oppmerksomheten din. Jeg har vel fått frem poenget mitt her, farger kan brukes for å få tak i oppmerksomheten din.

Farger for å informere og strukturere:

Noen ganger kan vi bruke farger for å dele opp forskjellige ting, strukturere og informere. Dette for at det skal være lettere for oss å se forskjellen på noe.

informere 2

Slik som i Monstercat, et plateselskap som utgir elektronisk musikk, bruker de farger for å strukturere og vise forskjellen på de sjangerene sangene de gir ut er, de bruker også da de fargene for å informere om hvilken sjanger sangene er. Dette gjør de ved å for eksempel bruke fargene i videoene sine på YouTube eller ved å bruke fargene i singelcoveret på singlene sine (som du kan se på bildet).

strukturere

Et annet sted farger er brukt for å informere og strukturere er på bybussruten til Molde bybuss. Bussen kjører i 6 ruter, så da kan de bruke farger for å informere om hvilken linje du må følge eller hvilken farge du må lete etter senere i heftet for å finne den ruten du skal ta, samtidig som de strukturerer det med å dele det opp i farger der du kan følge linjene.

Farger for å lære:

lære

En ting du kan bruke farger til er for å lære. Hvor mange ganger har du ikke hørt et barn gjenta etter en bok de leser i «oransj sirkel, rosa firkant» osv. Det er en enkel måte å strukturere former og farger og lære på, Farger skiller formene fra bakgrunnen og gir en rytme når barna skal lese opp det de ser. Da bruker de farger til å lære.

Farger for å skape en atmosfære:

Farger kan også bli brukt for å skape en atmosfære, en følelse og gi mening på en annen måte enn å strukturere. Når jeg gikk VGS hadde jeg et fotoprosjekt som handlet om nettopp dette. Da tok jeg ti bilder med ti forskjellige farger som jeg malte i ansiktet til modellene mine, hver farge skulle representere en følelse og de skulle bruke disse fargene og seg selv for å skape en viss atmosfære. De bildene jeg viser her har fargene rød og sort. Der den røde fargen skal skape en forførende og lidenskapelig atmosfære, og den sorte fargen skal skape en skummel og lumsk atmosfære.

Skjermbilde 2015-09-16 kl. 02.08.27 Skjermbilde 2015-09-16 kl. 02.08.15

 

 

 

 

 

 

 

 

 

Nå har jeg gått gjennom 5 forskjellige måter vi kan bruke farger for og imot oss i designens verden, og vi kan vel konkludere med at farger betyr mye mer enn vi tror. Farger er kraftfulle og full av betydning. Klarer du å mestre farger, så er det ikke lenge før du mestrer design.

Men nå er det nok om farger
Vi blogges <3
Nuss fra Håvard
@havardbyeah på Twitter

Øvingsoppgaver – MID – havardbj

Når jeg kom på skolen på torsdag (fordi jeg tok lappen på onsdag, yolo) fikk jeg beskjed om å gjøre noen øvingsoppgaver for å lære litt mer om digitale verktøy. Jeg skulle lage en Twitter, Evernote, Diigo, Google +, WordPress og Midomo-konto og utforske disse digitale læringsverktøyene.

Det første som skjedde var at nettleseren frøs og jeg fikk opp denne beskjeden.Skjermbilde 2015-09-01 kl. 18.38.03Well played, Google. Well played.

Når jeg merka at Google og jeg delte de samme følelsene var jeg klar for å ta denne oppgaven på strak arm med min beste venn Google.

Så jeg begynte med oppgave 1, og selv om jeg allerede hadde en Twitter-konto bestemte jeg meg for at den delte litt not-that-cool-for-school-information så jeg lagde en ny. Denne ga jeg navnet havardbyeah fordi havardbj var opptatt. Jeg publiserte et par poster på mikrobloggnettstedet for å se hvordan det funket, der jeg utrykte misnøye med hvordan ovnen på hybelen min fungerte (eller ikke fungerte…).

Jeg utrykte også misnøye med at brukernavnet mitt var tatt, men det nye er enda kulere!
Jeg utrykte også misnøye med at brukernavnet mitt var tatt, men det nye er enda kulere!

Jeg oppdaterte også min bio og satte et profilbilde for å skape et sosialt nettverk.

Selvom en advarsel fra twitter bestemte seg for at panna mi var stygg, bestemte jeg meg for å inkludere det i bloggen min!
Selvom en advarsel fra twitter bestemte seg for at panna mi var stygg, bestemte jeg meg for å inkludere det i bloggen min!

Etter at twitter hadde stjelt litt oppmerksomhet fra meg litt for lenge, måtte jeg gå videre til evernote.

Jeg skjønner ingenting

Jeg skjønner ingenting og hvorfor er logoen deres en elefant?Skjermbilde 2015-09-01 kl. 19.19.58
We may never know…

Etter det skulle vi velge et sosialt nettverk med læringsverdi som vi skulle begynne å bruke, så jeg valgte Diigo, fordi det var øverst på listen. Hos Diigo kom jeg til en shady side med lite grafiske elementer. Jeg skulle velge bilder av noen fjell then I was ready to go!

Jeg skjønner fortsatt ingenting.
Jeg skjønner fortsatt ingenting.

Oppgave 1 var en ganske wild ride, så nå gjør vi oss klar for Oppgave 2!

Jeg opprettet en google+ konto med min helt egne personlige e-mail adresse jeg fikk av Høgskulen i Volda: havardbj@ga.hivolda.no

Der satte jeg opp en mail-konto, meldte meg inn i google+-gruppen til klassen og gjett hva? Der fant jeg Hedda!

Se så søt hun er!
Se så søt hun er!

Jeg la henne til i «Student»-kretsen min slik at jeg kan skille familie og venner. Det er en ganske viktig feature med Google+!

Jeg utforsket selvfølgelig litt videre og sjekket hvilke apper jeg kunne få bruk for, slik som Google Mail, Docs, Drive og Translate. Skjermbilde 2015-09-01 kl. 19.32.46

Etter en fin introduksjon til Google+ tenkte jeg, Hedda, Sivert og Emil at vi skulle samles i en krets og fullføre oppgave 3, med litt «lættise» innblikk for å teste ut den fantastiske samskriveprogrammet til Google.

Whoooa, disaster alert!
Whoooa, disaster alert!

Selv om det var et par «lættise» punkter fikk vi en idé av hva programmet kan brukes til, yay google!

Så til slutt til oppgave 4, jeg og hedda tenkte vi skulle ta dette litt mer seriøst og følge oppgaveteksten denne gangen, hehe. Så vi registrerte oss på mindomo og gikk forbi en del siden med det einstein-dyret slik at vi kunne lage et tankekart om hvordan elever på VGS kan bruke nettet til å skrive en fin PTF-oppgave e.l.

wooow, intelektuelt!
wooow, intelektuelt!

Dritkult tankekart av DJhedz og havardbyeah, om jeg skal si det selv 😉

Poenget med denne posten er at noen ganger byr livet på sitroner, og when life gives you lemons så lager du dødsmange kontoer på forskjellige nettsider slik at du kan bli den idéelle student. Jeg er vel ikke han, men jeg prøver.

Stay tuned, for om 1-2 måneder må jeg skrive enda en post om hvordan jeg har brukt disse nettstedene til å utvikle meg som MID-student. Kanskje det blir lættis, kanskje det blir litt mindre lættis. Vi får bare se hva lærerne syns først ;-))

Vi blogges da!
Nuss fra Håvard aka. havardbyeah <3