Layout principper
Du kan downloade eksempler på layouts her:
1. Connected panels
Forbundne paneler er den primære layoutmulighed. De forbinder to paneler på en enkel og unik måde, som fremhæver vores strategiske princip. Dette sikrer, at budskabet er klart og let at læse.
2. Single Panel
Enkeltpanelet er den sekundære layoutmulighed. Det bruges mest til at fremhæve vores kunstneriske retning med billeder, der fylder hele panelet.
Begge layoutmuligheder (forbundne paneler og enkeltpanel) består af følgende elementer, opdelt i to hovedlag.
Layer et: Panels
1. Block colour - Primary usage
2. Art direction - Primary usage
3. Texture - Secondary usage
Disse elementer kan blandes og matches for at danne vores paneler, men de kan ikke flyttes eller ændres i størrelse.
Layer to: Content
4. 3D products
5. Third party content
6. Type and highlighter
Alt indhold ligger oven på panelerne og kan justeres i størrelse og placering. Når du laver disse layouts, skal du huske, at blokfarver (vores primærefarver) og kunstnerisk retning (billedet)er de vigtigste dele af vores layoutsystem.
Connected Panels
Landskab og Portrætformat
Vores primære layoutmulighed viser forbindelse på en enkel og unik måde. To paneler samles for at forbinde kunderne med det, der betyder mest.
Vores paneler ligger i baggrunden som det første lag i layoutet. Panelerne tillader følgende kombinationer af elementer. Alt indhold ligger oven på panelerne og kan justeres i størrelse og placering, som vist i disse eksempler:
1. Block colour + block colour
2. Block colour + texture
3. Block colour + art direction
4. Art direction + art direction
5. Texture + art direction
6. Når der sker meget på billedet, tilføjer vi en markering bag overskriften for at sikre læsbarhed.
Grid
For at skabe den bedste afstand og justering for layouts, har vi lavet nogle retningslinjer for landskabs- og portrætlayouts. Der bør altid være en margin omkring kompositionen, fri for tekst eller logoer. Denne margin er størrelsesbestemt i forhold til kompositionen.
Landskab
Marginen skal være x/18 af højden på kompositionen.
Logoet skal være x/11 af højden på kompositionen.
Portræt
Marginen skal være x/25 af højden på kompositionen.
Logoet skal være x/16 af højden på kompositionen.
Single Panel
Landskab
Vores sekundære layoutmulighed er enkeltpanelet. Den primære anvendelse af enkeltpanelet er til full width billeder. Tekst ligger ovenpå panelet og er fleksibel i størrelse og placering.
Her er nogle eksempler:
1. Alt indhold ovenpå panelet er centreret. Overskriften er også horisontalt centreret.
2. Alt indhold ovenpå panelet er venstrejusteret. Overskriften er også horisontalt centreret.
3. Overskrift og brødtekst er venstrejusteret og sidder øverst og nederst på panelet. Logoet sidder på den modsatte side af panelet.
4. Overskriften er delt over panelet og indrammer indholdet. Første halvdel af overskriften sidder øverst til venstre på panelet. Anden halvdel af overskriften sidder nederst til højre på panelet. Brødteksten sidder nederst til venstre på panelet.
Note: we don’t use 3D products nor third party content on full bleed imagery.
Portræt
Vores sekundære layoutmulighed er enkeltpanelet. Den primære anvendelse af enkeltpanelet er til full width billeder. Tekst ligger ovenpå panelet og er fleksibel i størrelse og placering.
Her er nogle eksempler:
1. Alt indhold ovenpå panelet er centreret. Overskriften er også horisontalt centreret.
2. Alt indhold ovenpå panelet er venstrejusteret. Overskriften er også horisontalt centreret.
3. Overskrift og brødtekst er venstrejusteret og sidder øverst og nederst på panelet. Logoet sidder på den modsatte side af panelet.
4. Overskriften er delt over panelet og indrammer indholdet. Første halvdel af overskriften sidder øverst til venstre på panelet. Anden halvdel af overskriften sidder nederst til højre på panelet. Brødteksten sidder nederst til venstre på panelet.
Note: we don’t use 3D products nor third party content on full bleed imagery.
Undtagelse
Når vi ikke prioriterer vores billeder, kan tekstur og blokfarve bruges til at skabe et enkelt panel i situationer, hvor der ikke er nok plads til vores forbundne paneler (f.eks. digitale apps og bannere). Alt indholdet ligger ovenpå panelet og er fleksibelt i størrelse og placering, som vist i disse eksempler.
Grid
For at skabe den bedste afstand og justering, har vi lavet nogle retningslinjer for landskabs- og portrætlayout. Der bør altid være en margin omkring kompositionen, fri for tekst eller logoer. Denne margin er størrelsesbestemt i forhold til kompositionen.
Landskab
Marginen bør være x/18 af højden på kompositionen.
Logoet bør være x/11 af højden på kompositionen.
Portræt
Marginen bør være x/25 af højden på kompositionen.
Logoet bør være x/16 af højden på kompositionen.
Layout system examples
Don'ts
