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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 og ombrydning 1. hovedforløb Julia Igaard Abrahamsen

Typografi og ombrydning 1. hovedforløb Julia Igaard Abrahamsen Typografi og ombrydning 1. hovedforløb Julia Igaard Abrahamsen Opgavebeskrivelse Jeg har fået til opgave at lave et magasin til en fiktiv virksomhed. Virksomhden som udgiver magasinet, hedder IDOL og

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

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

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

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

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

!!!!! 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

TYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE. 12 TIPS Til at finde det perfekte billede på nettet

TYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE. 12 TIPS Til at finde det perfekte billede på nettet TYPOGRAFI & OMBRYDNING OPGAVEBESKRIVELSE Jeg har samlet en række hjemmesider, hvor man som bruger har mulighed for enten at downloade billeder gratis eller købe dem. Har undersøgt markedet for hvor mange

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

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

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

Typografi og ombrydning

Typografi og ombrydning 2. hovedforløb Typografi og ombrydning Julia igaard abrahamsen mediegrafiker, hansenberg DOKUMENTATION Opgave: ( dette er en fiktiv opgave ) En brochure om Odense, hvor man bl.a. kan læse lidt om Odenses

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

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

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

Indholdsfortegnelse. Farveteori 1. Gestaltlove 3. Typografi 7 CMYK 2 RGB 2

Indholdsfortegnelse. Farveteori 1. Gestaltlove 3. Typografi 7 CMYK 2 RGB 2 Indholdsfortegnelse Farveteori 1 CMYK 2 RGB 2 Gestaltlove 3 White space 3 Simplicity 3 Figure ground 3 Commen fate 4 Continuinity 4 Proximity 4 Rule of thirds 5 Closure 5 Similarity 5 Golden section 6

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

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

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

Vejledning til opbygning af hjemmesider

Vejledning til opbygning af hjemmesider Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på

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

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

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 & OMBRYDNING - MAGASIN

TYPOGRAFI & OMBRYDNING - MAGASIN TYPOGRAFI & OMBRYDNING - MAGASIN REDEGØRELSE Opgavebeskrivelse Lav et fiktivt blad for Skanderborg Kommunes biblioteker, som fortæller hvad der skal ske januar-marts 2016, både med en samlet oversigt og

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

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

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

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

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

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

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

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

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

Sådan opretter du en elektronisk aflevering

Sådan opretter du en elektronisk aflevering Sådan arbejder du med opgaver i Gradebook/karakterbog Denne vejledning indeholder en detaljeret beskrivelse af hvordan du bruger gradebook/karakterbogen når du vil arbejde med opgaver og give karakterer

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

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

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

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

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

Sådan skriver du artikler til Eksperten!

Sådan skriver du artikler til Eksperten! Denne guide er oprindeligt udgivet på Eksperten.dk Sådan skriver du artikler til Eksperten! Når du skriver artikler handler det om at få den ud til de rigtige personer, og vise den frem så den er let forståelig.

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

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

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

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

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

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

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

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

Kommunikation/IT A 2014

Kommunikation/IT A 2014 Kommunikation/IT A 2014 Facebook side projekt Forside Indholdsfortegnelse Formål:... 3 KIE-modellen:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 4 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Læs mere

PORTFOLIO TYPOGRAFI & OMBRYDNING

PORTFOLIO TYPOGRAFI & OMBRYDNING PORTFOLIO TYPOGRAFI & OMBRYDNING 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,

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

REDIGERING AF REGNEARK

REDIGERING AF REGNEARK REDIGERING AF REGNEARK De to første artikler af dette lille "grundkursus" i Excel, nemlig "How to do it" 8 og 9 har været forholdsvis versionsuafhængige, idet de har handlet om ting, som er helt ens i

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

SÅDAN BRUGER DU ONLINE KALENDER

SÅDAN BRUGER DU ONLINE KALENDER SÅDAN BRUGER DU ONLINE KALENDER I vejledningen bruger vi det gratis program Google kalender som eksempel til at vise, hvordan man bruger en online kalender. DU SKAL I FORVEJEN: Kunne bruge en browser og

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

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

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT Afsluttende opgave Navn: Lykke Laura Hansen Klasse: 1.2 Skole: Roskilde Tekniske Gymnasium Fag: Kommunikation/IT Opgave: Nr. 2: Undervisningsmateriale Afleveres: den 30. april 2010 Indholdsfortegnelse

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

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

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

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

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Elevvejledning til SkoleKomNet - Min egen hjemmeside Indledning...1 Sådan får du adgang...2 Dit KlasseWeb skrivebord Overblik...2 Dit arbejdsområde...3 Din hjemmeside på nettet...3 Sådan laver du en hjemmeside i 4 trin...3 Trin 1 Dit personlige billede på

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

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

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

Introduktion til Calc Open Office med øvelser

Introduktion til Calc Open Office med øvelser Side 1 af 8 Introduktion til Calc Open Office med øvelser Introduktion til Calc Open Office... 2 Indtastning i celler... 2 Formler... 3 Decimaler... 4 Skrifttype... 5 Skrifteffekter... 6 Justering... 6

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

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

Læs mere

Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden.

Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden. Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden. Manualen er delvist hentet fra en manual Ølstykke IF har lavet til brug for deres hjemmeside Upload af billede For at kunne

Læs mere

Designguide Forskningens Døgn

Designguide Forskningens Døgn Designguide Formål og identitet de s nde Bla -Bean y l l Je Jeres I kan også indsætte billeder eller grafik som blikfang, evt.her under brødteksten. Overskrift over flere linjer dog max 44 anslag WWW.JERESHJEMMESIDE.DK

Læs mere

Opsætte f.eks. en rejsebeskrivelse med tekst og billede i Draw side 1

Opsætte f.eks. en rejsebeskrivelse med tekst og billede i Draw side 1 side 1 Hvis man vil lave en opsætning af rejsebeskrivelse og billeder, kan man også gøre det i DRAW. Denne vejledning vil vise hvordan man indsætter hjælpelinjer så man laver en pæn opstilling med billede

Læs mere

How to do in rows and columns 8

How to do in rows and columns 8 INTRODUKTION TIL REGNEARK Denne artikel handler generelt om, hvad regneark egentlig er, og hvordan det bruges på et principielt plan. Indholdet bør derfor kunne anvendes uden hensyn til, hvilken version

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

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

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

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere