Rapport Grafisk design Af Benjamin, Steffen, Jacob A og Nicklas
Indholdsfortegnelse Typografi... 2 Opsætning... 2 Komposition og layout... 3 Harmoni i komposition... 3 Dynamik i et billede:... 4 Placering... 4 Afstande og separationer... 4 Farvelære... 5 Farveorden... 5 Kontraster... 5 Farvepsykologi... 6 Hjemmeside... 6 Side 1 af 8
Typografi Typografien i en tekst er alt hvad der har med tekst at gøre, skrifttyper, skriftstørrelse, linjeafstand og linjelængde. Der findes 3 former for typografi, displaytypografi, læsetypografi og konsultativ typografi. Displaytypografi bruges til overskrifter, skilte og andre ting hvor skriften skal være ekstra synlig og være det synlige på for eksempel på en plakat. Læsetypografi bruges til tekst i støre mængder altså brødteksten i en tekst. Derfor skal der være god læsekomfort, det skal være nemt at læse, derfor skal skriften ikke være for stor, men heller ikke for lille. Der er krav til justering, linjelængde og linjeafstand. Konsultativ typografi er det er der står i fodnoten altså det med småt for eksempel i telefon reklamer hvor der står at det koster et beløb hver mdr. Eller for eksempel kildeangivelser, altså nogle oplysninger som bare skal være der, og som man selv kan vælge at læse, når man er blevet fanget af reklamen. Opsætning Når man sætter en tekst op, kan man gøre det på flere måder. Fast forkant (venstrejusteret): Ved venstrejusteret er der en helt lige margen i venstre side og linjerne slutter afhængig af ordlængde og orddeling. Denne opsætning er den mest normale, den bruger man for eksempel i bøger. Fast bagkant (højrejustering): Ved højrejustering er der en lige margen i højre side og linjerne slutter afhængig af ordlængde og orddeling. Denne opsætning er meget lidt brugt. Denne opsætning er velegnet til korte tekster hvor der er et objekt i højre side. Fast for- og bagkant (Justeret sats): Ved denne opsætning er det både højre og venstre margen der er lige. Vis det ikke lige passer med at linjen lige slutter så der er lige margener, kan man bruge støre mellemrum mellem ordene, eller man kan bruge bindestreg. Denne opsætning bruges meget i avis tekster. centreret sats: Her er alle linjer midtercentret, det vil sige at linjerne ligger i midten at tekstrammen, derfor kommer der både løs forkant og løs bagkant. Denne opsætning er gode til overskrifter og skilte. Side 2 af 8
Komposition og layout Begrebet komposition betyder hvordan en tekst eller stykke kunst er sat op. En god komposition er vigtigt for at læseren/brugeren forbliver interesseret og læser det hele. Komposition kan også bruges til at lede læseren/ brugerens opmærksomhed over på noget, som producenten gerne vil have ham til at se, som f.eks. reklamer. Kompositionen afhænger meget af meget af hvilke former der bliver brugt i det pågældende medie. Oftest er hjemmesider og aviser opbygget af rektangulære figurer, da det let giver nogle rene linjer, som bruger let kan læse. Som billedet viser, kan man se at den hjemmeside at opbygget af firkanter. Hvis en hjemmeside nu blev bygget op af cirkler, ville der ikke være nogle linjer, som øjnene kunne følge og forholde sig til. Harmoni i komposition Hvis en komposition på en hjemmeside eller i et billede, ikke er i harmoni betyder det at kompositionen vælter. Dette sker hvis der er mange elementer i den ene side og der bare er tomt i den anden side. Det gør at den ene side virker tungere, end den anden og hvis det så var en rigtig blok, så ville blokken selvfølgelig vælte, fordi den ene side var tungere end den anden. Det er derfor at man kalder det kompositionen vælter. Men der er også andre måder at kompositionen kan vælte på. Dette kan ske hvis der bliver brugt nogle meget mørke i den ene side og lyse i den anden. Da mørke farver virker tungere end lyse farver vil komposition da også vælte. I billedet til højre kan man se et eksempel på en uharmonisk komposition. Side 3 af 8
Dynamik i et billede: Et billede kan både være statisk eller dynamisk. En statisk komposition betyder at billedet er meget symmetrisk opbygget, hvilket gør at det ikke virker så rodet og virker meget overskueligt. Hvorimod at billedet også kan være meget dynamisk. Dette sker når elementer i billedet ikke bare er stillet op på rad og række, men nærmest er blevet kastet ind. Dette giver billedet meget mere liv og som om at der bevægelse i billedet. Figur 1 - Lånt fra "Grafisk kompendium" Placering Når man skal starte med at lave en hjemmeside, reklame etc., skal man starte med at finde ud af hvordan man vil have brugeren af produktet til at læse det. Derfor er det meget normalt (i Danmark), at man placere de ting man vil have brugeren til at læse først øverst i venstre hjørne, da den er den måde man læser på. Man starter altid med at skimte øverste venstre hjørner og derefter bevæger man sig ned over siden og slutter nederst i højre hjørne. Det er også på denne måde at brugeren kommer lige igennem det gyldne snit. Figur 2 - http://www.ttf.dk/files/billeder/fotoskole/composition_02.jpg På figur 2, kan det gyldne snit ses. Afstande og separationer Når man vil prøve at fortælle bruger at to forskellige elementer hører sammen kan dette gøres ved at sætte ting op ved siden af hinanden, således at de står tættere på hinanden, end på de andre ting som de ikke høre sammen med. Dette vises på figur 3. Figur 3 - Lånt "Grafisk kompendium" Side 4 af 8
Streger er imidlertidig også godt til vise hvilke ting der hører sammen og hvilke der ikke gør. Dette gøres ved at indramme de ting der hører sammen. Det er det jeg har prøvet at gøre i denne rapport, ved at sætte streger efter hvert afsnit. Se også figur 4. Figur 4 - Lånt "Grafisk kompendium" Farvelære Farver er stort begreb i grafisk komposition. Der er masser eksemplar på farvelære. Der findes farvesystemer, kontrastfænomener, farvepsykologi, signal værdier. Med farver er der også kommet forskellige spørgsmål. Et af dem lyder: Hvad mener vi når vi siger farver? I historien er der to centrale farveteoretikerer: Johann Wolfgang Von Goethe, som levede fra 1749-1832, og Johannes Itten som levede fra 1878-1967. Farveorden Primærfarverne: Da der principelt findes to måder at blande på, får vi to farveordner. Dem kalder vi subtraktive (trækker fra) og additive (lægger til). Ved den subtraktive siger man at man blander farvestoffer (trykfarve, maling osv.). De kaldes også materialefarver. De additive er blanding af lyskilder. Dette oplever man i computerskærme. De subtraktive farver er gul, magneta og cyan, mens de additive er rød, grøn og blå. I teorien kan man ikke blande sig til primærfarverne, men man kan blande sig til alle andre farver. De subtraktive bliver mørkere, og de additive bliver lysere. Hvis vi blander to primærfarver kalder vi det sekundær farver, mens hvis man blander de tre farver kalder vi tretiær farver. I farvecirkelen ligger de primærer og sekundærer. Mens man i næste lag finder de tertiær, og midten er neutral. Kontraster En farve først sin værdi i relationen til andre farver. Når man f.eks. betegner en farve som lys er det underforstået i sammenligning med omgivelserne eller andre farver generelt. Det betyder, at samme farve kan have forskellige værdier afhængig af den sammenhæng, den indgår i. Farvens egen kontrast er den effekt farvesammensætningen i sig selv giver, og det er ofte en subjektiv vurdering, hvordan den skal karakteriseres. Farverne kan også variere i toneværdi. Kontrasten mellem det lyse og det mørke er en af de væsentligste kontraster der er. Farvecirklen har en lys og mørk pol. Den lyse ligger i det gule, mens det mærke ligger i det violette. Farver kan variere i kvalitet man kalder det også mætning. I farvecirklen findes også Side 5 af 8
den kolde og varme kontrast. Den røde (ild) er varme, mens den blågrønne er kold (is). Man bruger varme kulde kontrast til at definere en farve, f.eks. den blå kolde er mere grønlig, mens den varme blå er mere rød. Farvepsykologi Farverne påvirker psykologisk, og i visse tilfælde endog fysiologisk. Desuden tillægges farverne forskellige betydninger. Der findes to former for association: Det psykologiske, og det symbolske. I det psykologiske kan tale om at sort symboliserer død, Rød: Vrede og kærlighed. Grøn: Håb og misundelse. Så farver kan sagtens hav flere betydninger. Hjemmeside I dag ser min hjemmeside sådan her ud. Jeg har et banner placeret som det øverste på siden. Neden under er min menulinje placeret. Jeg har lavet den horisontal og lige så lang som banneret. Under Menuen har jeg lavet en sti som heletiden viser hvor du er henne. Den fungere samtidig som links så du kan hoppe tilbage på siden. Under min sti har jeg plads til indholdet på min side. Som baggrund uden om sidden har jeg valgt en sky inspireret blå/hvid farvet baggrund. Jeg synes selv det giver en bedre overgang end en normal hvid. Jeg har valgt blå og hvid fordi det er de farver der går igen på selve siden. Side 6 af 8
Men jeg havde et andet layout til at starte med. I starten havde jeg en menu box et banner og en box til teksten på siden. Banneret havde samme placering som den har nu, menu boxen var placeret ude til højre. Det så således ud: Menu var placeret ud til højre og banneret var placeret øverst, som den er på mange hjemmesider, hvilket gør det nemt at bruge. Nu ser min side sådan her ud i grove træk. Banneret er hvor det hele tiden har været, men menuen er flyttet op under banneret. Jeg har efterhånden set mange sider som er begyndt på dette. I forhold til mit første udkast giver denne løsning meget mere skriveplads. Her ses min oversigt over fag. Jeg tænkte at de ville være smartere at sætte det op i et gitter, i stedet for en liste. Som det ser ud nu er det ikke særligt overskueligt. Hvis man centrede det midt på siden og gjorde skriften lidt større ville det være meget mere overskueligt. Side 7 af 8
Her har jeg lagt er billede ind på min side. Billede texten står her under billedet,hvilket man ikke kan se på billedet. Men hvis man flyttede texten hen ved siden af billede, ville det være nemmere at læse, da billede kun fylder halvdelen af siden. Side 8 af 8