Oblig.08 – Prosess

I dette innlegget ønsker jeg å vise til min videre prosess fra idéutviklingsmetodene. Her vil jeg presentere valg av domene navn og skisser.

domenenavnskisse1skisse2

 

Når domenenavn ble bestemt, sjekket jeg om dette var tilgjendelig på Pro ISP sine hjemmesider. Navnet journeyofart.no var ledig, så da opprettet jeg dette og sendte dem en mail. Etter 24 timer var navnet og nettsiden offisielt oppe, bare uten innhold. Det kostet penger å opprette et nytt domenenavn, og for å ha et tilleggsdomene.
Skjermbilde 2013-10-07 kl. 12.13.55

Videre logget jeg inn med brukernavn og passord til cpanel. Der fant jeg Softaculous apps, og valgte WordPress. Jeg fylte ut all nødvendig informasjon og deretter klikket installer. Jeg ønsket å bruke WordPress til denne oppgaven, siden jeg ikke føler jeg 100% sikker med programmering. Jeg synes også det er mer enn nok å sette seg inn i, og jeg ønsker å kunne fokusere på design. I fremtiden ønsker jeg å designe, og kunne jobbe med en programmerer som lager siden slik jeg har designet.

Jeg skrev journeyofart.no/wp-admin i url adressen, og logget inn. Jeg kom da til WordPress siden, og gjorde noen forandringer. Videre gikk jeg tilbake i cpanel og opprettet et child theme til themet twenty thirteen som jeg har valgt å benytte til nettsiden. Jeg kopierte noen filer fra parent theme og gjorde noen forandringer i filene før jeg lagret dem i child theme. Alt som lagres i child theme overskriver det som finnes i parent theme.Skjermbilde 2013-10-07 kl. 12.19.52

Forsiden er statisk. Jeg har fjernet toppbilde på nettsiden, jeg ønsker bare topptekst (header). Jeg har opprettet 5 sider: home, abstrakt ekspresjonisme, swiss, pop art og psykdelisk. En plug-in har blitt installert – Styles. Denne funksjonen gjør det lettere å forandre farger, fonter og størrelse på tekst og layout på nettsiden.
Skjermbilde 2013-10-07 kl. 13.50.10

Nettsiden har gjennomgått en del eksperimentering av fargeharmoni og balanse, samt font valg. Selv om dette er noe jeg har tenkt mye på i design prosessen, måtte jeg teste ut hvordan de forskjellige fargene så ut på skjerm, og fonter. Dette var til stor hjelp.

– Annette B. D.

Learning Activity – Applying basic animation principles

Create a character. This character can be a letter, a person, an animal or any type of illustration, use your imagination. This character will play the main role in your animation. Take this character and draw it in five different exaggerated poses. In each of these poses the character has to express some kind of emotion. Keep the animation principles in mind when you draw your character.

Jeg startet med å lese leksjoner om animasjonsprinsipper, og synes det var interessant. Videre tok jeg frem blyant og papir og begynte å skissere en karakter. Jeg lette etter litt inspirasjon fra internett. Tilslutt ble det to ulike figurer, hvor den ene skal forestille en panda i jeans form.
img004

Det var en spennende oppgave, hvor man måtte bruke litt tid på å finne ulike følelser man ville bruke og hvordan dette skulle komme frem.

– Annette B. D.

 

Oblig.05 – Idéutvikling

Etter mye jobbing med å finne inspirasjonsbilder, og lage moodboards har jeg jobbet med idéutviklingsmetoder, og skisser.

Først har jeg laget tankekart med 4 forskjellige temaer: Sunlight, Revival, Late modern og husmor. Noen har stikkord (tanker og idéer) på engelsk, mens andre norsk.img004

Videre har jeg brukt ABC-metoden og fylt ut så mange ord jeg kan under hver bokstav. Denne metoden er fin for å tvinge hjernen til å tenke annerledes, og på denne måten kom jeg frem til mange nye ord og idéer. Noen engelske ord, men få.
img003

Jeg har brukt noen kilder fra Smashing magazine (se under kilder nederst i innlegget) for å finne inspirasjons bilder av vintage stil og videoer om dette. I denne sammenheng har jeg laget et moodboards over vintage stil. Vintage er et uttrykk som betyr «av fin årgang», og brukes om gamle, edle produkter som lar seg årfeste (vin, bil, klær, design). Når det gjelder klær kan man bruke uttrykket vintage, men mange bruker også retro, secondhand eller brukt/gammel.
vintage

Videre i dette innlegget ønsker jeg å vise mine skisser til denne oppgaven, noen små disposisjonsskisser og noen store skisser med mer detaljer.skisse1skisse2

img004

Kilder

http://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/

http://psd.tutsplus.com/tutorials/designing-tutorials/photoshop-vintage-design/

http://www.smashingmagazine.com/2008/10/07/retro-and-vintage-in-modern-web-design/

http://no.wikipedia.org/wiki/Vintage

– Annette B. D.

Learning activity week 4 – Question 3

Use your graphite, eraser, eraser putty and blending stub to sketch spheres using the following techniques: hatching and cross hatching, blending, rendering, squiggly lines and cross contour lines.

Først leste jeg gjennom pensum, videre så jeg videoer om skravering, som det var linket til fra pensum. Her er noen av de jeg synes var mest nyttige i forhold til denne aktiviteten:

http://thevirtualinstructor.com/hatchingcrosshatching.html

Videre fant jeg frem tegnepapir, viskelær, blyantsett, og et mykt viskelær. Deretter startet jeg å utforske de ulike skraverings-teknikkene presentert over i oppgaveteksten.

Over er mitt første og andre resultat av denne oppgaven. Jeg ønsket å utføre det to ganger både for å se om det ble noen forbedring og for å presse meg selv til å gjøre det riktig. Blending teknikken var mest utfordrende siden jeg ikke har noe riktig blendings-verktøy, og måtte bruke fingeren. Erfaringen fra denne aktiviteten kommer jeg til å ta med meg videre, og prøve ut i fremtidige skisser – om det lar seg gjøre.

– Annette B. D.

 

9.1 Layoutstiler – CURB – Skisser

Dette semesteret skal du utarbeide layout for CURB magasinet sin hovedside på nettet. Dere skal bruke de samme elementene som ble brukt til det trykte magasinet, se her. Følgende krav er satt til aktiviteten:
– Minimum 6 analoge eller digitale skisser. Test ut layoutstilene; symmetrisk, asymmetrisk og kombinasjon.
Velg en av skissene.
– Lage en wireframe av denne skissen, hvor en grid skal brukes som hjelpemiddel.
– Utarbeid det ferdige designet i Photoshop eller InDesign.
– Produser dette som en HTML fil, bruk CSS til layout.
– Legg opp nettsiden i en egen mappe med navn: aktiviteter, på deres ftp server og begrunn valg av layout og design på din reflekterte dagbok.

CURB magasinet er et fiktivt magasin som blir brukt i øvelser til utarbeidelse av layout. Se mitt ferdige eksempel til det trykte magasinet, her. Dette ble utført forrige semester, og dette semesteret skal jeg jobbe videre med CURB-magasinet, samt elementene jeg har valgt. Dette virker som en ganske krevende oppgave, spesielt tids – og design messig. Grid er et svært viktig hjelpemiddel i layout, både for trykk og web. Gjennom denne aktiviteten skal jeg erfare hvordan grid blir brukt i arbeid for web.

Hittil har jeg lest alle HTML-leksjoner om grid, og brukt gode, relevante linker for grid for videre lesing. Jeg har brukt tid på å gå gjennom HTML og CSS, ved å se tilbake på tidligere oppgaver og leksjoner. Nå er første punkt i oppgavens krav utført; skisser. Jeg valgte å starte med analoge skisser, og det ble totalt 12 stk. Det fungerer bedre for meg å ha mange forslag, for deretter å oppnå et bedre resultat. Her er skissene som er utarbeidet til denne oppgaven, hvor plassering og form har blitt vektlagt:

Videre kommer jeg til å lage noen digitale skisser, og se hvordan de ulike forslagene fra de analoge skissene fungerer. Det forslaget jeg synes fungerer best, er det jeg kommer til å jobbe videre med. Først må jeg lage en wireframe, og deretter begynne arbeidet med layout (og grid som hjelpemiddel) i Photoshop eller InDesign.

– Annette B. D.