PORTFOLIO TYPOGRAFI & OMBRYDNING

Transkript

1 PORTFOLIO TYPOGRAFI & OMBRYDNING

2 Typografi & Ombrydning DOKUMENTATION Opgave beskrivelse Kunden ønsker at få en simpel bruchurer, som han kan dele ud i klubben. Han kunne godt tænke sig i denne brochure, at der står lidt beskrivelse omkring Lejre IF Bordtennis fremtidsplaner er. Dokumentet 210x297 mm, antal sider: 8 2 spalter med 4,233 mm spalteafstand Margin: Top 12,7 mm, bund 13,367 mm, inderside 12,7 mm, yderside 12,7 mm. Baseline Grid Sat til brødtekstens skydning på 13 pt Topmargin flugter brødtekstens x-højde Grid flugter med bundmargin Masterpages Pagina er lavet på mastersiden, med en baggrund farve og sidetal er farven c:0 m:0 y:0 k:0. Tilpasning af grid. Brødtekst Font: Roboto. Størelse 10 / 13 pt. Juster til grundlinjenettet. Start 12,7pt. Mellemrubrik Font: Roboto. Størellse 12 / 14 pt. Juster ikke grundlinjenettet. Afstand før / Plads efter Overskrifter Font: Rockwell. Størellse 31 / 25 pt. Juster ikke grundlinjenettet. Sprog Dansk Udregning af Brød + Mellemrubrik Brødtekst 10/13 Mellemrubrik på 12/14. Luften over og under (Brødtekstens skydning gange 2 minus mellemrubrikkens skydning) 13*13-14 = 12. Så skal der 2/3 luft over og 1/3 luft under. dvs. 8pt. over og 4pt. under. Kvalitetsvurdering Jeg er godt tilfreds med mit meget arbejde, efter endelig at have fået billeder fra klubben og den tekst jeg har søgt efter, har det været sjovt både, at lave en bruchurer + hjemmeside. Jeg er blevet dygtigere til bruge InDesign og til at finde ud af hvordan man regner mellemrubrikkerne ud. Rockwell A B C D E F G H I J K l M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z % & ( ),. :!? Roboto A B C D E F G H I J K l M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z % & ( ),. :!?

3 1 Typografi & Ombrydning

4 Typografi & Ombrydning Mellemrubrik: 12pt / 14pt Dette er overskrift: 31pt / 25 pt Billed kvadradisk 184 høj 73 bred 1 Dete er Pagina / side tal fra master page Dette er Brødtekst : 10pt / 13pt. Dette er nummer form / font Roboto-Bold

5 Typografi & Ombrydning

6

7 Typografi & Ombrydning

8 PORTFOLIO GRAFISK WORKFLOW

9 DOKUMENTATION Opgave beskrivelse Lejrebordtennis vil gerne have en simpel og nem hjemmeside så folk fra Lejre kommune og omregn kan finde deres klub og læse de mest vigtige informationer. De kunne godt tænke sig en nyhedside samt en galleri side. Design Ønsker Enkel og nemt med de rigtige informationer. Et galleri med billeder over deres klub og træning En nyhed side med informationer et link side hvor man hurtig kan komme frem til de vigtige sider. Layout Siden er bygget op så det er responsivt hvilke vil sige den virker til alle former for skærme. Den er bygget op i 1170px i bredden. Den virker på alle browser. Der er a:hover på galleriet så man kan læse hvad der sker på billedet. Der er simpel a:hover i menuen så man kan se hvor man er. Fonten er Roberto. Menuen og andre elementer på siden ændre sig alt efter hvilke skærm og mobil du bruger. Usability Sitet er enkelt, overskueligt og nemt at navigere rundt på. Der er korte afsnit i teksten, så det ikke bliver for tungt at læse. Arbejdsproces Møde med kunden Inspirationssøgning på nettet Layout i Photoshop, som præsenteres for kunden og godkendes. Udarbejdelse af flowchart, skelet og storyboard Programmering af sitet med brug af HTML5 CSS3 og jquery Tilpasning til tablet og mobil (mål i %, media queries, viewport meta tag) Søgeoptimering ved brug af meta tags title, keywords, discription) Browserkompatibilitet testet Demo uploadet til kunden Tilretninger af kode og tekster Sitet er godkendt og uploades på domæne Browserkompatibilitet Sitet er testet i Chrome, Firefox, Safari og Internet Explorer, og her fungerer det som det skal. Kvalitetsvurdering Jeg er blevet rigtig tilfreds med det færdige resultat, da sitet er blevet overskueligt og nemt at navigere rundt på. Det har fanget kundens ønske om et responsivt design, som er enkelt og indbydende og det lever op til kundens forventninger. Kunden er glad og tilfreds med både layout og funktionalitet af sitet. Typografi Roboto A B C D E F G H I J K l M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z % & ( ),. :!? Farver Målgruppe Grafisk Workflow Den målgruppe vi gerne vil fange er for folk som har lyst til spille med bold og bat. Vi forsøger at ramme en bred målgruppe hvor både unge og gamle kan være med til spille bordtennis.

10

11 dbtu øbtu Links bordtennis ekspert Klubunering Billeder Alle billeder Holdturnering Bestyrelse Arrangementer INDEX Information Klubben Historie

12

13

14

15

16

17

18

19

20 PORTFOLIO GRAFISK GRAFISK DESIGN

21

22 12 September Nørdeloppemarked Boder er gratis at booke + der vil blive solgt videospil og Lan-Party. Der vil også være en Soul Calibur udfording Køgevej 4-6, 4000 Roskilde det foregår på INSP. Tilmelding for fremtidigeevents foregår ved, at søge efter gruppen Nørdeloppemarked på facebook eller skriv på mail til mortenjuelsondergaard@gmail.com