# data[].attributes.body
De två teman som valts till cafét är:

Ett café med en massa pastellfärger som inriktar sig mest på hembakat. Målgruppen är 30+ och även pensionärer. Trubadurer och musikquiz kommer finnas på helger.

Ett café där tanken är att du ska sitta och plugga, ett café där målgruppen är studenter. Studentrabatter kommer att finnas och detta framförs i reklam.

# data[].attributes.body
Namnet på cafét med pastelltema är: Café Parken

Namnet på cafét med plugg-tema är: Coffee point.

Färger:

Café parken: Pastellrosa, pastellgrön, pastellblå
Coffee Point: Brunt och grönt.

# data[].attributes.body
På webben har det hittats många olika inspirationskällor för både menyer, teman och affischer.

En inspirationskälla på två olika menyer hittas här:  http://tinyurl.se/c7ohpt
http://tinyurl.se/56m
http://tinyurl.se/3m-

Det som inspirerade mig med dessa menyer är att det är mycket färg på den första (den passar nästan in på pastell-tema). Den andra är lite mörkare och påminner om en klassisk café meny, vilket jag tror passar bra till plugg-cafét.
Den tredje källan inspirerade mig för att den är annorlunda och rolig.

Inspiration till reklam/affischer hittas här:
http://tinyurl.se/9vd
http://tinyurl.se/456h7

Det som insprirerade mig är att dessa posters är gjorda i en dator och inte använder riktiga foton. Allt är skapat i t ex InDesign. Och såhär vill jag också jobba med mina affischer.

Inspiration till logotyper:
http://tinyurl.se/ysn
http://tinyurl.se/3b1d

Det som inspirerade mig är att dessa logotyper är enkla och jobbar mest med text, vilket är det jag också vill göra.

# data[].attributes.body
Välj *öppna i nytt fönster* för att kunna se hela.

Ändringar gjordes pga wifi-symbolen och gräset som var taget från internet.

# data[].attributes.body
Ändringar behövdes göras för att wifi-symbolen var tagen från internet

# data[].attributes.body
Tryck på *öppna i nytt fönster* för att se hela

# data[].attributes.body
Loggan
Först skapades loggan. Jag visste att jag ville ha färg i denna loggan och en lite mer lekfull design.
Typsnittet som valdes är Belle Alure och är hämtat från dafont.
Bakom texten placerades en oval form i en pastellgrön färg.
En tårta skapades med hjälp av rektanglar och ovala former, veken till ljuset skapades med ritstiftet.
Tårtan gjordes sedan mindre och sattes i hörnet för att inte dra till sig för mycket uppmärksamhet.

Menyn
I menyn används loggan högst upp. Flera rektanglar för olika typer av mat och dryck skapades och pusslades ihop.
Rosa färg i två olika nyanser används på dessa rektanglar.
Tårtan som gjordes tidigare klistrades in och en tårta i en annan färg skapades och lades också in i menyn. En muffins skapades också genom olika former, linjer och ritstift. Denna muffins skapades i två olika färger och klistrades in i längst ner i menyn.
Typsnittet som används på rubrikerna i menyn heter Belle Alure och typsnittet på övrig text heter Gill sans.

Annons
Jag började med att bestämma bakgrundsfärgen. Denna valdes till pastell-rosa.
Därefter infogades logotypen överst i annonsen och två tårtor placerades i högra hörnet.
En vit ruta lades till och opaciteten sattes till 70%. Smala rektanglar skapades och lades runt om den stora rektangeln i mitten, opaciteten sattes till densamma som den stora rektangelns. Objekteffekten "riktat ludd" används på alla rektanglar, inklusive den stora i mitten.
I mitten av de smala rektanglarna ovanför den stora rektangeln placerades en liten muffins.
Typsnittet som används på rubriken heter Lemon/Milk och typsnittet på övrig text heter Gill sans.
En stor muffins lades in som en  bakgrund på den stora rektangeln.
Två smala rektanglar skapades och roterades, färgen på dessa är ljus-gul. Dessa rektanglar placerades längst ner i högra hörnet.

Alignment och area alignment har använts även här.
I boken Universal Principles Of Design kan du läsa om färger. Färger används enligt Butler, Holden & Jidwell (2010) i en design för att fånga tittarnas uppmärksamhet, gruppera element, ange betydelse och förbättra estetiken. Detta har jag försökt jobba mycket med.
Layering är också något som nämns, Butler, Holden & Jidwell (2010) menar att detta är en process med att organisera information till relaterade grupperingar för att hantera komplexitet och förstärka relationerna i informationen. Detta har jag jobbat med en del.
Legibility är också något jag jobbat väldigt mycket med, detta innebär enligt Butler, Holden & Jidwell (2010) textens visuella klarhet, i allmänhet baserat på storlek, typsnitt, kontrast, textblock och avstånd mellan de använda tecknen.

Speciellt när menyn skapades så användes ett grid system, för att få rutorna jämna och på rätt platser. I boken Grid Systems kan du läsa och se olika exempel på grid system, jag använde ett enkelt system med fyrkanter som kan jämföras med bokens exemepel "Theatre Am Hechtplatz Advertisement" (s.39).

Inga större ändringar har gjorts om man kollar på de första skisserna som skapades, de största ändringarna gjordes i menyn då den först var tänkt att använda sig av rektanglar i en jämn nivå.
I Loggan används en oval som bakgrund istället för en rektangel. Annars är slutresultatet nästan detsamma som skissen.

# data[].attributes.body
Loggan
Först skapades loggan med texten park lane som hämtats från dafont. Kaffekoppen skapades med hjälp av olika former i InDesign och wifi-symbolen sparades ner från webben (användarrättigheterna lästes igenom innan detta). Olika bakgrundsfärger testades men tillslut valdes brun färg.
Efter ett tag insåg jag att ändringar behövdes göras då inga bilder som inte var gjorda av mig fick användas. då skapades en wifi-symbol med hjälp av ovaler och andra former.

Menyn
Jag ville ha en klassisk café meny som är enkel och inte för mycket. Det skulle inte vara för mycket färg och bakgrunden skulle gärna vara mörk.
Samma bakgrundsfärg som på loggan användes. Loggan lades in längst upp på menyn och typsnitten i menyns rubriker är detsamma som i loggan. Typsnittet på övrig text är Avenir, för att få priserna i en rak linje ändrades kerning, vilket innebär att avståndet mellan två bokstäver ökar eller minskar.
Linjer användes för att avgränsa och dela upp de olika rätterna och så vidare i menyn.
Jag ville ha in lite färg i menyn och sparade därför ner olika bilder på växter efter att användarrättigheterna ändrats på Google. Tillslut valde jag att lägga in denna bild på gräs längst ner i menyn.
Efter ett tag insåg jag att ändringar behövdes göras då inga bilder som inte var gjorda av mig fick användas. då skapades en wifi-symbol med hjälp av ovaler och andra former.
Bilden på gräset byttes ut mot ovaler i grön färg.

Annons
Samma bakgrundsfärg som i övriga delar användes, en tjock rektangel med en mörkare brun nyans används i bakgrunden.
En bild på kaffebönor sparades från webben efter att användarrättigheterna ändrats. Denna bild lades in och opaciteten drogs ner en aning.
Ovanför denna bild skrevs rubriken, de typsnitt som används i rubriken är  American typewriter och Notera. För att skapa mer intresse och liv valdes två olika typsnitt.
En vit rektangel med prickig svart ram skapades och opaciteten drogs ner. I denna rektangel finns all information om cafét, typsnittet som användes här är Avenir.
Två objekteffekter används på rektangeln med informationen i, dessa effekter är yttre glöd och övertoningsludd.
Längst ner i annonsen lades caféts logga in för att visa de som kollar på annonsen vad det är för ställe.
Efter ett tag insåg jag att ändringar behövdes göras då inga bilder som inte var gjorda av mig fick användas. då skapades en wifi-symbol med hjälp av ovaler och andra former.
Bilden på gräset byttes ut mot ovaler i grön färg.
Bilden på kaffebönor byttes ut mot egen designade kaffebönor som skapades i inDesign.

I boken Universal Principles Of Design kan du läsa om Alignment, vilket enligt Butler, Holden & Jidwell (2010) innebär att element i en design bör anpassas till ett eller flera andra element. Detta är något som jag haft i åtanke under hela designprocessen.
Du kan även läsa om Area Alignment, vilket jag också har använt mig av. Detta innebär placering baserad på elementets yta mot elementets kanter.
Layering, färger och legibility har även använts.

Om man kollar på slutresultatet och jämför med skisserna som skapades från början, har inga större ändringar gjorts. Loggan ser ut som på skissen, menyn ser nästan likadan ut. Ändringar som gjorts i menyn är att loggan är överst och inte underst. Underst i menyn lades istället former till för att göra den lite roligare. Annonsen har inte ändrats mycket förutom att bilder och former flyttats runt och skapats annorlunda.

# data[].attributes.body
Välj *öppna i nytt fönster* för att se hela.

# data[].attributes.body
Välj *öppna i nytt fönster* för att se hela

# data[].attributes.body
Välj *öppna i nytt fönster* för att kunna se hela.

Ändringar gjordes pga wifi-symbolen, kaffebönorna och gräset som var taget från internet.

# data[].attributes.body
Välj *öppna i nytt fönster* för att se hela