Digital præsentation og web. g r a f i s k d e s i g n p r o g r a m

Transkript

1 Digital præsentation og web g r a f i s k d e s i g n p r o g r a m JUNI 2010

2 2 i n d h o l d 3 Typografi Skærmfarver 4 Målsat opsætning Eksempler: 5 Forside med indholdsfortegnelse på Odense blå bund 6 Forside med indholdsfortegnelse på Odense lys bund 7 Tekst og billede på Odense lys bund 8 Diagram på Odense lys bund 9 Skærmfarver w e b 10 Typografiske størrelser Eksempler på typografi (overskrifter)

3 3 t y p o g r a f i s k e s t ø r r e l s e r Overskrift: Niveau 1/brødtekst: Verdana Bold 28 pt Overskriften skrives i en linie Verdana 26 pt/1 linieafstand 0,5 linieafstand ekstra mellem afsnit. Formen defineres med bullets, disse kan slås fra Niveau 2 + følgende underniveauer/ indrykning: Verdana 20 pt/1 linieafstand 0,5 linieafstand ekstra mellem afsnit. Formen defineres med bullets, disse kan slås fra Tekst til diagrammer: Diasnr./fod/dato: Verdana 14 pt, vejledende da det varierer afhængigt af diagrammets størrelse Verdana 10pt T y p o g r a f i s k æ r m f a r v e r Odense blå RGB/ G: 46 B: 94 Følgefarver RGB/ R: 255 G: 220 B: 0 R: 205 G: 160 B: 0 R: 230 G: 23 B: 112 R: 167 G: 23 B: 43 G: 162 B: 227 G: 112 B: 141 RGB/ R: 10 G: 170 B: 90 G: 100 B: 63 R: 226 G: 220 B: 210 R: 174 G: 168 B: 163

4 4 f o r m a t x m m - m å l s a t o p s æ t n i n g Sct. Knud logo/navnetræk bredde: 13 mm 15 variabel Fokusgrupper Den politiske struktur Den politiske visionscyklus Behov for konkrete målsætninger Sektorisme manglende helhedssyn Overskrift: Verdana Bold 28 pt Skrives kun i en linie Enkeltsager kontra strategisk planlægning Ansvarsplacering Mod til at prioritere Niveau 1: Verdana 26 pt/ 1 linieafstand + 0,5 ekstra mellem afsnit Niveau 2 + følgende: Verdana 20 pt/ 1 linieafstand + 0,5 ekstra mellem afsnit Illustrationers øverste kant variabel 2 Fod evt. dato 12 Illustrationen er vist i 90 %

5 5 F o r m a t x m m - m å l s a t o p s æ t n i n g Sct. Knud logo/navnetræk bredde: 13 mm 15 variabel Fokusgrupper Den politiske struktur Den politiske visionscyklus Behov for konkrete målsætninger Sektorisme manglende helhedssyn Overskrift: Verdana Bold 28 pt Skrives kun i en linie Enkeltsager kontra strategisk planlægning Ansvarsplacering Mod til at prioritere Niveau 1: Verdana 26 pt/ 1 linieafstand + 0,5 ekstra mellem afsnit Niveau 2 + følgende: Verdana 20 pt/ 1 linieafstand + 0,5 ekstra mellem afsnit Illustrationers øverste kant variabel 2 Fod evt. dato 12 Illustrationen er vist i 90 %

6 6 f o r m a t x m m - f o r s i d e m e d i n d h o l d s f o r t e g n e l s e p å o d e n s e l y s b u n d, t e k s t o d e n s e b l å Program for orienteringsmøde Strukturtilpasning i Borgmesterforvaltningen Arbejdsprogrammer/kontrakter Status på strukturprojektet Fælles udfordringer 1 Fod evt. dato Illustrationen er vist i 90 %

7 7 f o r m a t x m m - t e k s t o g b i l l e d e p å l y s b u n d Arbejdsprogram og kontrakter Tilgængelige via medarbejderportalen Hovedpunkter gennemgås på ledermøderne Dialog om vores værdier Medio 2004: Drøftelse af evt. ændringer i form og indhold Verdana 20 pt/1 linieafstand + 0,5 ekstra mellem afsnit 3 Fod evt. dato Illustrationen er vist i 90 %

8 8 f o r m a t x m m - d i a g r a m p å o d e n s e l y s b u n d - d i a g r a m m e r b e n y t t e r f ø l g e f a r v e r n e Succeskriterier Diagrammer benytter følgefarverne 4 Fod evt. dato Illustrationen er vist i 90 %

9 9 s k æ r m f a r v e r Odense blå RGB/ G: 46 B: 94 Følgefarver RGB/ R: 255 G: 220 B: 0 R: 205 G: 160 B: 0 R: 230 G: 23 B: 112 R: 167 G: 23 B: 43 G: 162 B: 227 G: 112 B: 141 RGB/ R: 10 G: 170 B: 90 G: 100 B: 63 R: 226 G: 220 B: 210 R: 174 G: 168 B: 163

10 10 t y p o g r a f i t y p o g r a f i s k e s t ø r r e l s e r Emne Fonte Farver Font størrelse Linie højde Overskrift 1 (H1) Arial, helvetica, sans-serif # pt 18 pt FED 20px (24px) I spots: 12pt / 16px Overskrift 2 (H2) Arial, helvetica, sans-serif # pt 15pt FED (15px) (20px) Overskrift 3 (H3) Arial, helvetica, sans-serif # pt 10pt FED (12px) (13.3) Tagline Verdana, Geneva, Arial, Helvetica, sans-serif # PT 12PT UPPERCASE (9PX) (16PX) Fritekst Verdana, Geneva, Arial, Helvetica, sans-serif # pt (11px) 8.25PT (16px) EKSEMPLER PÅ TYPOGRAFI