MIKKEL NYMAN. svendeprøve portfolio 2014

Transkript

1 MIKKEL NYMAN svendeprøve portfolio 2014

2 GRAFISK DESIGN webdesign af pl.dk GRAFISK PRODUKTION OG WORKFLOW discovery channel plakat GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script TYPOGRAFI OG OMBRYDNING skud på stammen 2014

3 GRAFISK DESIGN webdesign af pl.dk

4 Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig have plads til standard banner reklamer, da hjemmesiden drives af kommercielle indtægter. De ønskede en lys, overskuelig og indbydende hjemmeside, med en blå gennemgående farve og fokus på brugervenlighed. Mine overvejelser For at opnå de ønsker der var bag den nye hjemmeside, var mine tanker at skabe overskuelighed med brede margener, og klare opdelinger hvor brugeren lynhurtigt kan finde de nyeste fodboldartikler. Her var min største inspirationskilde bold.dk som er danmarks mest besøgte fodboldportal. Jeg tror bold.dk er så populær fordi der er en gennemtænkt struktur af indholdet, og det har jeg forsøgt at gøre kunsten efter. Budskab Hjemmesiden skal udstråle kvalitet og de bedste Premier League nyheder. Det var særdeles vigtigt at signalere en klar sammenhæng til Premier League. Målgruppe Den primære målgruppe er den mandlige fodboldfan, og tv-seer i alderen år. En person som vil have alle nyhederne, hurtigt og overskueligt. Wireframes er lavet i illustrator. Hjemmesiden er designet i Photoshop. Demo-site opsat i Dreamweaver. 3 GRAFISK DESIGN webdesign af pl.dk

5 Brainstorm og inspiration Intet baggrundsbillede Klublogoer som navigation Lyst og Stilrent Minimalistisk link liste med mange nyheder maskulin primær navigation med fokus farve simpelt Tekst logo brede magener for bedre overblik Slider som blikfang til vigtig content 4 GRAFISK DESIGN webdesign af pl.dk

6 Moodboard 5 GRAFISK DESIGN webdesign af pl.dk

7 Wireframe og funktioner Header I headeren er der flere funktioner, udover logoet og menuen er der nemlig to bokse, som skal bruges til forskellige formål som livescore, eller til at interagere med brugeren i form af konkurrencer eller afstemninger. Der er også placeret en række med Engelske fodbold klublogoer, som bliver klikbare og linker ind til mere information om klubben. Slider til vigtige fokuspunkter Her bliver der designet en slider, som skal indeholde de absolut vigtigste nyheder. I hvert slide, skal der være et billede, samt en overskrift og en kort beskrivende tekst. Liste med alle nyheder Ligesom de har på bold.dk, skal der her være en simpel liste med de seneste nyheder, som man kan klikke sig ind på for at læse. Disse links bliver en anden farve når man har læst dem, for at brugeren let kan se hvilke nyheder der allerede er læste. Der vil også være mulighed for at sortere efter seneste, populære eller video-nyheder. BANNER AD LOGO INFOBOX INFOBOX BRAND LOGO MAIN NAV CLUB LOGO NAV TOP STORY SLIDER BANNER AD NAV LINK LIST BLOG BOX MATCH SCHEDULE LINK LIST BANNER AD MOST VIEWED VIDEOS SOCIAL ICONS Kommercielle bannere Her er gjort plads til 3 standard størrelse bannere, 930x180 og 300x250. De 2 første bannere på siden er placeret så brugeren kan se dem ved første øjekast, uden at skulle scrolle ned. Blog boks Det nyeste blogindlæg fra eksperterne vil blive vist her. Kampoversigt I kampoversigten vises kommende kampe med tid og dato. Dette er klikbart så brugeren kan komme videre til informationer om kampen. Mest sete videoer Her vil blive vist de 3 mest sete videoer lige nu. Footer I footeren skal der laves links direkte til forskellige sociale sites og laves 3 bokse. En til et blogfeed, en til instagram feed og en til et nyhedsbrevs tilmeldings modul. BLOG FEED INSTAGRAM FEED NEWSLETTER COPYRIGHTS 6 GRAFISK DESIGN webdesign af pl.dk

8 Mock-ups Første udkast Her er et par af de første udkast jeg designede. Efter en dialog med bold.dk og 6 erens digitalafdeling, blev vi enige om at designet var i den rigtige retning, men at der skulle rettes på et par ting. Der skulle blandt andet laves større margener, så sitet ville få mere luft, og i billedrotationen ønskede de et større billedfelt. Klublogo navigationen skulle også helt væk. 7 GRAFISK DESIGN webdesign af pl.dk

9 Typografi og farve Menuer og overskrifter God display typografi til større overskrifter. 415 glyffer Kun manjuskler Condensed Sans Serif Links og brødtekst Lucida grande er især god til meget små skriftsnit glyffer Sans Serif Variere lidt i linjestørrelse Websikker font, til de platforme og browsere vi kender i dag. BEBAS NEUE 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 Æ Ø Å Lucida Grande 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 Æ Ø Å GRØNSVÆREN / BOLD.DK R: 113 G: 162 B: 47 PREMIER LEAGUE / 6 EREN R: 56 G: 116 B: 178 MASKULINITET R: 36 G: 36 B: 36 Den grønne farve symboliserer grønsværen og repræsenterer bold.dk. Den bliver brugt på hjemmesiden i footeren og i ekspertbloggen. 6 erens og Premier Leagues nøglefarve er blå, og det var derfor meget oplagt at bruge som dominerende farve på hjemmesiden. Uden at ødelægge det rene og lyse design, tilføjede jeg den mørkegrå farve, for at tilføre lidt ekstra maskulinitet, da målgruppen er mænd. 8 GRAFISK DESIGN webdesign af pl.dk

10 Brugervenlighed og kommunikation Navigation I topnavigationen og linknavigationen er det menufelt man er på gjort aktivt, på den måde kan brugeren altid se hvor de er på hjemmesiden. Margener Mellem hver felt/boks har jeg lavet brede margener, som giver mere luft til hele hjemmesiden. Dette gør at brugeren let kan danne et overblik. Her gælder gestaltloven om nærhed. Felter/bokse Margenerne er med til at opdele hjemmesiden i bokse, hvilket også hjælper brugeren til at forstå hvad der hører sammen. Her gælder gesteltloven om lukkethed, da jeg også har lavet en baggrundsfarve i nogle felter, for at gøre boksen tydeligere. Reklamebannere Jeg har forsøgt at inkorporere bannerne på en måde, som ikke går på kompromis med hjemmesidens design, så bannerne falder naturligt ind. Social media I footeren kan man via ikonerne, navigere direkte til forskellige social media platforme. Der er hover effekt og en title som kommer frem når musen føres ind over. Her gælder bl.a. gestaltloven om forbundethed, da der er en streg som forbinder ikonerne. Farvekontraster Der er høj kontrast mellem farverne, hvilket hjælper til at skelne mellem hjemmesidens felter. Den blå bruges aktivt i links og menupunkter til at lede brugeren til at klikke sig videre ind på siden. Typografiske kontraster Der er størrelseskontrast mellem overskrifter/menu og brødteksten/links. Overskrifter/Menuer Kontrast Brødtekst/Links Større Størrelse Mindre Kun majuskler Skriftsnit Standard Condensed Skriftsnit Ordinærskrift Bebas Neue Font Lucida Grande Fonten Bebas Neue er desuden blevet tilføjet i css filen så den kan vises i flere browsere og { font-family: bebas_neueregular ; src: url( fonts/bebasneue-webfont.eot ); src: url( fonts/bebasneue-webfont.eot?#iefix ) format( embedded-opentype ), url( fonts/bebasneue-webfont.woff ) format( woff ), url( fonts/bebasneue-webfont.ttf ) format( truetype ), url( fonts/bebasneue-webfont.svg#bebas_neueregular ) format( svg ); font-weight: normal; font-style: normal; } Nyhedsbrev Når et af felterne i nyhedsbrevet bliver gjort aktivt, forsvinder den tekst som var skrevet ind på forhånd, frem for standard måden hvor teksten først forsvinder når man begynder at skrive i feltet. Dette gøres ved at gøre den forindskrevet tekst transparent. input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } /* FF 18- */ input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color: transparent; } /* IE 10+ */ 9 GRAFISK DESIGN webdesign af pl.dk

11 GRAFISK PRODUKTION OG WORKFLOW discovery channel plakat

12 Discovery channel plakat Opgavebeskrivelse Discovery Channel skulle have produceret en plakat som de kunne give til alle deres kunder i firmaet. Plakaten skulle udstråle hvad DC står for, samt et par keywords som var: Magic, Hero, Man. Indholdet skulle være en sammenkopiering af nogle af kanalens nye populære programmer. Specifikationer Format: B1 (70 x 100 cm) Oplag: 300 Plakater Papir: Tarantella Smart-paper 180 gram Mat ubestrøget Trykmetode: Digital tryk Farveprofil: PSO Uncoated ISO Bleed: 3 mm Kvalitetsvurdering Jeg er generalt godt tilfreds med det endelige resultat, og vores marketing koordinator var også positivt overrasket. Det har været spændende at lave en plakat i et relativt stort format. Jeg havde ikke før produceret noget til mat ubestrøget papir, så jeg måtte ind på ECI s hjemmeside og finde den rigtige profil til formålet. Farverne står meget skarpt på den fysiske plakat, mere end jeg havde regnet med. Photoshop til design. InDesign til opsætning. Acrobat XI pro til preflight. 11 GRAFISK PRODUKTION OG WORKFLOW Cover art - Radio klassisk logo - Actions/Script

13 Arbejdsproces Planlægning Design i photoshop Billedopløsning Design i InDesign Jeg holder et møde med vores marketing koordinator om hvordan hun forestiller sig at plakaten skal udforme sig. Billederne som skal bruges er fastlagt på forhånd, men hvordan det skulle smeltes sammen skulle jeg løse. Jeg opretter et nyt photoshop dokument i RGB. Størrelse 700 mm x 1000 mm og 250 PPI. Det er først når jeg har det færdige design at jeg flatner og konverterer til CMYK. Plakaten skal have en minimum opløsning på 225 PPI, men jeg laver plakaten i 250 PPI da det også er den opløsning de billeder jeg har modtaget er i, og jeg ser heller ingen grund til at komprimere billederne hvis ikke det er nødvendigt. Jeg sætter plakaten op i InDesign, først her tilføjer jeg Discover Channel logoet, da det er en vector fil, og den ville jeg ikke ødelægge når jeg gemte fra photoshop til TIFF. Efter jeg har lavet et par udkast beslutter vi os for et design som først skulle rettes lidt til. Derefter gemmes mit design som et TIFF billede og sættes op i Indesign. Jeg eksporterer plakaten til PDF og køre preflight for en sikkerheds skyld, og sender filen til Vester Kopi. Proof Colors Jeg indstiller proof setup til CMYK, og viser via proof colors hvordan billedet ser ud i CMYK farverum. Materiale og brief modtages Inspirationssøgning Convertering til CMYK farveprofil Design af plakat i Photoshop Udkast fremvises og stil fastsættes Færdigt design gemmes som TIFF Plakaten sættes op i InDesign PDF opsætning og eksport Preflight køres i Acrobat Sendes til tryk 12 GRAFISK PRODUKTION OG WORKFLOW Cover art - Radio klassisk logo - Actions/Script

14 Prepress Version af PDF Jeg har brugt PDF/X-1a Denne version flatner selv dokumentet. Crop marks og bleed Jeg har sat skæremærker på og krydset af at jeg gerne vil bruge dokumentets bleed indstillinger. Den blå ramme skal gå til kant, og derfor har jeg 3 mm bleed. Resultat af PDF indstillinger En trykklar PDF, med PSO Uncoated ISO (ECI)farveprofil, 250 PPI opløsning, skæremærker og 3 mm bleed. Compression Da det er digitaltryk skal jeg ikke tage højde for LPI og Vester Kopi har bedt om at filen skal have minimum 225 PPI opløsning. Jeg laver filen i 250 PPI. Output Her definerer jeg at alt som ikke er PSO Uncoated ISO (ECI) skal konverteres. Det som i forvejen er samme profil, vil ikke blive konverteret igen. 13 GRAFISK PRODUKTION OG WORKFLOW Cover art - Radio klassisk logo - Actions/Script

15 Preflight Preflight profil Jeg har udarbejdet en ny preflight profil, speciallavet til Discovery Channel plakaten. Tjekliste: Version af pdf skal være acrobat 4.0 (PDF 1.3) Om der er billeder mindre end 225 PPI Om der er billeder højere end 400 PPI Om der er billeder i RGB PDF dokumentet skal have en farveprofil Analyse Når jeg analyserer mit PDF dokument med den nye profil, kan jeg se at den ikke har fundet nogen fejl. Hvis der var fejl, ville det blive makeret med et af de advarselstegn man har mulighed for at vælge mellem. Det er altid en god idé at lave en preflight, inden man sender til tryk, især hvis det er et større oplag, så har man selv gjort hvad man kan, for at være sikker på at tryksagen er i orden. 14 GRAFISK PRODUKTION OG WORKFLOW Cover art - Radio klassisk logo - Actions/Script

16 Tekniske detaljer Færdigt produkt Farveprofil PSO Uncoated ISO (ECI) CMYK farveprofil lavet til ubestrøget, mat papir. Trykmetode Da antallet der skulle trykkes var relativt lavt blev plakaten sendt til digitaltryk. Havde det været et stort oplag, så kunne det betale sig at benytte offset tryk eller puljetryk. Digitaltryk: Egner sig bedst til små oplag, typisk under 1000 stk. og så er der somregel mindre leveringstid, da der ikke skal laves trykplader. Offsettryk: Egner sig bedst til større oplag. Her kan det først betale sig hvis oplaget er større end 1000 stk. da produktion af trykplader er bekosteligt og tidskrævende. Opstartsfasen er dyr, men til gengæld er stk. prisen meget lavere end ved digitaltryk. Offset er typisk en meget flottere tryksag. Puljetryk: Hvis man benytter puljetryk så deler man omkostningerne, men man får samme høje kvalitet som en traditionel offsettryksag. Ulempen er at man ikke selv kan vælge papir eller specialfarver, og typisk længere produktionstid. Papir Tarentella smart-paper mat er et lyst hvidt mat papir. Den ultra-hvide matte flade giver en høj blækmæthed og gør det muligt at gengive levende mættede farver og tætte sorte farvetoner. Bleed Da plakaten skal gå helt til kant, er designet lavet med 3 mm bleed, så man undgår hvide kanter ved dårlig beskæring. 15 GRAFISK PRODUKTION OG WORKFLOW Cover art - Radio klassisk logo - Actions/Script

17 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

18 Cover art Opgavebeskrivelse Opgaven gik ud på at designe et pladecover til en upcoming kunstner ved navn Dr. illuiminum. Pladecoveret skal både kunne bruges digitalt og trykt på pladecovers samt LP emballage. Designet skulle være inspireret af metal genren, men uden at være for provokerende. Jeg har arbejdet selvstændigt med design af coveret ud fra det materiale jeg modtog. Det rå materiale modtaget fra kunden Idé Jeg modtog billedmaterialet, som bestod af et billede af kunstneren, og to forskellige billeder af månen. Min første indskydelse var at lave blod på kniven, og manipulere billedet, så det forestillede at han havde skåret i huden, der hvor der var tegnet. Men det faldt ikke i god jord hos kunstneren, og han fortalte at han var mere fasineret af metal looket, og ønskede noget med Dark Angels eller mørke engle. Min idé blev så at gøre ham til en af de her mørke engle, og så bruge en stor dramatisk måne i baggrunden, med et rødligt skær. Pladecoveret er designet i photoshop. 17 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

19 Færdigt produkt Bagcover Frontcover 18 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

20 Farve - Lys - Skygge 1. Levels Originalbilledet har et voldsomt grønt/gult farvestik. Jeg benytter derfor levels til at gøre lys og skygge mere neutralt. Mellemtonen er også justeret, men gav ikke så stort udfald. Original Selective color For at få en mere naturlig hudfarve har jeg ved brug af selective color skruet ned for den gule farve og tilføjet ekstra maganta til den røde farve. 3. Highlights Det sidste touch jeg har valgt at gøre ved billedet er at tilføje lidt blå i highlights. 19 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

21 Fritlægning Layers 1. Pen tool Jeg starter min fritlægning ved at benytte Pen tool/ penneværktøjet. Her har jeg mulighed for at være meget nøjagtig, og lave en detaljeret optegning. Efter jeg har lavet min optegning, skjuler jeg det umarkerede ved at lave en maske. Original 1 2 færdig fritlægning 2. Hår: Refine mask I min maske bruger jeg refine mask, til at få flere detaljer frem i kanterne. Det er en udfordring da der både er mørk baggrund og mørkt hår. 3. Hår: Brush Jeg bruger en brush til at tegne resten af detaljerne frem i håret GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

22 Retouch Layers Spot healing tool/clone stamp Her fjernes urenheder, pigmentfejl og uønsket hår. 2. Blødgøring af hud Her har jeg brugt airbrush metoden.en metode til at gøre huden mere glat, men stadigvæk beholde så mange detaljer som man ønsker. 3. Farve og kontrast Med en klassisk s-kurve kurve har jeg brugt curves til at tilføje ekstra kontrast. Med selective color har jeg rettet farverne, så huden bliver lysere. 4. Færdig retouch Jeg laver et par endelige farvekorrektioner og øger kontrasten ved at lave en kopi som jeg ændre til sort/hvid, og sætter til Screen i Blending mode og sætter det lag på 30% opacitet. Som afrunding laver jeg to lag øverst som jeg fylder med Noise/Støj. Det ene lag sættes på 5% Normal. Det andet på 20% og til Color dodge. 21 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

23 Baggrund 1. fritlægning Jeg ligger en horisontal og vertical hjælpestrej, og bruger ellipse markeringsværktøjet. Her er justeret meget lidt i refine mask for at gøre kanten mindre skarp, og få flere detaljer i kanten. 2. Jurstering af farve Jeg laver justeringslaget Color lookup og vælger Color negative. - skygge Jeg tegner en skygge med en blød brush. - Noise De samme to noise lag som brugt tidligere tilføjes også her. - Outer glow Der tilføjes outer glow som lag effekt på månen. 22 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

24 Sammenkopiering GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

25 Radio klassisk logo Opgavebeskrivelse New Radio ApS skulle i forbindelse med lancering af Radio Klassisk have et logo til kanalen. De ville gerne have så mange indput som overhovedet muligt, så de valgte at oprette en konkurrence på både 99designs.com og CrowdSpring. Jeg deltog på lige fod som alle andre og ud af mere end 600 deltagere, valgte de 15 logoer ud, heriblandt mit, som endte med at blive deres endelige logo. Idé New Radio ville gerne have et tekstbaseret logo, med et symbol. Jeg kiggede derfor de klassiske musik symboler igennem, og faldt for g-nøglen. Selvom det er en g-nøgle, fungerede det faktisk godt som erstatning for det sidste S i Klassisk. Symbolet gør bl.a. nemt at indsætte et pay-off under logoet. Brainstorm og research Jeg fik inspiration til mit design ved at kigge på andre klassiske radiostationer rundt i verden, bl.a. classicfm. com (britisk), som er super enkelt, hvilket Radio Klassisk s logo også skulle være.. Logoet er designet i Illustrator 24 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

26 Færdigt logo 25 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

27 Første udkast Her er alle de forskellige udkast jeg lavede. RADIO KLASSISK RADIO KLASSISK RADIO RADIO KLASSISK RADIO KLASSISK RADIO KLASSISK DANMARKS KLASSISKE RADIO RADIO RADIO KLASSISK RADIO KLASSISK RADI KLASSISK DANMARKS KLASSISKE RADIO RADIO KLASSI K Rk RADIO KLASSISK 26 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

28 Udførsel Font Jeg udvalgte fonten Goudy Old Style, som er en antikva. Tracking Jeg har på hvert bogstav ændret på afstanden for at skabe mere balance. Outline Teksten bliver outlinet. Symbol Symbolet er tegnet med pen tool, efter en skabelon. Det sidste S i klassisk slettes, og mellemrummet justeres så det ser naturligt ud når symbolet sættes ind. Versioner Logoer gemmes i versioner til alle formål. KLASSISK KLASSI K KLASSI K 27 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

29 Levering Hovedlogo Hovedlogo med payoff Greyscale Font GOUDY OLD STYLE Negativ Negativ greyscale Negativ sort/hvid Web ikoner 28 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

30 Flere radio klassisk opgaver Website Flyer 29 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

31 Actions og image processor script Opgavebeskrivelse Image processor På kanal5.dk og Kanal4.dk ligger vi ofte billedgallerier op, og disse billeder bliver leveret til mig i ukomprimeret størrelse. Billederne skal gøres klar til web, så de fylder færre kilobyte og der skal sættes logo på. Jeg går ind i image processoren, her vælger jeg den mappe som jeg har alle de billeder jeg gerne vil have komprimeret. Jeg vælger også at billedet skal igennem den action jeg har lavet. Kvaliteten sættes til 10, så bliver billedet ikke så tungt, men stadig fin kvalitet. Formål Formålet ved at gøre dette er at gøre load-tiden mindre, samt sikre at vores logo er på samtlige billeder, hvis nu nogen skulle stjæle og dele dem. Laves i photoshop. Forberedelse Først laver jeg et PNG billede som indeholder de logoer som skal på billedet, og billedstørrelsen sættes til det som jeg ved at mine billeder også skal være. I dette eksempel, som er på et højformats standardstørrelse billede, sætter vi en bredde på 1000 px, 72 PPI og gemmer billedet med transparent baggrund. Action Jeg laver en action som gør følgende: PPI px bredde Placerer logo Resultat Med denne metode kan jeg sætte logo og gøre billederne klar til vores hjemmesider på meget kort tid, sammelignet med hvis jeg skulle gøre det manuelt for hvert billede. Billerne som før fyldte flere megabyte, fylder nu kun kilobyte. 30 GRAFIK OG BILLEDBEHANDLING cover art - radio klassisk logo - actions/script

32 TYPOGRAFI OG OMBRYDNING skud på stammen 2014

33 Skud på stammen 2014 Opgavebeskrivelse Skud på Stammen handler om dansk og nordisk møbeldesign. Det er et 4 ugers forløb hvor de bedste designere, får deres værker fremstillet af elever fra Teknisk Skole. Som mediegrafiker er min rolle at designe en bog, som skal fungere som katalog for ferniseringen af møblerne på Trapholt i Kolding. Skud på stammen har hvert år et emne, i år var emnet Over stregen. Mine overvejelser Jeg ville gerne designe en enkel, indbydende og overskuelig bog, som skulle have fokus på møblerne. Det tænkte jeg at kunne opnå, ved at møblerne var farvebilleder, og alt andet i sort/hvid. Jeg har haft fokus på at lave et grid som tillader meget luft, for at opnå et mere æstetisk design. Materialer Teksten modtog jeg i en dansk og engelsk version og billeder som RGB og sort/hvid. Det vil sige at jeg skulle selv ind og konvertere til korrekt farveprofil m.m. Billeder er redigeret i photoshop Bogen er designet og opsat i InDesign 32 TYPOGRAFI OG OMBRYDNING skud på tammen 2014

34 Opsætning Format Størrelsen på bogen var forudbestemt til tværformat 230x297, men jeg skulle tage stilling til hvor brede mine margener skulle være, som skulle danne ramme for bogens design. 297 mm 22 mm Grid Ud fra mit valg af brødtekst, er jeg kommet frem til et ønsket grid. Jeg har 8 horisontale grid-bokse og 6 vertikale grid-bokse. 41/6 = = 6 grid-bokse mellem margener. 6 (linjer) * 6 (bokse) = (linjer) - 36 (linjer) = 5 linjer mellem bokse. Afsenden mellem grid-bokse målt til: mm. Baseline grid Denne er sat til brødtekstens skydning, og sat til at starte ved topmargen, som også flugter brødteksten x højde og slutter ved bundmargen. Master page Her har jeg brugt special character > markers > current page number til at lave pagina. 15 mm I år kunne to af landets mest ikoniske skikkelser inden for dansk møbeldesign, Hans Wegner og Børge Mogensen, have fejret deres 100 års fødselsdage. I den anledning bliver de hyldet landet over ved forskellige udstillinger. Skud på Stammen har meldt sig i koret. Vi ønsker at ære og hylde dem for deres banebrydende designs, for at have bragt gedigent møbelhåndværk ind i de helt almindelige danske hjem og for at inspirere generationer af møbelsnedkere og designere. Skud på Stammen har som projekt ét overordnet mål: At lade toneangivende danske designere i tæt samarbejde med kommende eller nyudlærte snedkere forny dansk møbeldesign og måske hvem ved skabe morgendagens møbelklassikere. Vi lader os inspirere af de største. Dansk møbeldesigns guldalders skikkelser er naturligvis en obligatorisk del af enhver møbelsnedkers lærepensum. I år tager vi udgangspunkt i Wegners og Mogensens tekniske og æstetiske landevindinger, men med ambitionen om at forny deres streger. Årets tema i Skud på Stammen hedder Over stregen, og det oplæg, designerne har fået, lyder: I hundredeåret for de to store møbeldesignere, Hans Wegner og Børge Mogensen, er det naturligt for os, der arbejder med nutidigt dansk design, at stille spørgsmålet: Er det i det hele taget muligt at byde de to herrer trods eller er dansk design forudbestemt af et designkoncept fastlagt af de store arkitekter og designere fra forrige århundrede? Rundt om i landet vil man kunne se udstillinger, der hædrer Wegners og Mogensens skaberværk, men kunne man ikke være lidt provokerende i deres år og stille spørgsmålet: Hvad nu, hvis vi er uartige og går over stregen i forsøget på at udfordre det, vi kender som dansk design? Årets opgave er at producere nyt dansk design under det samme regelsæt, som Wegner og Mogensens møbler skal være lette at producere, de Dansk møbeldesigns guldalders skikkelser er naturligvis en obligatorisk del af enhver møbelsnedkers lærepensum. I år tager vi udgangspunkt i Wegner 41 linjer 6 linjer 6 bokse 9,172 mm 5 mellemrum 15 mm 230 mm 23.5 mm A 3 mm bleed 33 TYPOGRAFI OG OMBRYDNING skud på tammen 2014

35 Typografier Jeg vidste på forhånd at jeg gerne ville bruge en antikva skrifttype til min brødtekst, for også at give et sammenspil mellem det klassiske møbeldesign og bogen. Overskrifterne skulle være en mere seriøs skrifttype, som også skulle stå i stor kontrast til brødteksten. Stempel Schneidler har jeg brugt til min brødtekst. Før jeg fandt frem til denne, testede jeg samtlige af de klassiske typografier brugt i bøger gennem tiden. Antikva skrifttype Elegant udtryk God kontrast til Helvetica Neue Brødtekst Stempel Schneidler Light 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 % & ( ),. :!? Helvetica Neue er valgt fordi jeg ville have en skrifttype som kunne skabe harmoni i designet, da den er meget ren sammenlignet med Stempel Schneidler. Grotesk skrifttype Seriøst udtryk Overskrift Helvetica Neue LT Ultra Light 25 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 % & ( ),. :!? Avenir har jeg brugt ved navne og kildehenvisninger. Grotesk skrifttype Moderne God til små skriftstørrelser Navn og kilde Avenir LT 95 Black / 85 Heavy / 35 Light 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 % & ( ),. :!? 34 TYPOGRAFI OG OMBRYDNING skud på tammen 2014

36 Justeringer Ordmellemrum justering For at finde et passende ordmellemrum til den valgte font har jeg lavet lille i test og lavet jurstering derefter. Sprog Jeg har sat sprog til dansk. Orddeling justering For at få et kønnere skriftbillede indstiller jeg Hyphenation. Jeg skal finde korrekt ordmellemrum Jegiskalifindeikorrektiordmellemrum Paragraph styles Jeg har lavet paragraph styles for nemt at vælge font til de forskellige tekstudsnit. Paragraph Rules EBBE GEHL Med paragraph rules har jeg lavet en hvid baggrund på 10 mm. Den går hen og dækker over den grå streg, så det ligner at stregen stopper 10 mm fra designer navnet, selvom den faktisk går ind bag. OVAL-Desk Register Selv om jeg som dreng rent faktisk lå på gulvet Jeg har sørget for at billeder inde i teksten holder register med x-højden. under Børge Mogensens tegnebord og lejede fut tog med hans drenge Peter og Thomas, og selv om der skulle være drysset noget stjernestøv ned, er For at forstærke oplevelsen af ovalerne og som farve- og materialekontrast til egetræet, har jeg benyttet et kompositmateriale af akryl og aluminium: corian. SKUD PÅ STAMMEN er et frirum, hvor idé, design, snedkerhåndværk og det ikke der, jeg kan tage mit afsæt. frem for alt engagement og skaberglæde kan smelte sammen, udtrykt i et unikt produkt. Samfundet, industrien, produktionsmetoder, næsten alle faktorer er helt ændret siden 50erne. Så jeg vil glemme alt om den tids vilkår og strømninger og gribe årets tema og udfordring på min egen måde. 35 JONAS LYNDBY JENSEN FOTOGRAF: CHARLOTTE EA JOERGENSEN Jeg har valgt at udforme et lille arbejdsbord komponeret over motivet fire ovaler. Det skulpturelle udtryk og samspillet mellem ovalerne er det bærende I kompositionen. Ønsket har alene været at skabe et lille utraditionelt arbejdsbord, men samtidig et skulpturelt møbel med ovalen som det bærende motiv. TYPOGRAFI OG OMBRYDNING skud på tammen 2014