https://padlet.com/haaannacarlsson/pnmlcrku86il Grafisk design, tryck en-us 2017-12-11 09:24:35 UTC 2025-10-28 22:11:18 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Manbag.png haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214937673 Här finner ni en stor inspirationskälla till den grafiska manualen och broschyren:
https://fliphtml5.com/learning-center/10-professional-brand-manual-templates-to-promote-brand-image-psd-and-ai-free-download/ 

HKR's minimanual har även inspirerat mig mycket.

Jag vill ha materialet väldigt enkelt och cleant. Det ska inte vara för mycket av något. Vissa sidor kommer att vara i mycket färg, men det ska inte vara för mycket symboler etc. 

]]> 2017-12-11 09:43:29 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214937673 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214955047 När logotypen skapades användes typsnittet Superclarendon. En gul färg valdes till företagets tema och tanken är att denna färg kommer användas mycket i övrigt material. Ordet bygg fick den gula färgen och gjordes tjockare och större.  
Vita linjer drogs över ordet bygg för att skapa en cool effekt. 
En symbol som symboliserar byggbranschen behövdes, så därför skapades en hammare med penselverktyget och olika former. 
Logotypen såg fortfarande tom ut och behövde lite mer färg. Därför lades symboler som ska föreställa tegel in i hörnet. ]]> 2017-12-11 10:49:36 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214955047 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214964077 När denna skapades användes typsnittet Arial Black på rubriken och även underrubriken, detta typsnitt passar bra till rubriker då det är väldigt tjockt och fångar uppmärksamhet. 
En gul rektangel placerades bakom texten. Färgen på denna rektangel är densamma som används i logotypen. 
Logotypen placerades längst ner i hörnet för att visa vilket företag det gäller.]]> 2017-12-11 11:31:20 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214964077 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214966503 2017-12-11 11:42:32 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214966503 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214972523 Samma typsnitt på rubrikerna användes som på framsidan. 
Logotypen placerades även längst ner i hörnet som på framsidan.
Typsnittet på brödtexten är Gill Sans och texten som står i första rutan är skriven av mig men då jag ville ha en till lika stor ruta med text valde jag att lägga in Lorem Ipsum-text i den andra rutan. 
Bakom all text förutom rubriken placerades rektanglar i samma gula ton som används i bland annat logotypen.]]> 2017-12-11 12:10:15 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214972523 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214973020 Här används 2 kolumner och 2 rader, vilket bildar 4 rutor. Stödraster användes också för att få extra hjälp.]]> 2017-12-11 12:13:04 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214973020 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214983734 Här valdes samma gula färg som används i övrigt material till bakgrundsbild. 
Arial black används även här på de översta rubrikerna. En serif-rubrik och en sans-serif rubrik skapades, dessa rubriker är i typsnitten Superclarendon och Gill Sans. 
Samma layout som på logotyp-sidan används och för att fylla ut texten jag skrivit används lorem ipsum-text. 
Ingen logotyp placerades längst ner på denna sida då det egentligen endast skulle finnas på framsidan för att förtydliga vilket företag det handlar om. Det placerades även en logotyp på sidan som handlar om logotypen såklart. ]]> 2017-12-11 12:58:07 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214983734 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214992375 Bakgrunden på denna sida valdes till samma gula färg som i övrigt material. Samma layout används också som på övriga sidor, förutom att två rektanglar i ]]> 2017-12-11 13:24:27 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/214992375 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215024433 När denna sida skapades placerades teglet och hammaren som används i logotypen ut. Jag ansåg att ingen text behövdes på denna sida, utan att mer exempel på grafiska element är bättre. Därför skapades två gråa verktyg i illustrator och placerades också in. Denna sida visar att grafiska element som föreställer saker/verktyg inom bygg går att använda. ]]> 2017-12-11 14:29:28 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215024433 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215318541 På baksidan av manualen är det endast en bild på logotypen i mitten. Gul bakgrund tänktes först användas men då det är en vit framsida och den gula färgen används i logotypen blev det inte så bra.]]> 2017-12-12 09:00:01 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215318541 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215320487 I boken Grid Systems av Kimberly Elam (2004) står det att typografi inte bara är verbalt utan också texturer i en komposition. 
Relationen och positionen av dessa texturer är kritisk för uppfattningen av ordning och enhet inom en komposition. 

Här nedan ser ni formatet för broschyren och den grafiska manualen, 210mm i bredd och höjd. På de sidor som inte innehåller mycket text används endast en kolumn, men på de sidor med mycket text används två kolumner för att enkelt kunna dela in texten i två delar. Här hade även tre kolumner kunnat användas om texten hade behövts dela upp mer. Sedan användes stödlinjer för att markera mitten på dessa två kolumner. Man kan säga att detta grid består av fyra olika delar. 
Du kan läsa mer om detta grid under rubriken "Grid, sidor med text".

Elam (2004) skriver att det vanligaste och enklaste gridet att använda sig av är 3 kolumner och 3 rader. Här använde jag istället 2 kolumner och 2 rader.

Satsytan på dessa dokument är anpassade efter att ungefär 5mm kommer att försvinna under tryck. Bilder och rektanglar kan beskäras något under tryck utan problem, medans sidnummer ( som ligger 5mm från kanten i dokumenten) inte får beskäras. 

I boken Graphic Design Theory som är skriven av Helen Armstrong kan du bland annat läsa om dematerialisering av skärmutrymme. 
Datorn är vår anslutning till
världen. Det är en informationskälla, en underhållningsenhet, en kommunikations-portal, ett produktionsverktyg. Vi designar på den och för det. Men vi är också dess fångar. Fångad i ett medium där visuellt uttryck måste filtreras genom ett protokoll av kompromisslös programmeringsskript. ]]> 2017-12-12 09:08:57 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215320487 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215325151 Stödlinjer användes för att dela upp dokumentet i en typ av grid, även för att hjälpa till av placering utav symboler, text osv. 
Här används bara en kolumn då det inte är så mycket text, denna kolumn delas upp i mitten med hjälp av stödlinjer. Marginalerna är 12,7 både i överkant och underkant på kolumnen. ]]> 2017-12-12 09:28:18 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215325151 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215325249 Denna framsida skapades med inspiration från bilden längst ner under denna länk (https://fliphtml5.com/learning-center/10-professional-brand-manual-templates-to-promote-brand-image-psd-and-ai-free-download/). 
Färgerna på denna sida är vitt, svart och gult. All gul färg som används i denna broschyr är densamma som används i logotypen.
Typsnittet som används på rubriken är Andale Mono och typsnittet på brödtexten är Courier. Det är dessa typsnitt som används i resten av broschyren också.
Två cirklar skapades i olika storlek och form, dessa placerades runt omkring logotypen.]]> 2017-12-12 09:28:46 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215325249 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215331371 Här beskärdes bilden i en polygon-form igen och en svart ram skapades med hjälp av linjer. 
De gula rektanglarna med ram runt används på två platser på denna sida. 
Samma grid som för de övriga sidor med mycket text har använts här.]]> 2017-12-12 09:49:36 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215331371 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215341149 När jag såg bilden på personalen visste jag direkt vad jag skulle skapa för sida i denna broschyr, en sida där det förklaras vad företaget gör och lite om personalen. 
Här jobbade jag mycket med olika former i den gula färgen men valde tillslut rektanglar med en ram runt.
Runt bilden placerades en svart ram.
Under rubriken placerades en smal gul rektangel in för att få in lite mer färg.]]> 2017-12-12 10:23:07 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215341149 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215345032 När denna sida skapades visste jag att den skulle handla om fasad på hus, då det enligt mig är vad bilden föreställer. 
Bilden beskärdes i någon slags polygon-form och placerades in på vänster sida, därefter användes linjer för att skapa en svart ram runt bilden. 
Även här används den gula rektangeln med en ram runt. 
Här används samma grid som i övriga sidor med text, även fast det bara är en kolumn med text på denna sida. Gridet gjorde det enklare att placera ut texten på rätt plats.
För att få in mer färg då det endast är en rektangel på denna sida placerades en smal rektangel in under rubriken.]]> 2017-12-12 10:36:09 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215345032 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215350434 När jag såg denna bild så kopplade jag detta till ett badrum med kakel, därför valde jag denna rubrik. 
Bilden beskärdes i någon slags polygon-form och placerades in i nedre högra hörnet. 
En svart ram skapades runt bilden med hjälp av linjerna. 
Även denna sida följer temat med den gula rektangeln med ram, här placerades dock en liten extra ram in.
Här är texten också i två olika kolumner och i den andra kolumnen har texten anpassats efter bilden. ]]> 2017-12-12 10:56:10 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215350434 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215364720 Denna sida kom jag på att skapa då det enligt uppgiften krävdes att jag skulle framställa eget grafiskt material/element. För att ge läsarna ett exempel på en offert kan se ut och även exempel på pris etcetera valdes denna idé. 
Ett papper skapades i illustrator med hjälp av rektanglar. Pennan skapades också i illustrator med hjälp av rektanglar och linjer. Pennan skapades i samma gula färg som övrigt material. ]]> 2017-12-12 11:55:18 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215364720 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215368796 Denna bild tolkade jag som en bild på något som har med spackel att göra, därav rubriken. 
Samma gula rektangel med ram används här på två olika ställen, även en svart ram runt bilden. Denna bilden gjordes dock rund och därför är ramen också rund. 
Texten delades upp i två kolumner vilket även gridet visade markeringar för.]]> 2017-12-12 12:10:54 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215368796 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215371916 Samma baksida som på den grafiska manualen används i broschyren. ]]> 2017-12-12 12:23:19 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215371916 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215453461 När denna sida skapades visste jag hur jag ville ha det. En ruta med rinnande färg och en pensel, då detta kan kopplas till byggbranschen. Rutan med färg och penseln skapades i illustrator, denna lades sedan till i indesign och innehållsförteckningen skrevs in. Radavstånd och kerning har ändrats för att nå slutresultatet.]]> 2017-12-12 15:21:51 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215453461 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215459560 Här används två kolumner som är avsedda för att ge markeringar för vart texten och även bilder ska placeras och med vilket avstånd. 
Marginalerna för kolumnerna är 12,7mm i över och underkant och spaltmellanrummet är 4,233mm. 
Utfall och instruktionsmarginal ändrades inte och är satta på noll.]]> 2017-12-12 15:31:18 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215459560 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215483754 Här används ingen bild, utan en facebooklogga skapades i illustrator för att göra lite extra reklam för företagets facebooksida.
Olika små rubriker skapades för att förtydliga på vilka sätt man kan komma i kontakt med företaget.
Samma grid används här för att göra det enklare att placera ut texten. 
De gula rektanglarna med ram är utplacerade på två ställen.]]> 2017-12-12 16:12:36 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215483754 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215755930 Jag har valt att analysera denna broschyr/manual. Detta är en framsida och en baksida. 
Denna layout är enligt mig enkel och clean. Jag gillar att de har blandat in den röda färgen då det ger lite liv och lockar till sig  betraktarens ögon. 
Jag kan tänka mig att ett grid som användes till denna layout kan vara 3 spalter/kolumner och 3 rader, alltså sammanlagt 9 rutor. Denna typ av grid är enligt Elam (2004) den vanligaste att använda. Denna typ av grid ser även ut att passa in på placeringen av de olika kompositionerna.
I layouten används både horisontella och vertikala kompositioner, Detta är enligt Elam (2004) mer komplext. 
All text är dock horisontell, vilket inte är lika komplext, det som är vertikalt är en tjock linje/smal rektangel. 
Ett lekfullt typsnitt används på rubriken, denna rubrik är uppdelad i två färger vilket ger en cool effekt. 
Under rubriken kan man se att det finns ett kort stycke med brödtext, det ser ut som att denna text är i ett annat typsnitt, t e x Arial då det är enklare att läsa i mindre storlek. 
I övre högra kanten kan man se företagets logotyp, denna logotyp är inte för stor och tar inte fokus från vad broschyren handlar om. 

På baksidan av broschyren kan man se att samma röda rektanglar/linjer används. Jämte den röda rektangeln kan man se att det finns text, denna text ser ut att innehålla t ex datum då broschyren skapades och även namn på skaparen.]]> 2017-12-13 12:38:40 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215755930 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215758032 2017-12-13 12:48:18 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215758032 haaannacarlsson https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215771209 2017-12-13 13:30:32 UTC https://padlet.com/haaannacarlsson/pnmlcrku86il/wish/215771209