Page 1

TYPOGRAFI OG OMBRYDNING DIANA GULDHAMMER SVENDEPRØVEN 2017


TYPOGRAFI OG OMBRYDNING Redesign Varde Kommunes årsberetning til den nye visuelle identitet.

Opgaven Den ældre udgave er forvirrende og i et outdated design, der ikke længere passer til Varde Kommune. Kunden Johan Brøndsted, chef for budget og regnskab (økonomi) Beskrivelse Varde Kommune har i 2016 fået en ny visuel identitet, der skal gøre kommunens publikationer mere ens og genkendelig i et moderne design. Involverede Johan Brøndsted, chef for budget og regnskab (økonomi) Steffen Kjær, kommunikationschef (politik og analyse) Martin Petersen, journalistpraktikant (politik og analyse) Diana Guldhammer, mediegrafikerelev (politik og analyse) Lisbet Lund Petersen, salg og service (PE Offset)

Deadline 13. maj 2016 Layout A4 72 sider + omslag 5 mm. bleed Programmer Adobe Illustrator CC Adobe InDesign CC Adobe Photoshop Adobe Stock Wacom Intuos Pro S Resultat Kunden var meget tilfreds med resultatet og fandt, at det nye design var mere overskueligt.


BLÅ

SAND

ORANGE

C: 100 M: 49 Y: 12 K: 58 R: 0 G: 65 B: 101 HTML #004165 Pantone: 302

C: 3 M: 3 Y: 6 K: 7 R: 224 G: 222 B: 216 HTML #E0DED8 Pantone: Warm Gray 1

C: 0 M: 65 Y: 95 K: 0 R: 227 G: 114 B: 34 HTML #E37222 Pantone: 158

Primær

Sekundær

Teritær Bruges sparsomt - primært til markeringer eller fremhævelser

40% respektafstand Respektafstanden sikrer, at logoet altid fremstår tydeligt og i passende afstand til andre elementer. Respektafstanden skal ses som en minimumsafstand til andre elementer. Afstanden må altså derfor gerne være større end respektafstanden - bare ikke mindre.

Det 5. element Det 5. element er inspireret af solen over havet ved solnedgang. Det 5. element bruges som en del af den visuelle identitet – både som vandmærke i brochurer samt på forsider i forbindelse med logoet.


MUSEO SANS Bruges som officiel skrifttype på alle kommunens materialer både on- og offline.

abcdefghijklmnopqrstuvxyzæøå ABCDEFGHIJKLMNOPQRSTUVX YZÆØÅ 123456789!"#€%&/()=? Museo Sans 100 Museo Sans 300 Museo Sans 700 Museo Sans 900

italic 100 italic 300 italic 700 italic 900

Museo Sans condensed 100 Museo Sans condensed 300 Museo Sans condensed 500 Museo Sans condensed 900

Piktogrampakken "Gizmo" bruges til informationsmateriale og fremhævelse af punkter eller infobokse.

Cyclus offset Varde Kommunes identitet går hånd i hånd med det naturvenlige papir, Cyclus, som er mat, uncoated genbrugspapir. Det giver en rød tråd med kommunens vision "Vi i Naturen" www.viinaturen.dk.


Overskrift V1

Museo Sans 900, 40/43 pt.

Overskrift V2

Museo Sans 100, 40/43 pt.

Underoverskrifter

Museo Sans 100, 15/18 pt.

MELLEMRUBRIK

Museo Sans, versaler, 700, 8/11 pt.

Brødtekst Net iust et quodis nonsequidita eum fugiam ipit aut landipit, odione dolupta tiossin turerem ea ipitatur rerit erepeliqui seque sam

Billedtekster Sequis ditiust iuribus. Nequibusda commoll aboriorem

Museo Sans 300, 8/11 pt.

Billedtekster Sequis ditiust iuribus. Nequibusda commoll aboriorem

Citat lecum, sequist ione

Museo Sans Cond. 300, 8/9,5 pt.

Citat lecum, sequist ione

Citat lecum, sequist ione FAKTABOKS OVERSKRIFT

OVERSKRIFT

Apitaece rferia pel ipsunt as doluptatem quisto con cum re parument aquodit

Underoverskrift • Punkter a ditia dendit re 1. Talliste repudae simi,

Museo Sans 100, 20/23 pt.

Museo Sans Cond., (versaler), 700, 11/14 pt.

Museo Sans Cond. 300, 11/14 pt.


Årsberetning 2015 Overskrift Byline

Kerning: Optical

(Overlængde) x-højde (Underlængde)

Mellemrubrik¹ Align to grid: None

Citat

Billede

Outlined på billedet pga. text wrap

Space before: 3,175 mm. Space after: 0,706 mm.

Text Wrap

Brødtekst Align to grid: All lines

Pagina

Infoboks

¹ Udregning af mellemrubrikkens afstand til brødteksten

Mellemrubrikkens skydning = 11 pt. Brødtekstens skydning x 2 = 22 11-22 = 11 8 pt. over / 3 pt. under


25 mm Byline

25 mm

5 mm

5 mm

A

5 mm

5 mm

15 mm

15 mm


A4 formatet er opsat i fem lige store spalter, med ellers meget frie designrammer, inkl. byline og pagina.

Byline

A

Spalteopdelingen er sĂĽledes, at en sammenhĂŚngende tekst ikke mĂĽ fylde alle fem spalter. Det giver rig mulighed for forskellige designs i den samme stil.


Tidslinje

Møde Møde med kommunikationschef og journalist

Del 1 Opsætning af del 1 (design)

Kvalitetssikring Del 1 evt. rettelser

7. marts

Preflight Opsæt preflight til kvalitetskontrol

Oversigt Del op i to dele (design/tabeller)

PE Offset Aftal papirvalg, deadline og pdf profil

Korrektur Møde om fremgang på projektet


Del 2 Opsætning af del 1 (tabeller)

Godkendelse Byrådet godkender med underskrift

Uddelelgering Uddeles til lederforum

Kvalitetssikring Del 2 evt. rettelser

13. maj

Design Ekstra sider fra økonomi

Korrektur Møde om fremgang på projektet

PE Offset Send til tryk


Ă…rsberetningen er opsat i A4 format, da det er det formelle til kommunalbrug og er nemmest at have stĂĽende med sine andre dokumenter.

BeskĂŚringen er 5 mm. bleed grundet det store dokument.


Med et preflight kan jeg pĂĽ forhĂĽnd kvalitetssikre mit dokument nu og til fremtidig brug.


Masters styrer sidens grunddesign og gør det nemmere at lynredigere og opdele siderne.

A Master byline, pagina og spalter.

B Master for- og bagsidedesign.

C Master pagina og spalter.

D Master byline, pagina og spalter og baggrundsfarven �sand�


Opdeling i lag giver muligheden for at lĂĽse og skjule andre lag.


Arbejdet bliver meget nemmere med en automatisk indholdsfortegnelse.

Fibonnacci tegnet som det femte element i kommunens vision.

Indholdsfortegnelse.

Manuel tabulering gør, at jeg kan styre underkategorierne i indholdsfortegnelsen.


Table of Contents styrer indholdsfortegnelsen med rækkefølge og Entry Style gør, at jeg kan lave en unik paragraph style.

Overskrifter laves i V1 (version 1, 900). Nogle har 100 i vægt. De har en character style på 100.

En enkelt overskrift er lavet som mellemrubrik og har fået en unik paragraph style tilknyttet.


Text Wrap pü billedet gør blandt andet, at jeg kan have to-spaltede tekster uden at bryde spalten.


Text Wrap pü citater gør det samme som pü billederne, og giver mig muligheden for at manipulere teksten.


Word dokument modtaget af økonomi-afdelingen.

Tabeller og grafer bliver lavet i et eksternt dokument, da de kan 'crashe' dokumentet. Dette skyldes kommunens server, der ikke snakker ordenligt sammen med InDesign mht. tabeller.

Kopiering af Word teksten til InDesign.


Konvertering af tekst til tabel via tabulatortegn.

Design af tabel via den blĂĽ farves nuancer (tint).


Pie Graph Tool er lavet specifikt til at lave oste-diagrammer.

Ved at taste de givne tal ind udarbejder programmet selv osten.


Direct Selection Tool bruges til at vælge specifikke områder af diagrammet.

Design af diagram via den blå farves nuancer (tint).

Diagram værktøjet i Adobe Illustrator giver et perfekt resultat og sparer mig for flere timers arbejde.


Efter

Før


Før

Efter


Efter

Før


Før

Efter


Efter

Før


Før

Efter


Ă…rsberetningen har fĂĽet et langt mere overskueligt design, der giver lĂŚseren lyst til at dykke ned i det.


Doku typo  
Read more
Read more
Similar to
Popular now
Just for you