Kim Pedersen og Pernille Hansen: Design til skærmen, s og 34-38, Forlaget Grafisk Litteratur, 1997.

Størrelse: px
Starte visningen fra side:

Download "Kim Pedersen og Pernille Hansen: Design til skærmen, s. 13-14 og 34-38, Forlaget Grafisk Litteratur, 1997."

Transkript

1 Design til skærmen Af Kim Pedersen og Pernille Hansen Medieudformning Første skridt i medieudformningen er udarbejdelse af et flowchart. I modsætning til fx en trykt brochure, har brugeren i en skærmbaseret produktion ofte flere muligheder end bare at bladre frem eller tilbage. Overblik og struktur For at få overblik over de muligheder, som brugeren skal have, laves flowchartet. En kompliceret struktur kan sagtens være enkel at bevæge sig rundt i! Det kommer an på, hvordan grænsefladen er designet. En del produktioner starter med en forside eller en indholdsfortegnelse - som i trykte medier. I en skærmbaseret produktion skal du overveje alle muligheder for at komme fra et sted til et andet. Tip: Giv ikke brugeren nærmest anarkistiske muligheder for at navigere rundt, hvis du har et mål med, hvad brugeren skal opleve! (Er der fx mulighed for hyperlinks skal du overveje, om det er relevant). Jo flere muligheder brugeren har for at navigere i en produktion des højere navigeringsniveau, se s. 77. Her kan du se et eksempel på en lineær og en ikke-lineær opbygning af en produktion. Tjekliste: Hvor højt skal navigeringsniveauet være? Følger strukturen en logisk tankegang, der er baseret på brugerens verden og ikke din egen (fx firmaet, der ved alt om sig selv, og brugeren der ingenting ved)? Lineært forløb med få eller ingen navigationsmuligheder. Non-lineært forløb hvor brugeren har mulighed for at navigere på egen hånd. Forholdsvis enkel produktion, der sandsynligvis også vil blive enkel og overskuelig for brugeren. En kompliceret produktion. Hvis en produktion er meget kompliceret kan flowchartet evt. deles op i flere dele. UNI C Side 1 af 7

2 Storybord Et storyboard har til hensigt at give overblik over den enkelte skærmsituation. Et storyboard kan bestå kun af tekst, eller du kan tilføje nogle små skitser. Pas på med at lægge dig for fast på beslutninger om fx knapper. Hvis brugeren på et skærmbillede skal have mulighed for at gå til en hovedmenu, er der mange forskellige måder, det kan gøres på. Fokusér på mulighederne, og beslut så senere, om det skal være fx en knap! Her kan du se to måder at lave et storyboard på. Lineære forløb kan vises med denne type storyboard. Skitserne tjener kun til information om, hvilke elementer, der skal være på skærmbilledet ikke hvordan de konkret skal se ud. Det kommer senere! Et storyboard bestående af skitser med kommentarer kan være fomålstjenstligt ved mindre og enkle produktioner. En kombination af de to typer storyboards kan ofte være en fordel. UNI C Side 2 af 7

3 Læsetypografi Lad os slå det fast med det samme: Skærmen er ikke egnet til typografi! Det er derfor dine typografiske valg, der bør vaere velegnede til skærmens grove opløsning og stærke lysafgivning. De fire valg, du må træffe, er: Skrifttype Skriftstørrelse Linielængde Linieafstand Ofte kan du løse et læseligheds-problern ved at gøre skriften større. Har du ikke den mulighed fx pga. pladshensyn, eller variabler som fx brugerdefineret skriftvalg, bør du tage nedenstående forholdsregler: Skrifttype Valget af skrift er nok det første - og vigtigste. Lige som man i hundreder af år har udviklet skrifter til det trykte medie, begynder der nu at komme flere og flere skrifter til brug på skærmen. Den optimale løsning er selvfølgelig at bruge en af disse - eller en af systemskrifterne (omtalt på s. 28.). På modsatte side kan du se nogle forslag til læselige skrifttyper og nogle hensigtsmæssige størrelser. Når du vælger skrifttype bør du tænke på din målgruppe: Er de vant til at læse på en skærrn? Er det ældre eller yngre mennesker, som læser dårligt? Er de tvunget til at læse teksten (fx undervisning), eller vil de gøre det af lyst (fx reklame)? Hviken computer bruger de? Undgå kraftig eller fed skrift i store mængder, da kraftige snit ofte har små inderforrner, som lukker til på skærmen. Det er i forvejen svært at læse fed skrift i store mængder. Undgå også kursiv skrift, fordi skærmens opløsning er delt op i lodrette og vandrette felter, som ikke egner sig til at gengive skrå bogstavformer i mindre størrelser. I forvejen er det svært at læse kursiv i store mængder. Undgå desuden store tekstmængder sat i majuskler eller kapitæler, fordi de store bogstaver er sværere at læse end de små. Det er bl.a. fordi de store bogstaver er lige høje hvorimod de små bogstaver har over- og underlængder, og derfor giver forskellige ordbilleder. Vær opmærksom på at skrifter med mange detaljer eller tynde hårstreger ofte bliver helt ulæselige på den grove skærm - undgå derfor sådanne skrifttyper til læsetekst. UNI C Side 3 af 7

4 Eksempler på læsetypografi med tilgængelige system-skrifter. Enkelte af skrifterne her fås ikke med systemet, men kan downloades gratis fra Microsofts web-site. UNI C Side 4 af 7

5 Skriftstørrelsen Der er ikke én skriftstørrelse, der er bedre end andre! Det afhænger af skriftens karaktér og proportioner. Her kan du se, hvor stor betydning skriftens bredde og x-højde har. Skriftens bredde Hvis skriften er smal vil inderformerne også være smalle og derfor sandsynligvis lukke til. En forholdsvis bred skrift vil have mere åbne inderformer og vil, foruden at være mere læselig, også synes større. x-højden Når du vælger skriftstørrelse i et program, er den som regel defineret i Pica-points (punkt). Denne målestok er midlertid udviklet til trykte typer og ikke til skærm-typografi. Derfor kan du komme ud for, at selvom du skifter skriftstørrelse fra 8 til 9 pkt. vil skriften stadig være lige høj på skærmen (fx 4 pixels x-højde).vær opmærksom på, i hvilken størrelse skriften fungerer bedst. Antialiasering Som tidligere nævnt, kan antialiasering i små skriftstørrelser forværre læseligheden. Derfor bør du ikke ukritisk anvende antialiasering i små størrelser. Problemerne opstår når skriftens grundstreger kun er én pixel brede. Tip: Nogle skriftleverandører leverer nu skrifter med forbedrede skærmfonte! (Bl.a. Monotype) UNI C Side 5 af 7

6 Sådan læser vi Undersøgelser har vist, at for lange linier nedsætter læseligheden. I en lang linie bliver det besværligt for øjet, at følge bogstaverne hele vejen hen til enden af linien, for derefter at finde tilbage og ned i næste linie. Sådan fikserer øjet i en tekstlinie Linielængden Jo længere linier jo sværere er teksten at læse. Derfor er det ofte en fordel, enten at dele teksten op i fx to spalter eller undlade absolut at bruge den fulde skærmbredde. En tommelfingerregel siger, at der højst må være ca. 45 bogstaver, tegn og ordmellemrum i en linie - på skærmen. Herunder kan du studere nogle forskellige linielængder. Linieafstanden Liniernes afstand bør være tilpasset liniernes længde og skriftens størrelse. Jo længere linier jo større linieafstand. Generelt bør linieafstanden være mindst 3pt. større end skriftstørrelsen. UNI C Side 6 af 7

7 Afsnit Tekst i store mængder virker uoverskuelig. Første trin i udlugningen sker i redigeringsfasen - stil bl.a. dig selv disse spørgsmål: Er denne information egentlig relevant for modtageren? (Eller er den bare med fordi den engang blev skrevet?) Kan teksten skrives om eller opdeles i flere historier, så den bliver lettere at gå til? En tekst kan fx opdeles i flere skærmbilleder eller du kan anvende de såkaldte scroll-bars se side 29 Ved en større opdeling af afsnit bør du anvende en Mellemrubrik Luften over en mellemrubrik bør være større end luften under - det, der står tættest sammen hører sammen! Mellem de større afsnit, som markeres af mellemrubrikkerne, kan du anvende en blank linie. Den blanke linie markerer, at nu starter et nyt afsnit, som dog ikke adskiller sig så meget fra det forrige. Hvis teksten indeholder mange afsnit anvendes indrykninger, for at teksten ikke skal blive hakket helt i stykker, og fylde alt for meget. Dette er et eksempel på en indrykning af et nyt afsnit i en let tilgængelig tekst. Tekst og farver Det væsentligste kriterium for at kunne læse en tekst er, at man kan skelne bogstaverne fra baggrunden. Både tekst og baggrund har til tider farver, så vi ikke dør af kedsomhed, men budskabet bør også overleve! UNI C Side 7 af 7

Typografi og læselighed

Typografi og læselighed TYPOGRAFI OG LÆSELIGHED OM 08.01.03 Side 1 Typografi og læselighed Hvis meningen med dine ord er, at de skal læses, er du nødt til at overveje tekstens læselighed. Desktop publishing har gjort typografien

Læs mere

Hvad bør du vide om layout og typografi

Hvad bør du vide om layout og typografi Hvad bør du vide om layout og typografi Når man vil lave en tekst, som andre skal læse, er det vigtigt at vælge en skrifttype, der er motiverende og inspirerende at læse for målgruppen. Derfor bør man

Læs mere

KOMMUNIKATION/ IT C. Titel: Grafisk design Navn: Mark B, Thomas L og Maria S Klasse: 1.4g Dato: 8/12 2006 Sidetal:

KOMMUNIKATION/ IT C. Titel: Grafisk design Navn: Mark B, Thomas L og Maria S Klasse: 1.4g Dato: 8/12 2006 Sidetal: Titel: Grafisk design Navn: Mark B, Thomas L og Maria S Klasse: 1.4g Dato: 8/12 2006 Sidetal: 1 Indholdsfortegnelse: Farvelære s. 2 - farvens fysik s. 2 Øjet s. 2 - farvesyn s. 3 - nethinden s. 3 - efterbilleder

Læs mere

Skærmlayout på websiden

Skærmlayout på websiden Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis

Læs mere

typografi & ombrydning Brochure til SkiGroup

typografi & ombrydning Brochure til SkiGroup typografi & ombrydning Brochure til SkiGroup Dokumentation Opgaven Der skulle laves en brochure til SkiGroup, som de kunne bruge internt til deres medarbejdere. Brochuren har til formål at informere nuværende

Læs mere

Indledning. Farvelære

Indledning. Farvelære Kasper Angelo, Klasse 1.3, HTX Roskilde 13/12 2007 Indledning Jeg vil fortælle og vise lidt om de forskellige begreber der følger med Grafisk design. Som medieprodukt har jeg valgt min hjemmeside. Jeg

Læs mere

Welcome to Adobe GoLive 4

Welcome to Adobe GoLive 4 http://www.daimi.au.dk/~kla/ [29-03-2000 00:19:16] http://www.daimi.au.dk/~kla/keldsite/over.html [29-03-2000 00:19:30] http://www.daimi.au.dk/~kla/keldsite/person.html [29-03-2000 00:19:47] http://www.daimi.au.dk/~kla/keldsite/1949.html

Læs mere

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION I vejledningen bruger vi det gratis program Writer fra OpenOffice som eksempel til at vise, hvordan man bruger nogle helt grundlæggende funktioner i tekstbehandling.

Læs mere

TYPOGRAFI & OMBRYDNING

TYPOGRAFI & OMBRYDNING TYPOGRAFI & OMBRYDNING Forside SE HELE BOGEN HER Udvalgte sider Bagside Færdige produkt Opgaven At lave en bog indeholdende 2-4 forskellige stilperioder. Bogen skulle indeholde indledende sider: Smudstitelside,

Læs mere

Excel-1: kom godt i gang!!

Excel-1: kom godt i gang!! Excel-1: kom godt i gang!! Microsoft Excel er et såkaldt regneark, som selvfølgelig bliver brugt mest til noget med tal men man kan også arbejde med tekst i programmet. Excel minder på mange områder om

Læs mere

Y s MEN INTERNATIONAL. Region Danmark. Y s MEN International. Region Danmark. Designguide. Side 0

Y s MEN INTERNATIONAL. Region Danmark. Y s MEN International. Region Danmark. Designguide. Side 0 Y s MEN International Designguide Side 0 Visuel identitet til Y s Men International Y s Men International s visuelle identitet udtrykker kammeratskab, ansvar, fællesskab, sjov og udfordringer. Forsidebilledet

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

Læs mere

Grafisk Design En rapport af Jonas, Lenni, Andreas og Sebastian 1.2

Grafisk Design En rapport af Jonas, Lenni, Andreas og Sebastian 1.2 Grafisk Design En rapport af Jonas, Lenni, Andreas og Sebastian 1.2 Indholdsfortegnelse: Side 3-4 Typografi Af Sebastian Andersen Sebastian A, Andreas H, Lenni M, Jonas H Grafisk design - 1 - Side 5-6

Læs mere

TYPOGRAFI OG OMBRYDNING

TYPOGRAFI OG OMBRYDNING TYPOGRAFI OG OMBRYDNING Opgaven var her at udarbejde en brochure for virksomheden Fynbo Glas A/S. Det er en engros virksomhed, der sælger glas til byggebranchen. Brochuren skulle bruges som en informationsbrochure,

Læs mere

Af Theis Hansen og Morten Hedetoft, 1.3

Af Theis Hansen og Morten Hedetoft, 1.3 Af Theis Hansen og Morten Hedetoft, 1.3 Typografier: Typografier er er punkt inden for design, som omfatter skrifttyper, linjeafstand/opsætning og linjeafstand altså en hel masse inden for skrift eller

Læs mere

Word-5: Tabeller (2007)

Word-5: Tabeller (2007) Word-5: Tabeller (2007) Tabel-funktionen i Word laver en slags skemaer. Word er jo et amerikansk program og på deres sprog hedder skema: table. Det er nok sådan udtrykket er opstået, da programmet blev

Læs mere

Grafisk Design rapport Kom/IT

Grafisk Design rapport Kom/IT Grafisk Design rapport Kom/IT Filip Olsen & Frederik Bøgh Indholdsfortegnelse Teoriafsnit Form og farver... 1 Grundfarver... 1 Komposition og layout... 2 Praktisk Folder til teknologiprojektet Bæredygtig

Læs mere

Typografi & ombrydning

Typografi & ombrydning Typografi & ombrydning Ombrydning af bog med titlen low FODMAP diet, som omhandler en ny diæt. Bogen indeholder vejledninger, opskrifter samt kostplaner til diæten. Udfordringen er at få opsat bogen, så

Læs mere

Typografi og layout i Word 2010

Typografi og layout i Word 2010 Ret&Rigtigt F12 Niels Erik Wille Typografi og layout i Word 2010 Papirformat og papirets orientering (højformat / bredformat) Vælges i menuen Sidelayout: Man kan vælge Retning (højformat / bredformat)

Læs mere

TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign

TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign 1 TYPOGRAFI Kunde / Liberté Opgave / 44 sidet Magasin (Fiktiv) Farve / CMYK (RGB Workflow) Programmer / Photoshop, Indesign Opgavebeskrivelse Magasin til mænd som udgives af herretøjsbutikken Liberté.

Læs mere

10 gode råd når du skriver til dine kunder

10 gode råd når du skriver til dine kunder 10 gode råd når du skriver til dine kunder 1. Skriv på modtagerens betingelser Prøv altid at tage udgangspunkt i modtagerens behov. Læg vægt på de fordele og det udbytte som kunden vil opleve. Inden du

Læs mere

Typografi og ombrydning

Typografi og ombrydning Typografi og ombrydning Dugaard Cattle I dette kernefagområde har jeg udarbejdet et layout til en kogebog for Daugaard Cattle. Daugaard Cattle ville gerne have lavet et layout/udkast til en kogebog, som

Læs mere

Word-5: Tabeller og hængende indrykning

Word-5: Tabeller og hængende indrykning Word-5: Tabeller og hængende indrykning Tabel-funktionen i Word laver en slags skemaer. Word er jo et amerikansk program og på deres sprog hedder skema: table. Det er nok sådan udtrykket er opstået, da

Læs mere

Y s MEN International. Designguide. Region Danmark. Side 0

Y s MEN International. Designguide. Region Danmark. Side 0 Y s MEN International Designguide Side 0 Visuel identitet til Y s Men International Y s Men International s visuelle identitet udtrykker kammeratskab, ansvar, fællesskab, sjov og udfordringer. Forsidebilledet

Læs mere

Appendiks til Grafisk design side 159

Appendiks til Grafisk design side 159 Appendiks til Grafisk design side 159 Appendiks 159/2 Negativ antikva Grotesk er bedre til negativ gengivelse end antikva, men i brochuren på side 159 i bogen er Berling anvendt. Berling anvendes til alle

Læs mere

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding 3. Semester Mul-A PROJEKT 3 Louise Marie Bonke harlotte Bruhn Stine Dorry Meulengracht Madsen http://cbruhn.dk/cfunding Projekt 3 Indholsfortegnelse Idéudvikling Indledning Målgruppeanalyse Moodboard Funktionalitet

Læs mere

Forslag til opgavestruktur, typografi og layout

Forslag til opgavestruktur, typografi og layout Forslag til opgavestruktur, typografi og layout Af Maj Wedderkopp, december 2009 Opgavestrukturen er opgavens skelet, der allerede i indholdsfortegnelsen giver et overblik over opgaveelementerne. Sammen

Læs mere

Appendiks til Grafisk design side 474

Appendiks til Grafisk design side 474 Appendiks til Grafisk design side 474 Appendiks 474/2 Der er forskel Her er forskellen»fi«og»fi«. Første er en ligatur f og i er designet som ét tegn. Det andet er blot bogstaverne f og i. Det første er

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Lille hjælp til opsætning af side på computer i tekstbehandlingsprogrammet Word ( Microsoft )

Lille hjælp til opsætning af side på computer i tekstbehandlingsprogrammet Word ( Microsoft ) Lille hjælp til opsætning af side på computer i tekstbehandlingsprogrammet Word ( Microsoft ) Disse sider er tænkt som hjælp til at opsætte en side til brug ved stilaflevering og andre opgaveafleveringer.

Læs mere

Typograf i & Ombrydning

Typograf i & Ombrydning Typograf i & Ombrydning Brochure til Take5 (Ny opstartet virksomhed) Typograf i & Ombrydning/Dokumentation Opgave Jeg har før lavet en brochure til Take5, men de besluttede sig lige pludselig for at de

Læs mere

fontvalg Store og små bogstaver og tal fra Baron Neue Store og små bogstaver, tal og ligaturer fra Corbel

fontvalg Store og små bogstaver og tal fra Baron Neue Store og små bogstaver, tal og ligaturer fra Corbel typografi I kernefagligheden typografi har jeg valgt at lave et magasin. Magasinet omhandler Aarhus Festuge og indeholder artikler og billedemateriale jeg har fået fra Aarhus Festuge. Til dette har jeg

Læs mere

Typografi bogstavregulering

Typografi bogstavregulering Når jeg i dag betragter den typografiske kvalitet i tryksager, er det tydeligt at det ikke er alle, der beskæftiger sig med fremstilling af grafisk kommunikation, der er opmærksomme på eller har blik for,

Læs mere

I denne manual kan du finde en hurtig introduktion til hvordan du:

I denne manual kan du finde en hurtig introduktion til hvordan du: VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter

Læs mere

Lectio-brugerkursus. Du skal løse nedenstående opgaver: Er der spørgsmål til opgaverne, er der en datavejleder tilstede til at give dig vejledning.

Lectio-brugerkursus. Du skal løse nedenstående opgaver: Er der spørgsmål til opgaverne, er der en datavejleder tilstede til at give dig vejledning. Lectio-brugerkursus 2010 Denne kursusdel skal give dig mulighed for selv at kunne finde: dine beskeder - dit gældende skema - dine skemaændringer - dine kammeraters skema - dine læreres skema - dit fravær

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Grafisk Design. Komposition. Skrifttyper og Typografier

Grafisk Design. Komposition. Skrifttyper og Typografier Komposition Komposition betyder: [Kom]=sammen og [ponere]=stille, sætte Det handler om at skabe orden og helhed i mediet. Det der skal formidles videre det skal fungere sådan at modtageren hurtig kan skabe

Læs mere

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET 02 Indledning. Dette oplæg indeholder oversigt over farvevalg og -symbolik Fleggaard Leasing samt relaterede forretningsområder, herunder Fleggaard

Læs mere

6 tips. der sikrer dig optimalt resultat

6 tips. der sikrer dig optimalt resultat 6 6 tips der sikrer dig optimalt resultat Nemt og enkelt, gennem kundetilpassede produkter styrker Print2People virksomheder i at give håndgribelige indtryk. Bestil markedsføringsmateriale online www.print2people.dk

Læs mere

Redigering i Windows Movie Maker

Redigering i Windows Movie Maker Redigering i Windows Movie Maker Fotografen har oprettet en mappe på skrivebordet som hedder ledelses udvikling. I den nyoprettede mappe har han placeret den videofil som du skal arbejde med. Nu skal du

Læs mere

Kgla. Funktionelle overvejelser: Typografi Grundforløbsprojekt. 1. Versalhøjden 2. Overhøjden 3. X-højden 4. Underlængden 5. Grundlinien.

Kgla. Funktionelle overvejelser: Typografi Grundforløbsprojekt. 1. Versalhøjden 2. Overhøjden 3. X-højden 4. Underlængden 5. Grundlinien. Typografi InDesign Funktionelle overvejelser: Jeg har valgt typografien Minion pro, en gammel antikva, til mit design, dels på grund af læsbarheden, men også for at ramme min målgruppe. Cerifferne i fonten

Læs mere

Vejledning til Photofiltre nr.160 Side 1 Sammensætte et julekort hvor clipart der er lavet transparent skal bruges

Vejledning til Photofiltre nr.160 Side 1 Sammensætte et julekort hvor clipart der er lavet transparent skal bruges Side 1 Det færdige julekort skal placeres på en A4 side i Libre Draw. For at finde ud af hvor stort fotoet skal være åbnes en ny side i Draw. Der skal nu laves et par hjælpelinjer. Højreklik på den tomme

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

Læs mere

Komm/it eksamensprojekt. RAPPORT. Christoffer, Frederik, Mathias og Martin.

Komm/it eksamensprojekt. RAPPORT. Christoffer, Frederik, Mathias og Martin. Komm/it eksamensprojekt. RAPPORT Christoffer, Frederik, Mathias og Martin. 1 Indledning. Vi har valgt at lave reklame for turistlivet på Lolland, fordi at vi ikke har så mange turister hernede, som vi

Læs mere

!!!!! af Brian Kristensen! http://akrylkunst.dk. Tegne et ansigt

!!!!! af Brian Kristensen! http://akrylkunst.dk. Tegne et ansigt af Brian Kristensen http://akrylkunst.dk side 1 af 6 Denne quick guide viser i korte steps hvordan man tegner de rigtige proportioner i et ansigt. For at have et fundament når du tegner et ansigt er det

Læs mere

Vejledning i redigering af apotekets hjemmeside

Vejledning i redigering af apotekets hjemmeside i redigering af apotekets hjemmeside It-afdelingen Januar 2007 INDHOLDSFORTEGNELSE FEJL! BOGMÆRKE ER IKKE DEFINERET. 1 INTRODUKTION 3 2 ADMINISTRATION 4 3 OPBYGNING 4 SIDER 5 FIL ARKIV 6 ARTIKLER 7 ØVRIGE

Læs mere

Poster design. Meningen med en poster

Poster design. Meningen med en poster Poster design At præsentere et naturvidenskabelig emne er ikke altid lige nemt. Derfor bruges ofte plakater, såkaldte posters, til at fremvise forskning på fx messer eller konferencer. Her kan du finde

Læs mere

PRIMÆRE LOGOTYPE SEKUNDÆRE LOGOTYPE

PRIMÆRE LOGOTYPE SEKUNDÆRE LOGOTYPE GRAFISK DESIGN OPGAVEN Jeg har valgt at designe et grafisk element til mit digitale produkt. Jeg var heldig at få til opgave af Colornails, at designe Deres hjemmeside til dem. Colornails er et nyt og

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

Læs mere

Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning

Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Opdateret 20. 09. 2012 Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Velkommen På de følgende sider finder du KORAs designprogram. Med det ved hånden er du i stand

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Dansk. 1. Er sproget Dansk i Open Office og er der dansk stavekontrol?

Dansk. 1. Er sproget Dansk i Open Office og er der dansk stavekontrol? NEED TO KNOW Nedenstående er et bud på nogle af de funktioner man kan have glæde af i Open Office når man skriver opgaver til skolen. - Nedenstående er alene en anvisning på nogle af de punkter der står

Læs mere

Projekt - Valgfrit Tema

Projekt - Valgfrit Tema Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde

Læs mere

Skrifttype og størrelse

Skrifttype og størrelse Tekstbehandling med Microsoft Word 2007 GRUNDLÆGGENDE INTRO (PC) Når du starter Word 2007, så ser du normal-skabelonen og kan straks begynde at skrive tekst. Normal-skabelonen indeholder bl.a. indstillinger

Læs mere

SIGIL Sådan opretter du en e- bog Step by Step

SIGIL Sådan opretter du en e- bog Step by Step SIGIL Sådan opretter du en e- bog Step by Step Af Gitte Winter Graugaard Nov. 2013, Sigil version 0.7.2 1 Her følger en intro skridt for skridt til at oprette en e- bog i SIGIL og publicere den på SAXO

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

Typografi og Ombrydning. Kursustilbud på Aarhus Universitetshospital

Typografi og Ombrydning. Kursustilbud på Aarhus Universitetshospital Typografi og Ombrydning Kursustilbud på Aarhus Universitetshospital Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at lave kursuskataloget for 2015. Dette blad kommer ud hvert år, men denne

Læs mere

Version 1.2: 23/8-2015. Vejledning. Rapportskabelon til Word 2010/2013

Version 1.2: 23/8-2015. Vejledning. Rapportskabelon til Word 2010/2013 Version 1.2: 23/8-2015 Vejledning Rapportskabelon til Word 2010/2013 Indholdsfortegnelse Indledning... 3 Installation af rapportskabelon... 3 Opret et nyt dokument til din rapport... 4 MIM Menu...... 5

Læs mere

Grafisk design. Emil Valentin Djernæs, Lars Rasmussen og Per Kjeld Jensen. Emil, Lars og Per Grafisk design 8. december 2008

Grafisk design. Emil Valentin Djernæs, Lars Rasmussen og Per Kjeld Jensen. Emil, Lars og Per Grafisk design 8. december 2008 Grafisk design Emil Valentin Djernæs, Lars Rasmussen og Per Kjeld Jensen Denne rapport indeholder 2 dele: En teoretisk del og en praktisk del. I den teoretiske del vil vi gennemgå noget teori omkring grafisk

Læs mere

Grafisk design: Ny identitet til LiveCV

Grafisk design: Ny identitet til LiveCV Grafisk design _ 22 / 42 Grafisk design: Ny identitet til LiveCV Produkt _ Igennem mit eget firma Wunderly, har jeg fået til opgave at re-designe LiveCV s online identitet, med henblik på at gøre det hele

Læs mere

Retningslinjer for redigering og skrivestil på ballerup.dk

Retningslinjer for redigering og skrivestil på ballerup.dk Sidst opdateret: 14. feb. 2011 Retningslinjer for redigering og skrivestil på ballerup.dk Indhold Introduktion... 1 Midtersektion... 2 Overskriften/titlen:... 2 Hovedbillede/Topbillede:... 2 Resume:...

Læs mere

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe 9 Visuel Interface Design, 27/09/2011 Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående

Læs mere

Typografi & ombrydning

Typografi & ombrydning Typografi & ombrydning TYPOGRAFI OG OMBRYDNING Dokumentation I 2 OPGAVEN Dokumentet 210x160mm, antal sider: 32 Spalter med 4,233 mm spalteafstand 3 mm bleed Baseline Grid Sat til brødtekstens skydning

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Når du er færdig Efter vejledningen er gennemlæst kan dit Word ende med at se således ud:

Når du er færdig Efter vejledningen er gennemlæst kan dit Word ende med at se således ud: Fejlretter Smarte tricks til tilpasning af værktøjslinjen Hurtig adgang Følgende vejledning beskriver, hvordan du kan optimere din brug af Fejlretter, således at rettearbejdet bliver endnu mere effektivt

Læs mere

Evalueringsportfolio for Hovedforløb 3. Typografi & ombrydning. Artikler i et månedsblad. Typografi & ombrydning

Evalueringsportfolio for Hovedforløb 3. Typografi & ombrydning. Artikler i et månedsblad. Typografi & ombrydning Evalueringsportfolio for Hovedforløb 3 Artikler i et månedsblad Opgaven Selvvalgt opgave Beskrivelse Der skal laves nogle artikler til et månedsblad, som har fokus på Israel og jøderne. Artiklerne er skrevet

Læs mere

Journalistik. En avis

Journalistik. En avis Journalistik Det nærmeste man kommer den absolutte sandhed En avis En avis er et blad med historier om ting, folk ikke ved i forvejen. Tingene skal være sket i virkeligheden. Historierne i en avis er ikke

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Typografi. Nøglepunkter. Regler fuldt. Produkt. Letlæselig. Rent og overskueligt design. Vække en følelse af Science-fiction

Typografi. Nøglepunkter. Regler fuldt. Produkt. Letlæselig. Rent og overskueligt design. Vække en følelse af Science-fiction Typografi I dette kapitel tager jeg et nærmere kig på det trykte produkt med titlen Designing Beyond Horizon. Designing Beyond Horizon består af en bog på 8 sider og første oplag består af 0 bøger. Bogen

Læs mere

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling Orddeling Automatisk orddeling Vælg [Orddeling] Markér Automatisk orddeling Manuel orddeling Vælg [Orddeling] Klik [Manuelt] For hvert ord, som vises, kan der gøres følgende: Accepter det foreslåede orddelingssted

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Webmail Gmail Generelt Side 1

Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 2 Indholdsfortegnelse Oprette en Gmail...... Side 4 Indbakken Oversigt...... Side 9 Skriv en mail...... Side 11 Formateringsværktøjer...... Side

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

Produkter. Indhold. Side 1 af 15

Produkter. Indhold. Side 1 af 15 Indhold Varer er produkter... 2 Vedligeholdelse af kategorier... 4 Redigering af produktbeskrivelser... 6 Tilføj nyt produkt... 7 Beskrivelser til produkt skærmbilledet... 8 Vis, rediger og slet produkter...

Læs mere

Forfatter: Sanne Nørgaard Larsen Cand.mag. i retorik, grafiker og kommunikationskonsulent hos Rambøll By og Trafik

Forfatter: Sanne Nørgaard Larsen Cand.mag. i retorik, grafiker og kommunikationskonsulent hos Rambøll By og Trafik En god visuel fremstilling kan skabe overblik, vise sammenhænge og levere blikfang. Men hvordan gør man? Den praktiske side giver råd til at få din visuelle kommunikation til at hænge sammen. Bibliografisk

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

Creativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS...

Creativity Design Undersøgelse Case 1: Auction Travels INDEX... 1 DESIGNOVERVEJELSER... 2 LOGOFREMSTILLING... 7 FLOWCHART... 8 STORYBOARDS... Index INDEX... 1 DESIGNOVERVEJELSER... 2 START IDEER... 2 INFORMATIONSDESIGN... 2 BUDSKABET: 2 ORGANISERING AF INDHOLD (SITEMAP): 3 SITE MAPS 3 INTERAKTIONDESIGN... 4 PRÆSENTATIONSDESIGN... 5 ALLE SIDER

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

Grafisk design. Kommunikation/it Roskilde Tekniske Gymnasium 12/12-08. Klasse 1.2 Tamana og Sesilje

Grafisk design. Kommunikation/it Roskilde Tekniske Gymnasium 12/12-08. Klasse 1.2 Tamana og Sesilje Grafisk design Kommunikation/it Roskilde Tekniske Gymnasium 12/12-08 Indholdsfortegnelse Indledning... 3 Farver... 4 Kompositioner... 7 Typografi... 8 Praktisk arbejde... 10 Vores rapport opbygning...

Læs mere

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

Læs mere

Når man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende.

Når man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende. Sådan opretter du en LinkedIn profil: - Først starter man med at klikke ind på LinkedIn.com På forsiden ser man en boks til højre på skærmen. Her har man mulighed for at oprette sin profil ved hjælp af

Læs mere

Typografi og ombrydning

Typografi og ombrydning Københavns Miljøregnskab Københavns Miljøregnskab giver et indblik i miljøindsatsen og miljøtilstanden i København. Miljøregnskabet bliver gennemskrevet og layoutet hvert år og er delt op i seks temaer.

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

Betjeningsvejledning vedr. elektronisk indberetning i indberetningssystemet INDB Opdateret d. 20/2 2012

Betjeningsvejledning vedr. elektronisk indberetning i indberetningssystemet INDB Opdateret d. 20/2 2012 Betjeningsvejledning vedr. elektronisk indberetning i indberetningssystemet INDB Opdateret d. 20/2 2012 Indholdsfortegnelse 1. Indledning 1 1.1 Log på systemet 1 1.2 Generel arbejdsgang 3 1.3 Knapper og

Læs mere

GEIR-ARNE BERTHEUSSEN TYPO- GRAFI OG OMBRYDNING

GEIR-ARNE BERTHEUSSEN TYPO- GRAFI OG OMBRYDNING Y- GA G MBYDNNG 3 4 KUUMAGASNE ND Kulturmagasinet ND er et fiktivt kultur- og livsstilmagasin, med norden som hovedtema. Magasinet indeholder portrætter og intervjuer af kunstnere, forfattere, og andre

Læs mere

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org Tjek dine miljøvalg på nettet - når det gælder en tryksag Kære læser, Du sidder med en brochure, der beskriver et nyt websted,. Det er et websted med rigtig mange oplysninger om de miljøpåvirkninger, der

Læs mere

Skifte til OneNote 2010

Skifte til OneNote 2010 I denne vejledning Microsoft Microsoft OneNote 2010 ser meget anderledes ud end OneNote 2007, og vi har derfor oprettet denne vejledning, så du hurtigere kan komme i gang med at bruge programmet. Læs videre

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik

BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik BONUSINFORMATIONER i forbindelse med emnet Billeder og grafik Dette dokument indeholder yderligere informationer, tips og råd angående: Tabelfunktionen SmartArtfunktionen Billedfunktionen Samt en ekstra

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Startvejledning. Microsoft PowerPoint 2013 ser anderledes ud end tidligere versioner, så vi lavet denne guide for at gøre din læreproces nemmere.

Startvejledning. Microsoft PowerPoint 2013 ser anderledes ud end tidligere versioner, så vi lavet denne guide for at gøre din læreproces nemmere. Startvejledning Microsoft PowerPoint 2013 ser anderledes ud end tidligere versioner, så vi lavet denne guide for at gøre din læreproces nemmere. Find det du skal bruge Klik på en fane på båndet for at

Læs mere

Typografi & ombrydning

Typografi & ombrydning 2 PRODUKT & MÅLGRUPPE I samarbejde med virksomheden Euro Poultry, har jeg udarbejdet et magasin, som skal henvende sig til målgruppen unge og børnefamilier i alderen 18-30 år. Det er et magasin, som skal

Læs mere

Easy Guide i GallupPC

Easy Guide i GallupPC Easy Guide i GallupPC Version. 6.00.00 Gallup A/S Masnedøgade 22-26 DK 2100 København Ø Telefon 39 27 27 27 Fax 39 27 50 80 Indhold SÅDAN KOMMER DU I GANG MED AT ANVENDE GALLUPPC... 2 TILFØJELSE AF UNDERSØGELSER

Læs mere

Typografi & ombrydning

Typografi & ombrydning Typografi & ombrydning Selected brandbook præsenterer de værdier firmaet står for og skal afspejle deres nuværende visioner og fremtidige mål. Jeg har forsøgt at udtrykke deres værdier og stil i min produktion.

Læs mere

Først skal du oprette dig i systemet, d. v. s. du skal have en såkaldt Googlekonto bestående af en mailadresse og et kodeord.

Først skal du oprette dig i systemet, d. v. s. du skal have en såkaldt Googlekonto bestående af en mailadresse og et kodeord. Gmail Indhold Indhold...1 Introduktion...2 Opret dig i systemet...2 At skrive mails...5 Sende en mail til flere personer...8 Vedhæfte en fil...9 Kladde...10 Signatur...11 Modtagne mails...12 Stjernemarkering...14

Læs mere

Bog INDBUNDEN. Omslag 4+0 CMYK Materien 1+1 SORT/HVID

Bog INDBUNDEN. Omslag 4+0 CMYK Materien 1+1 SORT/HVID Typografi & ombrydning BOGPRODUKTIon En kvinde fra forlagets lokalområde havde i 5 år indsamlet fortællinger om livet i Nærum fra 1930 erne til 1960 erne og ville gerne udgive dem. Det blev med støtte

Læs mere