Eksamen – research

I dette innlegget vil jeg presentere noen bøker jeg har lest og dele notater fra bøkene med dere. Itillegg til dette vil jeg dele linker jeg har brukt og funnet inspirasjon fra.img050img051
Steinbo, T. (2007). Fargene forteller, N.W. Damm & Søn AS

«Farger har fra gammelt av også vært benyttet til å symbolisere og beskrive sinnstilstander og stemninger» (Steinbo, 2007: 20). Seks grunnfarger (elementærfarger) gult, rødt, blått, grønt, sort og hvitt. Tre rene farger (primærfarger) rød, blå og gul. «Vi kan påvirkes daglig av farger. De gir oss glede, liver oss opp – og kan til og med helbrede oss» (Steinbo, 2007:33). «Plantenes farger fremkommer dels ved at cellene inneholder fargede korn, dels ved at fargestoffer er oppløst i cellesaften. Den grønne fargen på blad og andre grønne plantedeler er knyttet til kloroplastere (bladgrøntkorn) som inneholder de grønne fargestoffene klorofyll a og b, og dessuten gule og oransje karotener» (Steinbo, 2007:39).

Stikkord som beskriver hver farge
Rød: varm, energi, vilje, mot, vitalitet, lidenskap, handlekraft, fare, sinne, utålmodig, egoisme, bråk, oppmerksomhet, dramatisk. Ikke bruk for mye.
Oransje: glede, livsglede, vennskap, entusiasme, sosial, vennlig, usikker, depresjon, engstelse, strålende, positiv, krativ.
Gul: strålende, intellekt, nysgjerrig, lyssterk, forståelse, kunnskap, fornuft, pessimisme, skepsis, mistenksomhet.
Grønn: håp, vekst, livfull, spire, balanse, harmoni, miljø, sjalusi, følelse, naturlighet, ubeslutsom, misunnelse, sladder.
Blå: kald, hvile, målbevisst, renhet, sannhet, tradisjon, visdom, fred og ro, dumhet, svakhet, deprimerende, mistenksom.
Indigo: mystikk, individualitet, drømmer, forståelse, intuisjon, visshet, fantasi, mot, åndelighet, usikker, angst, avhengig, frykt.
Fiolett: inspirasjon, kreativ, kunst, religion, overtro, frihet, sort magi, manipulasjon, ekstremisme, fanatisme, klokskap.

«Hver fargenyanse får sin egen energi som er dens egen, og som igjen påvirker oss. Hvordan vi påvirkes, avhenger av vår egen personlighet» (Steinbo, 2007:120). Hvordan ønsker bedriften at kunder skal oppfatte produktet? Velg farge utifra bedriftens filosofi og noe som forteller om bedriften. Fargene som blir valgt må kunne benyttes på logo, emballasje, reklame, nettside osv. Fargesignaler er avgjørende, hvilke nyanser passer sammen? «God design er viktig, og må oppfylle tre krav: god funksjonalitet, god form og riktig farge» (Steinbo, 2007:204). Økologi og miljø, velg fargen grønn.

Skjermbilde 2013-04-24 kl. 13.52.25
Lande, M. (2006). Blomster frodig hage fra vår til høst, Gyldendal Norsk Forlag

Kontraster og harmoni er svært viktig når det kommer til fargevalg. Farger påvirker oss, her er noen tips fra boken når det kommer til ulike farger:
Grønn – god for øyet, harmonisk
Gul – solfylt eller svalt, avhengig av nyansen
Oransje – livlig og livsbejaende
Rødt – påvirker oss, aggresiv
Rosa – romantisk eller sofistikert
Lilla – sval og tilbaketrukket
Blå – sikkert valg, kler med meste.

Skjermbilde 2013-04-24 kl. 13.52.36
Göttfert, P., Persson, F. & Wigh, A. (2001). Orkideer, Aschehoug.

Denne boken tar for seg mange ulike sorter av orkideer, her finner du tips om vanning, lys og plassering, temperatur, næring, ompotting og annet. «Orkideene hører til de enfrøbladede vekstene, som liljer og gress» (Göttfert et. al, 2001:4).

img003
Lundberg, H. (2004). Blomster og servietter, N.W. Damm & Søn AS

«Blomster er som kjærlighet, det kiler litt i magen når man ser en vakker blomst» (Lundberg, 2004: 5). Før i tiden brukte man blomster til å uttrykke sine følelser, og da var riktig sort og farge avgjørende, idag velger vi blomster etter smak og behag. Her er et utvalg av farger og hva fargene står for:
Hvit – renhet, frieri
Gul – uskyld, liverts glede, sjalusi
Oransje – luksus, forventning
Rosa – forelskelse, troskap
Rød – kjærlighet, glede, lykke
Lilla – framgang, ydmykhet
Blå – sannhet, ærlighet
Grønn – glede, likhet

Videre tar boken for seg litt om snitting av blomster, oasis, vaser, servietter, vann. Boken har mye bilder og viser mange ulike dekorasjoner og oppsatser.

img004
Adcock, S. (2012). Commercial Floristry designs and techniques, The Crowood Press

Som du kan se på bok coveret er dette en bok som viser hvordan man setter opp blomster til buketter og dekorasjoner. Dette er en bok på ca.200 sider, og her er det masse bilder. En kjempe lærerik bok, som jeg har funnet mye inspirasjon fra.

https://no.wikipedia.org/wiki/Kategori:Festivaler :

Festival er en anledning for festlighet eller feiringer, spesielt en dag eller en tid av religiøs betydning som skjer ved faste tidsrom eller ved visse mellomrom. I moderne tid er festival ikke forbeholdt religiøse høytidsdager, men kan være en gjentagende festival for film, musikk, teater og andre kulturelle aktiviteter.

Festivaler, som kommer i mange typer, tjener å møte bestemte behov foruten å gi underholdning. Feiringer og festivaler tilbyr en form for å tilhørighet av enten religiøs, sosial eller geografisk gruppering. Istedenfor festival er det noen som kaller det fest, høytid, treff, sammenkomst eller stevne.

http://www.meloy.kommune.no/no/Ressurser/TMCore/Emneord/Festival/ :

Definisjon av festival
En festival er for eksempel kunst- eller kulturarrangement innen en genre (musikk, teater, kunst, film, litteratur, mat, idrett, med mer), og som strekker seg over minst to dager. En festival profilerer et område, skaper entusiasme, og er en møteplass for publikum og kunstnere og gir regional utvikling.

http://parentables.howstuffworks.com/family-travel/10-best-flower-festivals-america-and-around-world.html :

Denne siden viser bilder og tekst fra verdens 10 beste blomsterfestivaler. En inspirerende og fargerik side. Ved å lese det som står der får jeg litt innsikt i hvordan en blomsterfestival er og hva det betyr.

http://dryicons.com/free-graphics/ :

På denne nettsiden fant jeg mange illustrasjoner jeg har lagret og laget et moodboard av. Jeg håper å benytte illustrasjonene til inspirasjon og til å få idéer. Utifra det jeg likte best var det farger og form (blomster liknende) som var favoritt.

http://www.blomsterfestival.dk :

Dette er den offisielle hjemmesiden til Odense blomsterfestival i Danmark. Kanskje det nærmeste vi kommer en profesjonell blomsterfestival, her i skandinavia. Vet å se på bilder, lese og titte rundt på siden føler jeg at mitt konsept virkelig kunne la seg gjennomføres i virkeligheten. Når andre land i skandinavia kan, så skal Norge klare det!

http://www.obp.no :

Hjemmesiden til opplysningskontoret for blomster og planter. Her finner man en del bilder, informasjon, trender, tips og inspirasjon.

http://rosen.origo.no/-/bulletin/show/540878_blomsterspraaket?ref=checkpoint:

På denne siden står det en del informasjon om blomsterspråket. Hver blomst betyr noe spesielt og fargene på blomstene betyr også noe. Tenk nøye gjennom hvilket budskap du vil formidle.

Noen blomsterkjeder som jeg anser har omtrent samme målgruppe som det festivalen retter seg mot, og som blir sett på som konkurrenter siden de er i det norsk marked:

https://www.mestergronn.no

http://floriss.no

http://www.interflora.no

http://www.plantasjen.no

http://www.euroflorist.no

– Annette B. D.

Learning activity – Typography

1. Define the term «typography» in your own words.
2. Write a few sentences explaining what typography is not
3. Find a case study on typeface development on the internet. Explain which medium the font developed is best suited for and why. Keep legibility, size and style in mind.

1. Typografi vil si læren om bokstaver og grafiske elementer, og hvordan bruke disse. Typografi lar deg gjenskape bokstaver for å kombinere dem, og for å lage forskjellige ord. På denne måten får man uttrykke et budskap eller et visuelt utrykk. Typografi er en grafisk utforming med et definert typesnitt.

Typografi kan deles inn i to deler:
Den ene delen handler om konsept, idé, utforming, format, typesnitt, farger, papir og komposisjon. Den andre delen handler om utspillet mellom bokstaver, ord, rader; altså detaljene i selve setningen.

De fleste skrifttypene er bygd opp av en grunnstrek og en hårstrek. Skriftsystemet består av bokstaver, tall og tegn, som tilsammen utgjør ca. 120 symboler. Det finnes to typer bokstaver:
VERSALER = store bokstaver
minuskler = små bokstaver

Typografi oppstod først som et håndverk i boktrykkerkunsten på 1500-tallet, og faget omfatter at man har kunnskap om leselighet, form og innhold, skrifttyper og -størrelser, linjelengde og -avstand, papir, formgivning, farge og ulike trykkteknikker. Idag utføres det meste av typografi ved hjelp av digitale tekstbehandlingsprogrammer.

2. Typografi involverer ikke å lage bokstaver hver for seg for hånd eller med et verktøy. Typografi er ikke et kunstverk, typografi er ikke håndskrift, typografi er ikke graffiti, typografi er ikke skift, typografi er ikke tegnskrift, typografi er ikke å skjære ut bokstaver i stein eller tre for hånd, typografi er ikke å lage bokstaver ut av fyrstikker.

Det som er nevnt over kan fungere som inspirasjon, og kan lede til typografi, men er IKKE typografi. I typografi er det svært viktig å forstå grunn prinsippene, og fokusere på dette. Deretter eksperimentere med ulike teknikker og metoder.

3. Til denne oppgaven har jeg valgt fonten Verdana. Dette er en humanist sans-serif som ble designet av Matthew Carter i 1996. Denne fonten passer svært godt til brødtekst i skjermbruk, siden det ifølge undersøkelser er mer lettleselig med en font som har større bokstav og -ordmellomrom, slik som Verdana. Den brede skiften gjør det lettere å lese, og fungerer mye bedre til skjerm enn på papir. Her er en kilde hvor det står litt om fonten, her.

Jeg fant ikke noen egen case study om Verdana, og føler meg ikke istand til å utføre dette selv. Dermed ble kanskje ikke oppgaven 100% riktig besvart, men jeg har lest pensum og gjort min research.

Kilder

http://www.typografi.org/dokum/doku.html

http://www.typografi.org/index.html

http://www.kunnskapssenteret.com/articles/2317/1/Hva-er-typografi/Hva-er-typografi.html

http://www.kunnskapssenteret.com/articles/2316/1/Typografiens-funksjon/Typografiens-funksjon.html

http://snl.no/typografi

http://designm.ag/inspiration/inspirational-typography/

http://petterandresen.no/typografi/11.html#K

http://inspiredology.com/what-typography-is-not/

Click to access Asplund_Om_typografi.pdf

http://www.microsoft.com/typography/fonts/family.aspx?FID=1

http://www.myfonts.com/person/Matthew_Carter/

– Annette B. D.

Oblig.03 – Idéutvikling og skisser

Først i idéutviklingsprosessen har jeg jobbet med ABC-metode og tankekart, dette har jeg gjort for å tømme hodet for tanker og prøve å tvinge hjernen til å tenke på nye ord og idéer:

img050img051

Disse metodene fungerer svært bra for meg. Dette får meg til å tenke gjennom alt som er viktig med prosjektet, og stikkord som man må ta hensyn til med designet og utarbeidelsen. Videre har jeg jobbet med skisser, både små/disposisjonsskisser og større og mer detaljerte skisser, dette til utarbeidelse av logo for Patch to Plate. Fokuset har vært å bruke inspirasjon fra grønnsaker, frukt, vekst, miljøbevissthet og noe barnslig med et morsomt uttrykk.

img052img053

img049img050

 

img049 img050 kopi

Selv føler jeg at jeg har utarbeidet mange gode idéer, som jeg ønsker å jobbe videre med og teste og prøve ut. Jeg håper å kunne bruke et utvalg av frukt og grønt, opptil tre ulike figurer, som passer sammen både helhetlig og fargemessig. Jeg kommer til å jobbe videre med å skape noe som passer med stikkordene «hage», «dyrke», «forbruke», «vekst».

– Annette B. D.

Learning activity – Image processing

A. Make an ad for a beverage (the one you used in the previous task). The ad is a full page advertisement for VG and Dagbladet.
B. The ad must consist slogans, and at least one of the photographs you took in the previous task. Justify the ad and your use of photographs.

Jeg startet med å lese litt om Tine Cultura Morgenfrisk på Tine sine hjemmesider:

Utifra denne teksten har jeg plukket ut 3 setninger jeg kan bruke som slogan:
1. Med Cultura Morgenfrisk til frokost sikrer du at kroppen din får litt solskinn hver dag.
2. Nyt smaken, og nyt dagen.
3. Cultura Morgenfrisk har en frisk smak og fyldig konsistens som passer bra til frokostblandinger.

Gjorde noen forandringer til fotografiet i Camera RAW 6.3:
Forandret litt på Temperature –  nå 2800
Tint + 5
Exposure + 20
Innstillingene til fotografiet er: f/1,4, 1/60s, ISO 100, 50mm.

Deretter croppet jeg bildet, så jeg fjernet så mye som mulig rundt produktet. Videre brukte jeg magic wand tool + delete, samt rectangle marquee tool + delete. Lagret bilde som en png, dette på grunn av at jeg ønsket en transparent (gjennomsiktig) bakgrunn. Åpnet en ny fil, laget den så stor som A3 (VG & Dagbladets format), deretter forandret jeg bakgrunnsfargen til oransje så det skulle skape en kontrast til produktet som innholder mye blått. Plasserte produktet i midten og deretter nedover. Videre har jeg jobbet med slogan og fonter. Til overskrift og slogan valgte jeg fonten Orator Std med skriftstørrelsen 60 pt og 55 pt, og til tekst nederst på siden valgte jeg fonten Tahoma og skriftstørrelse 35 pt. Tilslutt plasserte jeg Tines logo nederst i høyre hjørne for å skape troverdighet til reklamen/annonsen.

Kilder:

http://www.tine.no/produkter/merkevarene-vare/cultura

Side om slagord:
http://leftbrainmarketing.net/blogg/2011/03/74-slagord-for-alle-markedsførere-som-er-pa-utkikk-etter-sma-ord-med-en-stor-fremtid/

– Annette B. D.

WEBP – Nav Bar, page, page title, permalink,

En navigasjons meny må være enkel å bruke og lett å forstå for brukere som skal benytte seg av nettsiden. 1. Hvor er jeg? 2. Hvor har jeg vært? 3. Hvor kan jeg gå? Under viser jeg noen eksempler på hvordan en nav bar/meny kan se ut og hva en nav bar er:

http://www.w3schools.com/css/css_navbar.asp

W3schools er en side jeg alltid benytter når jeg trenger en oppdatering på hva noe er og hva jeg kan gjøre med det. På nettsiden finnes det mange eksempler, og man kan selv prøve de ut. Dette synes jeg er veldig lærerikt og gir mye kunnskap.

Først hadde jeg planer om å bytte ut farger i nav baren og gi de ulike effektene forskjellige farger; 1. den statiske grafikken som vises når pekeren ikke er over knappen, 2. grafikken som vises når pekeren er over knappen, 3. grafikken som vises når pekeren klikker på knapper, 4. et område som er mottakelig for perkerbevegelse, ikke synlig grafikk.
Jeg startet med å jobbe med hvilke farger som passet sammen, og som passet til kunden. Deretter begynte jeg å tenke å hvilke fonter som ville passe. Jeg benyttet moodboardene fra tidligere innlegg til dette.

Senere spurte jeg hva kunden syntes om denne idéen, og vi diskuterte nok engang hvilke sider som var nødvendige til nettstedet. Nå kom vi frem til at de ulike sidene skulle være: Front (istedenfor Home) – innholde et bilde samt noe innledende tekst om merket, About eller Story – hvordan Steel Feather ble til, hvordan det lages, Made in Japan, om denim etc, Collection (istedenfor Products) – bilder og beskrivelse om produktet/produktene, Lookbook (istedenfor Gallery) – bilder av maskiner, fabrikker, arbeidere, detaljer, inspirasjon etc. Alle bilder skal være merket med en Steel Feather logo, News – blogg innlegg, fungere som kommunikasjon, oppdatere ang. produkter, kontakter, legge ut bilder og tekst, Stockists – hvor man kan få kjøpt Steel Feather jeans, dette vil bli oppdatert senere og Contact – side med kontakt informasjon.

Etter en del research på konkurrentenes nav barer forklarer kunden at han ønsker en nav bar med fonten som blir benyttet i logoen, altså fonten LHF Indian Script 2. Dette mener jeg kun fører til problemer dersom dette er en kjøpt font, og ingen har denne installert på sine maskiner. Den eneste løsningen blir å lage små bilder med fonten og titler som linker til sidene. Dette er ikke noe jeg har vært borti før, og jeg trodde på dette tidspunktet at dette var umulig. Her er noen screenshot av konkurrentenes menyer:

Det siste eksempelet viser mer eller mindre hvordan kunden ønsker at nav baren skal være. Her har vedkommende brukt en font og laget bilder av dette, hvor man kan klikke seg videre til de ulike sidene.

Dette har vært et stort og krevende prosjekt for meg, og fra første tanke om at dette ikke er mulig til at jeg nå har fått det til har vært en lang prosess. Her er noen kilder jeg har benyttet og sammenlignet for denne delen av prosessen, samt hvordan jeg skal legge til og benytte knapper til sosiale medier:

http://diythemes.com/thesis/rtfm/replace-wp-menu-text-links-image-sprites/

http://www.wpbeginner.com/plugins/how-to-add-custom-menu-images-in-wordpress/

http://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/

http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/

http://letsbuildwebsites.com/social-media-buttons/

http://tutorialspot.wordpress.com/2011/05/22/how-to-add-social-media-buttons-to-your-wordpress-blog/

http://devilsworkshop.org/how-to-add-images-inside-wordpress-3-0-custom-menu/

Her er et bilde av hvordan nav baren først så ut etter en del testing av farger. Vi kom frem til at hvit tekst mot svart bakgrunn er det beste for lesbarheten, samtidlig som det i tillegg er stor kontrast.

Først testet jeg størrelse på font og kom frem til at 38 pt var det mest optimale for nav baren og lesbarheten på fonten. Dette gjorde jeg i Photoshop, passet på at alle titler var plassert på samme sted og lagret i hvit farge med transparency– lagret som .png

Deretter lastet jeg opp bildene i cPanel, i images mappen. Videre logget jeg inn på WordPress, under Dashboard, Appearance -> menus. På venstre side kan man velge noe som heter Custom links – fyll inn URL (permalink til siden) og deretter label (koden <img src=»…»>), samt title attribute. Det var en prøvelse å få til navigation label riktig hver gang. Her er et eksempel på hvordan home linken ser ut:

Dette gjorde jeg til alle sidene og knappene som nav baren består av, totalt 8 stk. Slik ser resultatet ut:

Denne linken har jeg benyttet angående permalinker, altså URL til hver individuelle side og innlegg. Dette er noe man finner under Dashboard i wordpress, under Settings -> Permalink.

http://codex.wordpress.org/Using_Permalinks : » %postname% A sanitized version of the title of the post (post slug field on Edit Post/Page panel). So “This Is A Great Post!” becomes this-is-a-great-post in the URI.»

Videre har jeg prøvd å funnet ut av hvordan man blir kvitt page title under hver side. Eksempel: en side heter About og under menyen i det hvite feltet står det About som overskrift. Dette ønsket jeg ikke, jeg ønsket å kunne skrive egne overskrifter, og velge font på disse.

http://www.creativeworld.com.au/blog/web-design/how-to-remove-the-page-title-from-your-wordpress-homepage/

http://wordpress.org/support/topic/twentyeleven-hideremove-page-title

http://voodoopress.com/playing-with-fonts-on-a-twentyeleven-child-theme/

Da var det mest krevende tekniske delen av prosessen over. Neste innlegg vil bli om fotografering, redigering og plugins.

– Annette B. D.

WEBP – Idéutvikling 1

Denne uken startet jeg arbeidet med moodboards. Med de to moodboardene nedenfor ønsker jeg å vise farger, tekstur og andre viktige elementer som kunden ønsker at jeg skal ta hensyn til underveis i prosessen. Fargene indigo og burgunder var hovedsaklig kundens ønsker, og om dette er noe som passer til det endelige resultatet får jeg teste ut. Jeg har også brukt noen av kundens egne bilder av prosess og produkt, for inspirasjon.

Videre har jeg jobbet en del med wireframes, og digitale skisser av design og layout av nettstedet. Disse har jeg laget i Photoshop, og fokusert på plassering av elementer, samt navngivelse av disse for en bedre oversikt. Wireframe er et storyboard, og et visuelt uttrykk som viser hovedelementene som skal være med.

 

De 4 wireframene over viser hovedsiden (Home) til nettstedet. Jeg ønsker å ta for meg hovedsiden først, deretter de andre sidene. Derfor kommer wireframes, elementer, tekst og annet til de andre sidene til nettstedet senere.

Ha en fin 17.mai alle sammen! Hipp Hipp HURRA!

– Annette B. D.