Grafisk

I dette bilde har jeg brukt samme motiv fra Puddefjordsbroen i Bergen. Bilde til venstre er tatt om natten med lang lukkertid mens det til venstre er tatt om dagen. Her ønsket jeg å vise de store forskjellene mellom natt og dag. Over bildene har jeg skrevet “24 hours” og jeg har delt logoen i to deler: natt og dag. Logoen forteller det samme som bildene.

Interaksjonsdesign

Her er noen bilder av prototypen jeg og Henrik Kjersem laget i interaksjonsdesign. Bildene nedenfor viser noen forskjellige steg som vår applikasjon ville kunne tilby brukerne (studenter fra UiB). Jeg har også lagt ut bilder av applikasjonens logo.

Pfd av bildene kommer.

Logo til applikasjonen

Vi måtte også lage en logo til vår applikasjon. Her har jeg brukt den samme rødfargen som brukes på UiB sin Mi side og den samme logoen som UiB bruker. Rødfargen går fra en lysere rødfarge til mørkerød ved hjelp av en gradient funksjon i Illustrator. Jeg har brukt fonten Myriad i hvitt for at teksten skal bli godt synlig mot den røde bakgrunnen.

Vi valgte å bruke logo nr 2 fra venstre.

snatch

Typografi

Takk for fet film Henrik!

En kan lage mye med god typografi..

Dette er laget av fontene “Futura”, “Helvetica” og “Myriad”..

[Grafisk inspirasjon]

Tom for ideer? Trenger du litt inspirasjon til ny hjemmeside? Her har jeg lagt ut noen nettsider som kansje kan hjelpe deg i gang med det grafiske.

Bildene over er tatt fra forskjellige nettsider som fokuserer på forskjellige ting for å gi den besøkende en best mulig opplevelse av siden. Noen fokuserer på farger, noen på kontraster. Noen bruker lyd, mens andre bruker animasjoner. Noen fokuserer på detaljer, mens andre ønsker det enkelt og stilrent. Og noen prøver selvsagt å fokusere på alt..

Trykk på bildene for å se dem i større format.

Linker til de forskjellige bildene (nettsidene) finner du under.

Bilde 1: Eray Zesen Bilde 2: Experience The Planets Bilde 3: Olicole Bilde 4: Margan Marganski
Bilde 5: Phoenix Wave Bilde 6: Jacek Rzepka Bilde 7: Kris Lamba Bilde 8: Born In Idea
Bilde 9: Cummobranding Bilde 10: Enki Bilde 11: Philip Parvidson Bilde 12: Silver Gun
Bilde 13: Krr Bilde 14: Web Deciphers Bilde 15: Fluid 4ght Bilde 16: Idoraz
Bilde 17: Dig tag Bilde 18: Karim Rashid Bilde 19: Muuto Bilde 20: Richard Mille

Do it

Trykk på bildene for å se dem i større format…

Random design

Get the PDF here.

Old school Leica camera

Get the PDF here

zippos

Get the PDF here

watches

Get the PDF here.

Design

Get the PDF here.

Logo

STARBUCKS

kaffe, den varme gode drikken man pøser nedpå grytidlig om mornigen, eller sent sent på kvelden, når man er midt i eksamenslesinga. Det var etter et program på Discovery channel at jeg fikk ideen om å mekke litt på Starbucks logoen. Her har jeg bare laget sirkelformer i samme størrelse som er på den originale, brukt den samme grønnfargen og bygget logoen i forskjellige lag. Bak, midten og front. Det går også ann å bruke en sirkel med kun stroke, men jeg syntes det funket bra med helfargede sirkler. Fonten er Gill Sans Bold, og ikke helt lik. Men jeg fant bare kjøpeutgaver av den originale fonten, og ville ikke bruke så mye tid på å finne noe på nettet. Bilde av meg selv er det samme som jeg bruker i headeren på hovedsiden, men har redigert litt på kontrastene. Stjernene er tegna med pen-tool.

NBA

Var det en sport jeg digga som liten, så var det basketball. Jeg spilte det hele tiden, i tillegg til at vinduskarmen var stappfull av basketballkort jeg hadde limt på. Det var etter at jeg fikk øye på “NBA” logoen, jeg tenkte å lage en egen logo, bar med et hvitt bilde av meg selv inni. Første jeg gjorde var å bruke et bilde hvor jeg hopper fra en sten, med skistaver i begge hendene. Her klippet jeg ut meg selv i pohotoshop, og gjorde utklippet helt hvitt. Deretter la jeg det inn i Illustrator, tegnet rundt den originale boksen fra “NBA” logoen, og fant de riktige fargetonene. Så var det abre å putte bilde av meg selv midt mellon de to boksene, og legge noen bokse med rødt bak det hvite bilde for å få rødfarge som fulgte konturene. Fontvalget er “HeadLineA”. Den er litt tykkere enn den originale, men funket ok. Det er mye mer utfordrende å finne en font som ligner den originale, når man skal skrive noe helt annet den det som opprinnelig står.

LinkedIn

Vet ikke om det er så mange som kjenner igjen denne logoen, men dette er i allefall Linkedin. Et mer forretningsorientert “facebook”, hvor en skaffer seg et nettverk innenfor samme interesser, jobb, nært bekjentskap og utdannelse. Her har jeg brukt Myriad Pro som font. Lagde en firkant med avrunda kanter, samme farger som den orginale har pluss gradient effekten. Har også en “stroke” effekt rundt den hvite skriften “yeah” i en gråtone, samme som en ser hos den orginale.




linkedin.com

You Tube

En kjent logo i TorYeah stil. Her har jeg tegnet rundt formen hvor “tube” står i med pen tool. Deretter har jeg funnet riktige farger, og lagt på en gradient effekt, med lys rød og hvitt. Boksen har en mer rosa fargetone som jeg har lagt inn i gradient effekten. Ellers har jeg brukt fonten Helvetica CY Bold. Den er meget lik den orginale fonten, men har en mer rund “o”, i forhold til den orginale som er mer sammenpresset og ikke like rund. Har også lagt en boks helt bakerst i en gråtone, for å få en liten skygge-effekt.




youtube.com

Spotify

Regner med de fleste kjenner igjen fargene og fonten fra denne logoen? Her har jeg bare funnet en font som ligner mest på den som brukes til Spotify-logoen, funnet de riktige fargene, tegnet rundt “lydbølgene” med pen tool. For å få “stroke” (tykkelsen rundt den hvite teksten) effekten slik jeg ønsket, kopierte jeg den hvite teksten, gjorde den litt større (pt) , fant den riktige grønnfargen og la den bak den hvite bokstaven. For å lage dine egne grafiske illustrasjoner, kan det vere greit å ha et godt utvalg med fonter, eller et sted hvor du kan finne dem. Sjekk ut her og her.

Med litt tid og tålmodighet

Disse klokkene mekka jeg i Illustrator, en søndag.. Søndager passer forresten bra til å bare sitte å mekke på macen. Brukte mye tid på å mekke alle dibeduttene under “glasset” på klokken. Spesielt viserne som er satt sammen bit for bit. Ellers har jeg brukt en gradient farge, og flare tool over glasset for å få en skinnende effekt. Går mye i gradient farge for å skape en “realistisk” form på figurene en lager. Her er det hvor man velger å legge de mørke/lyse fargene som bestemmer hvilken form figuren får og hvor det blir “skygge” og “lys”.

Mvh
TorYeah