Kimberly Dijkmans Grafisch Design 4 2CMOb Grafische en digitale media | Crossmedia ontwerp AP Hogeschool | schooljaar 2016 - 2017
2
Inhoud 1.00 Overzicht
4
5.00 Typografie
21
1.01
Over Xtrastar
5
5.01 Titels
21
1.02
The lover
5
5.02 Content
21
2.00
Het Logo
6
5.03 Richtlijnen
21
2.01
Opbouw van het logo
7
6.00 Fotografie
22
2.02
Logo witruimte en richtlijnen
8
7.00
24
2.03
Logo afmetingen
10
7.01 Visitekaart
26
2.04
Logo kleurgebruik
11
7.02 Briefpapier
27
2.05
Logo “do nots”
12
7.03 Enveloppes
28
3.00
Grafische elementen
14
7.04 Poster
29
3.01
Elementen variaties
15
7.05 Raambestickering
30
3.02
Elementen afmetingen en witruimte
16
7.06 Uithangbord
31
3.03
Elementen richtlijnen
17
7.07
32
3.04
Elementen “do nots”
18
4.00 Kleurspecificaties
Design charter
Car wrapping
20
3
Overzicht 1.01
Over Xtrastar
1.02
The lover
4
Over Xtrastar
The lover
Xtrastar is een winkelketen die zich richt op jonge vrouwen.
Xtrastar is een lover. De relatie met de klanten
Xtrastar wil hippe damesmode introduceren in heel Nederland
is belangrijk. Zij staan altijd centraal. Ook
en vrouwen van complete outfits voorzien. Zo kan je er
wil de winkelketen bieden wat jonge vrouwen
kleding, schoenen, tassen en accesoires verkrijgen voor een
liefhebben. Ze wil ervoor zorgen dat klanten
leuke prijs. Iedere week komen er nieuwe items in de winkels
een speciale en tastbare ervaring beleven in
waardoor Xtrastar flexibel en altijd up-to-date is. In 2017
de winkels. Xtrastar is aantrekkelijk, elegant,
is Xtrastar gevestigd in vijf Nederlandse steden, namelijk
vrouwelijk, loyaal en straalt passie en
Eindhoven, Breda, Den Bosh, Rotterdam en Leiden.
vertrouwen uit.
5
Het logo 2.01
Opbouw van het logo
2.02
Logo witruimte en richtlijnen
2.03
Logo afmetingen
2.04
Logo kleurgebruik
2.05
Logo “do nots”
6
Opbouw van het logo Het logo van Xtrastar bestaat uit een beeld en de naam. Het beeld uit het logo bestaat uit de eerste letter van de naam, namelijk “X”, en uit een deel van een ster. Dit omdat “star” voorkomt in de naam en dit Engels is voor ster. Omdat Xtrastar zich richt op jonge vrouwen is het beeld vooral sierlijk. Daarom wordt er in het beeld met verschillende lijndiktes gewerkt. Om de sierlijkheid en elegantie nog extra naar voor te brengen is nog een krul toegevoegd aan de linkerpoot van de “X”. Onder het beeld staat de naam “Xtrastar”. Dit om makkelijk herkenbaar te blijven. In uitzonderlijke gevallen wordt de naam weggelaten (zie hiervoor “logo variaties en afmetingen” op p. 11).
+
+
+
7
Logo witruimte en richtlijnen Alle afmetingen in de richtlijnen worden
3x
gebaseerd op de hoogte van het beeld uit het logo (de “X�). De hoogte van het beeld is 6x. De witruimte die altijd vrijgelaten moet worden rond het volledige logo is de helft van de hoogte van het beeld, namelijk 3x.
6x
Grafische elementen zijn een uitzondering. Deze mogen wel binnen de witruimte komen. Tussen het beeld en de naam is altijd een witruimte van 1x hoog. De naam zelf is in verhouding met de hoogte van het beeld altijd
1x 1x
4x breed. De hoogte van de naam wordt in proportie meegeschaald. Ook het beeld zelf moet altijd in proportie blijven.
8
4x
3x
3x 6x 1x 3x 1x
4x
9
Logo afmetingen
Digitale toepassingen
Drukwerktoepassingen
32px
10mm
60px
20mm
De minimum breedte van het logo zonder naam is op scherm 32 pixels en op drukwerk 15 milimeter. Het logo met naam moet minstens 60 pixels breed zijn op scherm en 30 milimeter op drukwerk. Dit zodat de naam zeker voldoende leesbaar blijft. Indien er een favicon gebruikt wordt is dit een ander beeld. Dit beeld bestaat uit de volledige ster afgeleid van het logo. Deze favicon kan de afmeting 16x16 pixels of 32x32 pixels hebben. Het logo mag enkel proportioneel geschaald worden.
Favicon
16px
10
32px
Logo kleurgebruik De standaard kleur van het logo is donkerrood. In alle gevallen mag het logo enkel gebruikt worden in de kleuren donkerrood, zwart en wit. Het volledig logo moet dezelfde kleur hebben (zowel het beeld als de naam). Het negatief logo mag enkel gebruikt worden op een achtergrond met dezelfde kleur als deze van het negatief logo. Het witte logo mag gebruikt worden op alle donkere achtergronden en foto’s indien er genoeg contrast en het logo steeds duidelijk zichtbaar blijft.
11
Logo “do nots” 1. Het logo mag geen andere kleur zijn dan een kleur uit de huisstijl. 2. Er mag geen ander element of tekst met het logo overlappen. 3. Het logo mag nooit 1
2
3
gedraaid worden. 4. Het logo mag niet onpoportioneel geschaald worden. 5. Het logo mag nooit afgesneden worden. 6. Het is niet toegestaan om het logo weer te geven met
4
12
5
6
een “outline”.
7. Het logo mag niet kleiner zijn dan de minimum afmetingen. 8. Het negatief logo mag niet gebruikt worden met een achtergrond die anders is dan die van het oppervlak. 7
8
9
9. Het logo mag niet bestaan uit meer dan ĂŠĂŠn kleur. 10.
De naam mag nooit
tegen het beeld staan. 11. Het logo mag niet transparant zijn. 12. E r mogen geen schaduw of andere effecten toegepast 10
11
12
worden op het logo.
13
Grafische elementen 3.01
Elementen variaties
3.02
Elementen afmetingen en witruimte
3.03
Elementen richtlijnen
3.04
Elementen “do nots�
14
Elementen variaties De grafische elementen in de huisstijl van Xtrastar zijn werkjes van waterverf. Er zijn vier verschillende hoekstukken en drie verschillende middenstukken. De waterverf geeft een uniek, romantisch en flexibel gevoel.
15
Elementen afmetingen en witruimte De grootte van een enkel grafische element moet minstens (ongeveer) 1/15 van het oppervlak bedragen. Ee maximale grootte is 1/3 van het oppervlak. Er is geen verplichte vrije ruimte rond het grafische element, zolang het niet overlapt wordt met andere elementen, foto’s of tekst
16
Elementen richtlijnen • Grafisch elementen mogen enkel kleuren uit de huisstijl hebben. • Grafische elementen moeten regelmatig afgewisseld worden binnen eenzelfde toepassing. • Grafische elementen mogen enkel op een witte achtergrond gebruikt worden om voldoende zichtbaar en herkenbaar te blijven. Een uitzondering is als het element op een poster, affiche en flyer gebruikt wordt en/af als de achtergrond een foto is waarbij er voldoende contrast is tussen het element en de foto. • Het grafisch element mag enkel proportioneel geschaald worden. • Er mogen nooit meer dan twee grafische elementen op één pagina staan. • Er mogen geen twee dezelfde elementen op één pagina staan. • Er mag geen ander element of tekst met het grafisch element overlappen. • De hoekelementen mogen gedraaid en gespiegeld worden zodat ze in andere hoeken passen behalve het werkje waarvan druppels naar beneden lopen. Deze moet altijd met de druppels naar-beneden-lopend staan.
17
Elementen “do nots�
1. Het grafisch element mag geen andere kleur bevatten Ri anis ditiaecerio que molore peratemquia sum ent audi il ium audisit quasim que volescitint odis audae. Nam
dan de kleuren uit de huisstijl. 2. Het grafisch element mag niet onproportioneel geschaald worden. 3. Er mag niks met het
1
2
18
3
grafisch element overlappen.
4. Het werkje waarvan druppels naar beneden lopen mag niet op zijn kop staan. 5. Het grafisch element mag niet gebruikt worden op een gekleurde achtergrond. 6. Het grafisch element mag 4
5
6
niet transparant zijn. 7. Er mogen geen schaduw of andere effecten toegepast worden op de elementen. 8. Er mogen nooit meer dan twee elementen op eenzelfde pagina staan. 9. Het grafisch element mag
7
8
9
niet omlijnd worden.
19
Kleurspecificaties Pantone
Hex
CMYK
RGB
Solid
kleurcode
C 16 M 100 Y 51 K6
R 197 G 18 B 78
1935 C 206 U
C4114D
C0 M 64 Y 25 K6
R 239 G 125 B 146
708 C 7423 U
EE7C92
R 231 G 47 B 62
1788 C Red 032 U
E62F3E
Tint: 10% C0 M 91 Y 70 K0
20
Typografie Titels
Great Vibes
Richtlijnen De reeksspatiĂŤring van de content is altijd 50. Bij een lettergrootte 12pt van de content is de regelafstand 20pt. Deze moet ongeveer in verhouding blijven. Er moet altijd voldoende regelafstand zijn zodat de tekst goed
Content
leesbaar is. Voor tussen titels wordt Futura
Futura PT Book
uitgelijnd. Een uitzondering is bij ontwerpen
Futura PT Demi
van posters, affiches, flyers, ...
PT Heavy gebruikt. Tekst wordt altijd links
Futura PT Heavy
21
Fotografie De fotografie van Xtrastar moet voldoen aan bepaalde voorwaarden om altijd de juiste bedrijfsidentiteit naar buiten te brengen. Fotografie wordt vooral toegepast bij de producten van Xtrastar. De producten worden met en zonder modellen gefotografeerd. Foto’s moeten altijd elegantie, passie en warmte uitstralen. Productfoto’s zijn ook altijd close -ups. Een uitzondering zijn Instagramfoto’s. Hierbij mogen modellen er wel volledig opstaan. De foto’s moeten vooral nude -tinten en de kleuren van de huisstijl naar voren brengen.
22
23
24
Design charter 7.01 Visitekaart 7.02 Briefpapier 7.03 Enveloppes 7.04 Poster 7.05 Raambestickering 7.06 Uithangbord 7.07
Car wrapping
25
Visitekaart Afmetingen: 55mm x 85mm
55mm
20mm
11.5mm
85mm
26
Briefpapier Afmetingen: 210mm x 297mm (A4) 210mm 13.5mm 20mm
54mm
112mm
108mm 34mm
20mm
30mm
297mm
20mm
27
Enveloppes Met en zonder venster. | Afmetingen: 110mm x 220mm 220mm 13.5mm 20mm
110mm
112mm
34mm 21mm
28
Poster Posters hebben geen exact stramien. Ze worden opgemaakt met één of twee grafische elementen. Ze bevatten lichte verlopen in de kleuren van de huisstijl. En het logo staat altijd in een hoek. De foto’s moeten voldoen aan de richtlijnen van fotografie.
29
Car wrapping | Volkswagen Beetle
32