Grafisk design. Filmblad til tablet

Transkript

1 Grafisk design Filmblad til tablet

2 Lodret cover Opgavebeskrivelse: Mit digitale produkt er et filmblad til tablets over månedens film. Tablet udgaven er mere kompakt og gør at brugeren får et hurtigere overblik over filmene. Jeg har valgt, at lave layoutet både vandret og lodret, så brugeren har mulighed for selv at bestemme hvilken retning, han/hun vil læse magasinet i. Til dette blad har jeg lavet to filmartikler, der giver et resumé af filmens handling og en side med plakater over de aktuelle film i oktober måned. Målgruppe: Mænd og kvinder fra hele landet med interesse for film, som gerne vil have et hurtigt overblik over månedens film. Filmbladet henvender sig i princippet til folk i alle aldre, og dem der typisk går op i de nyeste film. De er lidt mere moderne og har typisk flere penge. Målgruppen bliver bredere, når mediet kan vises på flere platforme. Typografi: Filmtitlerne er sat til fonten Poor Richard. Den har nogle gode referencer til det lidt uhyggelige og eventyr agtig som ofte er temaer som bruges i film. Den har et let og elegant udtryk og er klassisk et fint modspil til den tyngde som Movie har. Overskrifter og teasers er i ITC Stone Sans og brødteksten er i ITC Stone Serif Medium 14/18 pkt. Det er skrifter, som er nemme at læse, og de passer godt sammen, fordi det er den samme skrift, men hvor den ene er en grotesk og den anden er en antikva skrift. På en tablet skal man regne med, at brødtekstens skriftstørrelse skal være lidt større, end hvis den skal trykkes. Vandret cover Logo: Logoet er sat til Aachen Std Bold. Det er en meget robust skrift, som passer godt til et logo. Bladet hedder Movie og ordet kommer af motion picture/moving picture, som er billeder i bevægelse. Copyrights i dette digitale filmblad: Zentropa, Nordisk Film, UIP, Universal Pictures, kino.dk 11

3 GRAFISK DESIGN Skitser 12 Moodboard

4 Dokumentet: Jeg startede med at oprette et nyt dokument, og i feltet Intent valgte jeg at bruge Digital Publishing, hvor bredde og højde er indstillet. Formatet er sat til 768 x 1024 px, som er standard målene for ipad. Jeg startede først med at lave de lodrette sider, og derefter lavede jeg de vandrette sider, fordi det var nemmere. Liquid Layout: Inden jeg begyndte på de vandrette sider, lavede jeg regler med værktøjet Page Tool på de lodrette sider. Derefter gik jeg ind i paletten Liquid Layout og valgte i feltet Page Rule: Object-based, så elementerne retter sig efter de regler jeg valgte. Til sidst gik jeg ind i Create Alternate Layout. På billedet bliver plakaten låst til højre og i bunden, som vises ved at den orange cirkel sidder helt ud til kanten af siden. Proportionerne på plakaten holdes ved, at man låser i midten af billedet. 13

5 Interaktive elementer for brugeren: Jeg har understreget, at det handler om film, ved at lave stiplede linjer, så det ligner en filmrulle med plakater. Idéen med, at plakaterne er opstillet som en filmrulle, er at brugeren kan swipe fingeren til siden for at se alle plakaterne inklusiv dem der går udenfor tablet ens skærm. Til at lave filmrullerne har jeg brugt Folio Overlays og indstillingen Scrollable Frame. Pilen nederst på siden henviser til, at brugeren skal swipe fingeren til siden for at gå til næste artikel. Relation mellem lodret og vandret: På det lodrette format var der plads til to filmruller. På det vandrette format er der mindre plads i højden, og der passede det bedst med en filmrulle i stedet for to over hinanden, da de ellers ville blive for små. Det har jeg vurderet er den bedste løsning, for indholdet skal være det samme uanset formatet. På siderne med filmartiklerne vurderede jeg ligeledes, at det passede bedst med billederne øverst i en filmrulle. Jeg har valgt at have hvid baggrund og blå overskrift for at skabe en rød tråd i farveholdning mellem siderne, og så man ikke er i tvivl om, at de kommer fra samme blad. 14

6 Farver: Farven i overskriften og i bjælken nederst er taget fra et af filmbillederne, så der er en visuel sammenhæng på siden. Farverne er med til at gøre det lidt mere spændende at kigge på, fordi den springer mere i øjnene pga. kontrasten. Det er moderne, stærke og forholdsvis kolde farver, som skaber interesse og dynamik. Farvekoderne er defineret i Adobe RGB. Billeder: Billederne er indbydende og skaber blikfang. De skal sælge produktet, og de skal være repræsentativ for filmens hanling. De viser forskellige temaer, som f.eks. dramatik, kærlighed, adventure og spænding. Navigation på siden: Pilen nederst på siden viser, at brugeren skal swipe fingeren opad for at gå ned på næste side. På de vandrette sider har jeg lavet en lille infoboks, som fortæller brugeren at man skal swipe fingeren til siden for at se billederne. R: 109 G: 123 B: 52 R: 107 G: 159 B: 183 ITC Stone Serif Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ,.?!:;/&% ITC Stone Serif Medium ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå ,.?!:;/&% 15