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.

Oblig.05 – Prosess

Her vil jeg vise prosessen med arbeidet som jeg har gjort med illustrasjonen som jeg skal bruke sammen med Sunlight produktet i den ferdige plakaten. Bilde til venstre har jeg selv tegnet analogt, først med blyant på hvitt ark, og dereter med en svart pen (for at det skal bli tydligere etter scanning). Jeg har utifra moodboardsene tegnet denne damen. Siden jeg må tenke på hvor produktet skal plasseres, er den ene hånden utstrakt siden det er tenkt at såpen skal være/ligge i hånden.

Jeg scannet tegningen og åpnet det i Illustrator. Videre brukte jeg pen tool og tegnet rundt. Resultatet ser dere i bildet nr.2. Dette resultatet ble jeg ikke så fornøyd med, og selv etter mye arbeid visst jeg at det ville kreve mye mer arbeid for å få til et resultat jeg ønsket. Derfor endte jeg opp med å live trace den originale tegningen min.
damedame_test01

Deretter fortsatte jeg å jobbe i programmet, og begynte å fargelegge illustrasjonen. Det tok mye tid å velge farge, samt å planlegge hvor fargene skulle være. Dette arbeidet krevde tålmodighet og nøyaktighet. Under er noen printscreens av arbeidet mitt underveis.
Skjermbilde 2013-05-27 kl. 19.12.39Skjermbilde 2013-05-27 kl. 19.48.14

Da alle fargene var fylt ut zoomet jeg inn og oppdaget mange hvite prikker = detaljer hvor det ikke var kommer noe farge. Dermed måtte jeg gå over hele tegningen og se til at alle hvite prikker og områder ble fylt med riktig farge.Skjermbilde 2013-05-27 kl. 20.17.23

Til bakgrunn i plakaten ønsker jeg å bruke et gammelt papir i gultone. Siden dette er det jeg anser som en typisk vintage farge, og noe som går igjen i mange av bildene i moodboardene, var det er naturlig valg.
Skjermbilde 2013-05-28 kl. 11.18.34

I bildet under har jeg laget et nytt lag over bakgrunnen, og brukt rounded rectangle tool for å lage en form. Videre har jeg valgt en annen gul-farge. Deretter valgte jeg Layer -> Layer mask -> reveal all. På grunn av dette kunne jeg nå bruke brush tool, velge svart farge og lage noe mønster i overgangen i formen (spesielt rundt kanten) slik at dette ikke skulle bli så tydelig. Resultatet synes jeg ble svært interessant og spennende, med et gammelt uttrykk.
Skjermbilde 2013-05-28 kl. 11.27.54

Videre i testing av design har jeg lagt til illustrasjonen av damen hvor jeg tegnet over med pen tool. Denne illustrasjonen er gjennomsiktig, og denne effekten er ikke ønskelig til den ferdige resultatet. Videre har jeg prøvd meg med noe svart bakgrunn, med hvit tekst over. Inspirasjonen til dette kan dere se i bildet til høyre. Et bilde jeg fant tidlig i moodboards-fasen, og som jeg synes var svært interessant. Særlig bruken av både serif og sans-serif, samt versaler og minuskler var en interessant vinkling/løsning. Noe jeg ønsker å prøve.Skjermbilde 2013-05-28 kl. 11.38.10$(KGrHqIOKosE3FKKKyswBNz4rGopt!~~0_35

– Annette B. D.

Learning activity – Studio Equipment

1. Do a research on equipment used in a photo studio. Then make an A4 presentation, which show the required equipment. Analog or digital is optional.
2. You have a /fictional) budget of NOK 150. With this budget you must build your own home studio. Use the equipment that is available, and only use the budget for what you really need. De not exceed the budget.

 

I denne oppgaven skulle jeg finne bilder som viser utstyr som er nødvendig til et profesjonelt foto studio, og bilder som viser alternativt utstyr som kan brukes til å lage et hjemmestudio.

Studio:
Et profesjonelt kamera er nødvenig, en hvit bakgrunn (helst), blits – både ekstern og lampe, reflektor, stativ, isopor, lysmåler, paraply og softlight. For å oppnå ulike effekter kan man bruke blitsrør og filter.

Hjemmestudio:
Et nybegynner kamera eller profesjonelt, papir – papp – laken – gardin som bakgrunn, ulike typer lamper, vindu, aluminiumsfolie, stativ og fullladet batteri.

 

http://www.fotovideo.no/Produkter/Studioutstyr.aspx?utm_source=google-s&utm_medium=Adwords&utm_term=_cat:studioutstyr&utm_content=DSA1&utm_campaign=Dynamic-Search-Adskampanje_DSA1%20&gclid=CJmw-4f76bMCFeN4cAodbiYAyA

Kilden over fant jeg veldig inspirerende og lærerik. Ta en titt på videoen om du ønsker å lære mer om studiofotografering, og samtidig se forskjellen, samt resultatet.

– Annette B. D.

Oblig.01 – Journey of a centimeter

In this assignment you are going to produce a product with the theme «Journey of a centimeter».
– It may be an illustration, an information brochure, a webpage, postcard, etc. No limits.
– The «Journey of a centimeter» must contain an element of Art History. You choose what and what epoch, and how to include this.

A journey can be everything. From eye movement to snail on the ground, it’s slow movement. What would your interpretation of «the Journey of a centimeter» be?

Evaluation: Idea, message and objectives (goal) 30%
Form language 20%
Working process 20%
Report and WordPress blog 30%

Jeg begynte denne oppgaven med å gjøre litt research rundt journey, centimeter, reise, transport, målenhet osv. Deretter lagde jeg meg et tankekart for å få ned alle idéene mine. Videre valgte jeg ABC-metoden, hvor jeg prøvde å finne på nye ord – for hver bokstav. Noen av ordene ble det samme som fra tankekartet, men denne øvelsen fikk meg til å virkelig tenke på hver bokstav nøye – noe jeg ikke ville gjort med et tankekart.

I denne oppgaven er det svært viktig å velge og fordype seg i en kunsthistorisk epoke, siden dette igjen skal brukes i designet – hvor et element fra denne perioden er med. Med dette i tankene valgte jeg å lage et tankekart om kunsthistoriske epoker og grafisk designs historie. Det sist nevnte er noe som er i fokus denne uken, og på mandag ble jeg tildelt et pensum på 60 sider, så først måtte jeg lese gjennom dette før noe videre arbeid. Til de kunsthistoriske periodene brukte jeg Google der jeg sto fast, jeg ønsket ikke å ta med stikkord til hver epoke, siden jeg følte det ikke var nødvendig eller relevant. Når det kom til grafisk design sin historie har jeg lært veldig mye nytt denne uken. Etter å ha lest ferdig pensum, benyttet jeg videre internett for å lese mer om hver bevegelse, og etter dette kom jeg frem til at jeg ønsket å benyttet De Stijl eller Swiss Style.

Med grundig fordypning både i begrepet «Journey of a centimeter» og kunst/grafisk design historie, startet jeg arbeid med moodboards. Det første moodboardet er en blanding av idéne mine fra tankekartet; reise, trening, gå-tur, billett, vann, skilt etc. Det andre moodboardet har mer fokus på billetter, symboler og design, samt farger. Det tredje moodboardet viser inspirasjon fra De Stijl bevegelsen, som jeg aller helst ønsket å jobbe med. Et fjerde moodboard viser ulike symboler for transport midler, som jeg etterhvert fikk en idé på å bruke.

Etter en omfattende innsamling av bilder til moodboards, kom arbeidet med skisser. Her følte jeg at jeg hadde mange gode idéer jobbe videre med, som bla. skilt/veivisning med symboler, billett, vektreduksjon, fare på veien etc. Dette er utført på tegnepapir, med blyanter og viskelær.

Jeg ønsket å jobbe videre med billett idéen, fordi en billett er et svært viktig element på en reise, og noen en ikke kommer foruten. Min tolkning av «Journey of a centimeter» er derfor – med en billett kan du reise; hvor du vil, når du vil, en centimeter eller lengre. Med en billett er du alltid trygg og kan slappe av og nyte reisen på sitt fulleste, ingen grunn til bekymring – alt er betalt! Dessuten er mitt endelige budskap – reise med Stijl, loddrett og vannrett, samt en oppfordring for folk til å bruke kollektivt.

Fra min idéutvikling ønsket jeg å jobbe med symboler, og i billettens sammenheng, symboler fra transportmiddel. Både transport i vann, på land, i lufta og på skinner. Hvordan blir tekst brukt iforhold til stilen?
I forhold til typografi har jeg tatt hensyn til hvor mye plass jeg har å benytte til tekst i billetten, leseravstand, bakgrunn, skriftens form, hvem som skal motta billetten og at tekst står til budskapet (at det korresponderer til innholdet). Videre i prosessen har det blit utviklet et moodboard med typografi fra De Stijl perioden, og med inspirasjon fra dette. Deretter har jeg vurdert ulike fonter fra programmer jeg har tilgjengelig, og satt opp de jeg ønsket å jobbe videre med i en liste. Fontene jeg har valgt er sans-serif og heter Menlo og Silom, disse passet godt samme og til stilen som var ønskelig.

Jeg har jobbet med layout og displayskisser, hvor jeg har prøvd ut plassering av de nødvendige elementene og farger. Denne har vært en svært viktig prosess for å vurdere hva jeg synes passer best til stilen, hvordan billetten skal se ut og hvordan elementene skal puste og samtidig danne en helhet.

Utifra bevegelsen De Stijl har jeg lært at det handler om å redusere elementer ned til kun det mest nødvendigste, bruk av rene former, horisonatale og vertikale elementer. Utifra fargene som er benyttet i designet var det ønskelig at det skulle representere en lys start (gul), noe kraftfullt og energisk (rødt) og noe trygt og sikkert (blå) – alt dette er noe som beskriver en billett.

Det substraktive fargesystemet har blitt benyttet, siden det var ønskelig med farger for trykkbasert design – CMYK. For å skape fargen blå må fargene Cyan og Magenta blandes, og for å skape fargen rød må fargene Magenta og Yellow blandes, slik har jeg benyttet meg av fargene, for å få det slik jeg ønsket.
Gul: Cyan 0% Magenta 0% Yellow 100% Black 0%
Rød: Cyan 0% Magenta 100% Yellow 100% Black 0%
Blå: Cyan 100% Magenta 100% Yellow 0% Black 0%

Litt mer research rundt billett:
Former er billetter – Billett for teater, kino, konsert, museum, fornøyelsespark, dyrepark, fotballkamper, håndballkamp, svømmestevne, turneringer, foredrag, zoo, stadium, event, attraksjon, tivoli, båt, cruise, fly, buss, t-bane, tog, trikk…
Viktige elementer på en billett: Navn/tittel, Sted/adresse, inngang, rad, plass, strekkode, pris, dato, barn/voksen/student. Fungerer som en kvittering. Betalt billett gir tilgang til noe.

Etter mye analogt arbeid, startet jeg å jobbe med format og layout digitalt. Videre kom arbeidet med å lage og utforme ulike symboler for transportmidler. Jeg bestemte meg for at formatet skulle være liggende rektangulært, og ha målene 12cm (bredde) og 6cm (høyde). Nedenfor har jeg samlet noen ulike design, og layout jeg jobbet med, og som viser litt av min digitale prosess.

Til arbeidet med de forskjellige symbolene har grid blitt benyttet, samt til arbeidet med utforming av billetten. Dette har vært til hjelp for å jobbe nøyaktig, oppnå flyt i layouten og luft rundt elementene, samt for å lede øyet til forskjellige elementer. Selv føler jeg designet er svært inspirert av bevegelsen De Stijl, hvor jeg har fokusert på primærfarger, få elementer, samt horisontale og vertikale linjer/former. Her er mitt endelige design og min tolkning av Journey of a centimeter:

Hva synes dere? Er dette en billett dere gjerne ville brukt?

– 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.