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æselige produkter. Skrifttyper/bogstaver: Der findes hundredvis af forskellige skrifttyper, som alle bruges rundt omkring i verden. Nogle af de mest kendte er arial, times new roman og calibri. Angående de forskellige begreber angående enkelte bogstaver har jeg fundet et billede, som jeg synes illustrerer betegnelserne rigtig godt: Bogstaverne i disse eksempler har alle seriffer eller fødder. Disse slags bogstaver med seriffer kaldes for grotesk, og bogstaver/skrifttyper uden seriffer(sans-seriffer) kaldes for antikva. Gammeldags skrift kaldes for gotisk. De vigtigste betegnelser udover de førnævnte er majuskler(store BOGSTAVER) og minuskler(små bogstaver). Herudover er fed skrift og kursiv skrift også to meget kendte og brugte former for typografi. Antikva-skrifter signalerer ofte noget klassisk og konservativt, bl.a. pga. at de enkelte bogstaver er en smule individuelle samt at de er let læselige og god til at danne billeder dette er grunden til at antikva-skrifter ofte bruges i fx aviser. Grotesk-skrifter er en form for et teknisk kompromis. Grotesk-skrifter bruges ofte til ord der skal læses og opfattes hurtigt de er derfor godt egnede til overskrifter. Som forskel på de to typer skrift siges det at antikva er fin og feminin mens grotesk er massiv og maskulin. Når man laver HTML sider er det vigtigt at man vælger en skrifttype som er en standardskrifttype næsten alle har på deres computer. Samtidig bør skrifttypen repræsenterer en selv, som man viser sit ansigt udadtil. Hvis man i stedet for at vælge en standard skrifttype vælger en sjælden måske mere eksotisk skrifttype kan andre uden den skrifttype på deres computer ikke se den samme skrifttype,
og derfor bliver resultatet dårligt og ikke som man vil have den. Når man vælger en skrifttype skal man desuden også huske at vælge en skrifttype, som understøtter budskabet i teksten. Linieafstand/opsætning: Opsætningen/linieafstanden er et punkt som kan deles op i to skydning og justering. Under punktet justering gælder det 4 produkter. Venstrejusteret opstilling, centreret opstilling, højrejusteret opstilling og lige margener. Venstrejusteret opstilling er brugbar til alt selv meget smalle spalter. Venstrejusteret opstilling kaldes løs bagkant af fagfolk. Centreret opstilling bliver mest brugt når man skal fokusere på et eller få ord i en linie. Kaldes centreret af fagfolk. Højrejusteret opstilling bruges ofte til tekst der skal formes rigtig fx hvis der er et billede til venstre for teksten. Kaldes løs forkant af fagfolk. Lige margener danner en flot og klassisk opstilling af tekst, men bør kun bruges hvis spalterne er brede nok. Kaldes fast forkant og fast bagkant af fagfolk. Under punktet skydning eller også kaldet linieafstand. Linieafstand måles i punkter. Normalt skrives der med en linieafstand på 1, 1½ eller 2 en linieafstand på 1 svarer til en skydning på 12 punkt med en 10-punkts skrift. Skriftstørrelse: Skriftstørrelse måles ligesom linieafstand i punkter. Hvis en skrift er meget stor vil den gribe læseren som noget af det første når læseren kigger på en side eller skimter den igennem, mens en lille skriftstørrelse ikke er særlig læselig hvis man bruger en lille skriftstørrelse vil det være bedst at bruge en grotesk skrifttype, da en antikva-skrift let kan komme blive til at blive ulæselig da bogstavernes fødder gør at skriften bliver presset mere sammen. Når man vælger skriftstørrelse skal man sørge for at skriftstørrelsen ikke er for stor eller for lille, men er let læselig, og at den passer til den skrifttype man har brugt. Form og farver: Det første der sker i hjernen når du kigger på hjemmesider, brochure eller får stukket en folder i hånde, er at du kigger efter formen og farven på det pågældende emne. Man kan derfor sige at det er formen/design og farverne der giver modtageren førstehåndsindtrykket. Det er derfor vigtigt at du overvejer hvem emnet skal henvende sig til. Skal hjemmesiden henvende sig til en bestemt gruppe mennesker, eller skal den være lidt mere alsidig? Når du har overvejet dette, skal du tænke på din funktionalitet. Bliver dit emne for overdesignet så funktionaliteten og overblikket forsvinder? I dette emne prøver vi at forklare hvordan du vælger form og farver ud fra hvad du gerne vil producere, og optimere din pågældende ting. - Formen på dit emne kan have mange afspejlinger, alt efter hvad emnet/materialet skal repræsentere. Lad os sige at vores materiale skal være en hjemmeside. På vores hjemmeside kan vi
vælge at have mange forskellige former, dette kaldes oftest design. Vores design kan både have kanter og buer. Du kan selv sammensætte det, så du synes det ser godt ud. Når du kigger på de to illustrationer ovenfor, får du to forskellige førstegangsindtryk. Det er vidt forskellige hvilket indtryk man får, alt afhængig af køn, alder, nationalitet og interesser. De to illustrationer er to uensartede hjemmesider. Illustrationen til venstre, henvender sig nok mest til piger/damer med særlig interesse inden for håndarbejde. Som billedet viser, er hjemmesiden lys og yderst brugervenlig. Den er bygget op med 1 banner, 1 menubar, 2 tekstbokse og et footer med kontaktoplysninger. Denne hjemmeside kan alle stort set finde rundt på, nye som gamle inden for websurfing. Hvis vi derimod tager den højre illustration, som er taget fra websites godfaterfilms.com, er denne hjemmeside stærkt temapræget. Hjemmesiden er delt op i 1 banner, 3 tekstbokse og en menubar. Umiddelbart ser denne hjemmeside lidt mere forvirrende ud, og henvender sig mere til unge drenge som har set godfatherfilmene, og som ved en masse om websurfing og hvordan man omgår sig bedst muligt på nettet. Men det er ikke kun formen på hjemmesiderne som har et indtryk på folk når de klikker ind på hjemmesiden for første gang. Dette leder mig hen til et nyt emne; Farver. Farver og kontraster har en stor indvirkning på folk når de surfer rundt på din hjemmeside. Inden du sætter dig og laver et layout til hvordan du regner med dit færdige produkt skal være, skal du have overvejet form, farve, typografi og illustrationer. Som vi fortalte i starten af dette emne, skal du have overvejet hvilken gruppe af mennesker du henvender dig til. Hvis du skal lave en brugervenlig hjemmeside, skal du vælge de lidt mere lyse farver. Hvis du derimod skal lave en hjemmeside der handler om rollespil, computerspil osv. kan du godt overveje at gå hen mod de lidt mørkere kontraster.
Som farvetabellen viser, findes der mange forskellige farve og kontraster. Denne tabel viser blot en del af dem. Det er meget vigtigt at finde den farve, som man synes der passer bedst til sit produkt. Nogen mener måske at hvid kan være en lidt kedelig nuance at have på sit produkt, men nogen gange kan det være mere brugbart ikke at få kastet flere farver i hovedet end nødvendigt. Billeder og illustrationer: Billeder og illustrationer er meget vigtigt i din produktovervejelse når du skal designe dit produkt. De er med til at gøre dit produkt mindre monotomt. Illustrationer kan også hjælpe dig til at fremføre din sag, og vise modtageren hvad det er du mener på skrift. Kort sagt understøtter mange illustrationer din tekst. Det er derfor vigtigt for dig at finde det helt rigtige billede, som passer perfekt og understøtter din tekst maksimalt. Det er på denne måde at du for lavet det bedst mulige produkt. Der findes mange former for illustrationer; computeranimeret, tegninger og virkelige fotos. Komposition og Layout: Når man skal designe sin side er det vigtigt med et godt layout. Man skal vælge en letlæselig skrifttype, en letlæselig skriftstørrelse, harmoniske farver samt tilpas lange linier. Hvor god kompositionen i en tekst er, kommer bl.a. andet an på hvor glidende overgangende i teksterne samt om tegnsætning er rigtig osv. Praktik Ferniseringen: Vi valgte til vores fernisering at lave to plancher, en folder og et diasshow. Diasshowet indeholder bl.a. begrundelse af valgemne, præsentation af vores resultater og en lille reklame for vores firma. Det eneste sted der er brugt farver i diasshowet er i vores reklame. Her er der brugt farven blå som et symbol på vand og renlighed. I folderen står der diverse fakta om regnvand i Danmark samt noget om vores produkt og resultaterne af produktet. Farverne er grønne og repræsenterer miljøet. På den første planche er der brugt en stor skriftstørrelse og en grotesk skrifttype, der er godt egnet til ord der skal læses hurtigt. Dråben er blå og symboliserer vand og renlighed. På den anden planche er der anvendt en lidt mindre skriftstørrelse, da planchen er fyldt op med detaljer om vores produkt, hvilket altså kræver lidt mere koncentration og opmærksomhed. Den grønne baggrund ved overskriften symboliserer miljøet. Alle andre baggrunde er hvide, hvilket giver et bedre overblik(se afsnittet form og farver).
1. planche 2. planche