typografi Distansskolan 1

Storlek: px
Starta visningen från sidan:

Download "typografi Distansskolan 1"

Transkript

1 typografi Distansskolan 1

2 Typografins historia Skrivkonsten bygger på en överenskommen standard för bokstävernas utseende och uttal, och dess framgång är helt beroende av att standarden håller sig stabil över stora områden och genom generationer, så att folk kan läsa vad som skrevs även en bit bort och för många år sedan. Ända sedan skrivkonsten uppfanns har det därför varit förbehållet någon eller några få utvalda personer att bestämma de grundläggande dragen hos bokstäverna. Dessa val har ofta varit något godtyckliga och inte alltid så väl genomtänkta. I allatider har dock varje enskild person som praktiserat skrivkonsten haft sin egen handstil, och knappast någon som lärt sig skriva har väl kunnat undgå att lockas till att leka med bokstavsformerna och variera dem något efter eget huvud. Att leka med språket för att roa sig själv och andra tycks vara en grundläggande mänsklig egenskap. Nya bokstavsformer utvecklas faktiskt fortfarande, om än i mycket långsam takt. Ordet typografi kan översättas med att skriva med stämplar. Det kommer av grekiskans typos, som betyder slag eller prägel och grafein, som betyder skriva.typografi är alltså konsten att sammanfoga färdiga bokstavsformer till ord för att förmedla ett budskap. Att välja bokstavsformer rätt är en konst, eller i varje fall ett alltför ofta försummat hantverk. Tidiga skriftsystem I civilisationens barndom användes så kallade piktografiska skriftsystem, där man avbildade hela ord och begrepp med symboliska bilder, så kallade ideogram, men snart avlöstes detta ganska opraktiska system på de flesta håll av fonografiska system, ljudskrift, där varje tecken representerar ett ljud eller en ljudsekvens. Sådana skriftsystem kallas även alfabetiska system. Skriftspråket blev på så sätt både lättare att lära sig, flexiblare och mer precist. Skrivna alster blev fruset tal, och det skrivna ordet bidrog också i hög grad till att stabilisera det talade språket och sprida några få stora världsspråk över stora områden. Endast i Kina och Japan har övervägande ideografiska skriftsystem överlevt till modern tid, men även infödda kineser och japaner har stora svårigheter att bemästra och hantera dessa mycket komplicerade system. De som var först med att använda en ljudskrift var sumererna som uppfann sin kilskrift för mer än femtusen år sedan, tätt följda av egyptierna, som eventuellt fick själva idén av sumererna men utformade ett helt eget system. Egyptiska hieroglyfer är faktiskt inte rena ideogram som man skulle kunna tro, utan utgör ett ganska begränsat alfabet med bara några få ideografiska inslag. Våra bokstavsformer härstammar däremot inte från sumererna eller egyptierna, utan från fenicierna, som utformade ett alfabetiskt skriftsystem med tjugotvå enkla tecken för ungefär tretusen år sedan. Ganska snart därefter övertog grekerna denna goda idé. För att anpassa feniciernas alfabet, som enbart bestod av konsonanter, till grekiskans språkljud tog Distansskolan 2

3 man femton av de feniciska bokstäverna och kompletterade dem med nio nya, egna till ett alfabet om tjugofyra tecken. Det är härifrån vi har fått själva ordet alfabet efter det grekiska alfabetets två första bokstäver alfa och beta. De tidiga feniciska bokstavsformerna och bokstavsnamnen kan till stora delar spåras till stiliserade ideogram i stil med att A får heta apa och skrivs som en mycket förenklad bild av en apa kanske bara en apsvans. Eller, för att vara mer korrekt: den första bokstaven i det feniciska alfabetet heter aleph, vilket är ordet för oxe, och tecknet har vissa ytliga likheter med ett oxhuvud. När grekerna övertog det feniciska alfabetet betraktade de dock både bokstavsformerna och namnen på dem som helt abstrakta, vilket måhända var oavsiktligt men visade sig mycket praktiskt. Det latinska alfabetet Romarna hade sin krigiska natur till trots en beryktad och beundransvärd förmåga att känna igen en god idé när de såg den, och när de upptäckte det grekiska alfabetet npassades det snabbt till latinet. Alla våra nutida versaler utom G, som romarna själva lade till senare, och J, U och W, som tillkom senare av olika anledningar, hade fått sin nutida form redan för tvåtusen år sedan. Romarnas militäriska och teknokratiska kultur med tämligen strikta och strama stilideal visade sig vara en god utgångspunkt för att renodla och förfina bokstävernas geometriska former. Den klassiska romerska kapitalskriften som överlevt i många inskriptioner i sten från det romerska imperiets dagar är än idag slående exempel på god typografi. Handskrift Det som överlevt av forntida skriftsystem är oftast inskriptioner i sten, men naturligtvis har man i alla tider klottrat även på mer förgängliga och mindre svårhanterliga underlag: ben, trä, lera och liknande. Papperet uppfanns i Kina för över 2000 år sedan, men kom till Europa först på 1000 talet. Åtskilliga olika handskriftsystem har passerat revy genom århundradena, och de har ofta varit ganska olika den skrift som använts för inskriptioner på sten. Den romerska kapitalskriftens uppgift var exempelvis att imponera och utsmycka, men i handskrift med penna eller pensel på pergament behövde man kunna skriva snabbt och tydligt, och helst också kompakt. Pergament var nämligen både dyrt och otympligt. En rad olika kompaktare och effektivare skriftformer gav så småningom upphov till det vi i dag kallar gemener eller små bokstäver. Den moderna antikvan Det detaljerade utseendet för i stort sett hela den uppsättningav gemena och versala bokstavsformer somvi använder i dag kan faktiskt tillskrivas några få personers arbete i slutet av 1400 talet. I Venedig samlades vid denna tid några typografiska genier som aktivt utvecklade en ny uppsättning bokstavsformer, ett så kallat typsnitt eller teckensnitt. Som utgångspunkt tog de en mycket vacker italiensk handskrift som Distansskolan 3

4 fulländats av skickliga kalligrafer i Florens, den så kallade humanistiska minuskeln, som visas nedan. Dessa bokstavsformer anpassades till den nya trycktekniken med lösa gjutna metalltyper som utvecklats av tysken Gutenberg. Gutenberg själv använde i sina böcker en bokstavsform baserad på den medeltida tyska texturaskriften, vilken i dag framstår som synnerligen svårläst, mörk, kompakt och tung, om än åtminstone i vissa avseenden vacker. Idealen man strävade efter i Venedig var skönhet och läslighet, och man kan lugnt säga att de nådde sitt mål. Man utnyttjade den nya teknikens möjligheter till återgivning av fina detaljer, och man använde medvetet avmätta mängder luft och mellanrum i ordbilden för att göra den jämnare och tydligare. Den framgångsrika venetianska typografiska skolan fick snabbt efterföljare i övriga Europa. Den fortsatta utvecklingen (många skulle nog vilja kalla det fullländningen) av antikvatypsnitten kom sedan att göras i Frankrike, först av de tämligen okända Geoffroy Tory och Antoine Augerau, men framemot 1530 av dessas adept, den betydligt mer kände Claude Garamond. Garamond var den förste som betraktade kursiv stil som en variant av de raka bokstavsformerna, och samordnade raka och kursiva varianter av flera av sina typsnitt för att de skulle harmoniera då de användes tillsammans. Dessa tidiga antikvatypsnitt går under benämningen renässansantikva eller garalder, vilket är en sammandragning av namnen Garamond och Aldus. Antikvatypsnitten vidareutvecklades från mitten av 1600 talet i bland annat Holland och England till en något annorlunda form kallad förklassicistisk antikva eller realer. Under 1700 talet utvecklades typsnitt i Frankrike och Italien där man konstruerade bokstäverna på geometriska grunder. Dessa bokstavsformer går under namnet nyantikva eller didoner, efter två av de mest tongivande personerna i utvecklingen: Firmin Didot i Frankrike och Giambattista Bodoni i Italien. Det uppstod en helt ny klass av typsnitt i industrialismens spår. I en rad typsnitt avsedda för rubriker, skyltar och korta, formella texter förenklade man bokstavsformerna och tog bort alla utsmyckningar och detaljer på bokstäverna, bland annat de små avslutande klackarna som kallas för serifer. Sådana typsnitt kallas för linjärer. Att använda typsnitt är lätt Under 1800 talet utvecklades automatiska stämpelskärningsmaskiner för att framställa typsnitt, och i mitten av 1900 talet kom fotosättarna, vilket gjordedet betydligt billigare att framställa och använda en stor mängd olika typsnitt. Distansskolan 4

5 På sistone har datorerna gjort detta ännu enklare och billigare. Att införskaffa ett nytt typsnitt innebar en gång i tiden en avsevärd investering, och de tusentals lösa metalltyperna vägde i värsta fall tillsammans uppemot hundra kilogram. I dag köper man typsnitt som datafiler för några hundralappar, och att byta typsnitt i en redan inskriven text är gjort på ett ögonblick. Det är alltså synnerligen lätt för vem som helst att skaffa och använda olika typsnitt. Teckensnitt, typsnitt och fonter Man ser ofta benämningen font för teckensnitt. Även om det inte direkt är fel att använda ordet så är det ett onödigt engelskt låneord som kan undvikas. På svenska heter det teckensnitt eller typsnitt. Benämningen teckensnitt har definierats som svensk standard eftersom de lösa metalltyperna som åsyftas egentligen försvunnit ur sinnevärlden sedan många år, men många föredrar ändå det traditionella ordet typsnitt. Bokstavsbildens anatomi För att tala om bokstäver är det mycket praktiskt att kunna några grundläggande fackuttryck. Benämningen på bokstävers olika karaktärsdrag visas i figuren nedan. När man kombinerar bokstäver till ord på rader brukar man dessutom tala om några olika karakteristiska mått se nästa figur. Grad och punkter Man talar oftast inte om storleken utan om graden hos ett typsnitt, vilket oftast anger versalhöjden plus underhänget och mäts i ett litet udda typografiskt mått som kallas punkter. I Europa användes länge det så kallade didot systemet, där en typografisk punkt är 0,376 mm. En cicero är 12 punkter, och det går exakt 2660 punkter på en meter. I Amerika och Storbritannien använder man däremot det så kallade pica systemet, där en point är 0,352 mm. En pica är 12 points och det går 72,27 points på en tum. De flesta datorbaserade hjälpmedel använder i dag pica systemet. Cicerosystemet håller därför på att falla i glömska, och när man i dag säger punkter menar man oftast amerikanska points i pica systemet. Distansskolan 5

6 bred gåspenna. Dessa stilar kallas i dag med ett sammanfattande namn gotiker eller gotiska stilar och har nästan helt förlorat sin betydelse. De flesta datoriserade hjälpmedel gör nuförtiden approximationen att det går 72 points på en tum snarare än 72,27. Anledningen till att det inte går exakt 72 points på en tum är att längdmåttet tum definierats om sedan enheten point skapades. Mager, fet och kursiv stil Bokstavsbilder finns dessutom i flera varianter, som används på olika sätt för att framhäva och variera olika delar av texten. Dels varierar man tjockleken hos bokstävernas grund och hårstreck för att göra magra och feta varianter av samma bokstavsform, dels använder man en lutande variant som kallas kursiv. Även kursiven finns i feta och magra varianter. Det finns tusentals olika typsnitt, och nya skapas hela tiden. Förutom typsnitt avsedda för längre stycken löpande text, så kallad brödtext, skapas många mer eller mindre användbara effekttypsnitt för rubriker och andra speciella ändamål. Som lekman är det lätt att bli förvirrad, men som alltid är det mindre förvirrande om man kan sätta namn på saker. En bra och relevant klassificering av teckensnitt är den som återges nedan. Den följer en svensk standard, som i sin tur i allt väsentligt överensstämmer med de något olika klassifikationssystem som används i resten av världen. Vissa går så långt som till att dela in teckensnitt endast i serif och sans serif, för att beteckna bokstavsformer med respektive utan serifer. Det är naturligtvis en mycket grov förenkling, men det är bättre än ingenting. Garalder Den klassiska antikvan från 1400 talet. En lättläst och vacker bokstavsform. Liten skillnad mellan hårstreck och grundstreck, lutande ansvällningar som om bokstäverna ritats med lutande bredpenna, subtila rundningar och ansvällningar i seriferna. Klassificering av teckensnitt De allra första tryckta böckerna trycktes med så kallade frakturstilar, brutna och kantiga stilar som liknade den tyska handskrift som snabbtextades med en Realer Distansskolan 6

7 En stramare bokstavsbild än garalderna. Större skillnad mellan hårstreck och grundstreck, raka ansvällningar, ofta något smalare bokstavsformer som sparar utrymme, rena och enkla serifer. Inga serifer, men en tydlig skillnad mellan grundstreck och hårstreck. Mekaner Didoner En mycket geometrisk bokstavsform. Raka ansvällningar, stor skillnad mellan grundstreck och hårstreck, samt raka, tunna serifer. Oftast dessutom en ganska hög och smal, oval bokstavsform. Ingen eller liten skillnad mellan grundstreck och hårstreck. Serfierna är lika eller nästan lika tjocka som grundstrecken och oftast rakt avslutade. Reprodukter Centurer Bokstavsformer liknande realer med raka ansvällningar och enkla serifer, men med rundare och öppnare former och mer av garaldernas formspråk. Ursprungligen avsedd för tidningstryck, men vanlig även i böcker. Tecken som är avsedda att se ut som om de vore graverade, eller som efterliknar äldre tryck eller andra reproduktionsmetoder. Skripter Stilar som är avsedda att efterlikna handskrift. Linjärer Inga serifer. Ingen skillnad mellan grundstreck och hårstreck. Ornater Utsirade och ornerade teckensnitt. Semilinjärer Distansskolan 7

8 Extremer Bokstäver som avviker starkt från gängse former. Gotiker Bokstäver med gotiskt ursprung, till skillnad från alla andra som har sina rötter i antikvan. Gemena siffror De siffor som används till alla ändamål i dag är så kallade tabellsiffror eller versala siffror, som är gjorda för att vara likformiga och jämna i storleken. De gör sig bra i uppradadkolumner, men i löpande text sticker de ut och blir oproportionerligt stora precis som versaler. De viktigaste och vanligaste teckenformerna är garalder, realer, didoner, linjärer, mekaner, skripter och extremer. Det är också de sju klasserna man oftast ser omnämnda i handböcker på området. Anfanger Traditionella handskrifter hade ofta anfanger, stora och utsirade begynnelsebokstäver för varje kapitel, och detta kan utnyttjas som accentuerande utsmyckning även i modern typografi. Man ser det sällan nuförtiden, och det är inte alltid det är snyggt när man ser det, men det är ändå ett stilistiskt element som fortfarande kan vara på sin plats då och då. Kapitäler Versaler passar bra som begynnelsebokstäver, men i hela ord eller större grupper i löpande text blir de oproportionerliga och klumpiga. För att skriva förkortningar och annat som skall skrivas med versaler kan man då ta till så kallade kapitäler, eller små versaler. Falsk och äkta kursiv Antikvatypsnitten har sedan typografins barndom haft en följeslagare i de kursiva typsnitten. Kursiven är från början en efterapning av en formell skrivstil som skrevs på annat sätt och med andra verktyg än den humanistiska minuskeln, och har därför något annorlunda bokstavsformer än antikvan. Den används oftast för accentuering av vissa ord eller stycken. Vissa typsnitt har ingen specialdesignad kursiv, utan använder sig av en så kallad falsk kursiv, vilket bara är en lutad variant av de raka bokstäverna. Linjärer har ofta en falsk kursiv, och där Distansskolan 8

9 kan det vara helt i sin ordning. En falsk kursiv har däremot inget existensberättigande i ett antikvatypsnitt, där den varken harmonierar eller kontrasterar. Det finns även typsnitt som enbart är kursiva, och som mest är gjorda för att vara dekorativa och eleganta. Generellt sett är kursiv stil något mer svårläst än rak. Kerning Liksom vissa bokstavspar blir snyggare om de binds ihop så finns det gott om bokstavspar som på grund av bokstävernas form ser ut att hamna för tätt eller för glest om man placerar ut dem med geometrisk exakthet. För att råda bot på detta tar man till något som kallas för kerning. Kerning kan i dag göras automatiskt av de flesta ordbehandlare, baserat på förberäknade tabeller över problematiska bokstavspar. För vissa bokstavspar, till exempel AV, är effekten av kerning dramatisk. För andra bokstäver är kerningen mer subtil, men effekten på ordbilden är ändå tydlig. Text i stora grader kan se för gles ut om man bara förstorar bokstävernas form och placering proportionellt, och text i små grader kan se för tät och gyttrig ut om man bara förminskar allt lika mycket. För att få det snyggt behöver man ibland ta till knipning, vilket innebär att minska avstånden mellan alla bokstäver något, eller spärrning, vilket innebär att öka avståndet mellan bokstäverna något. Knipning och spärrning skall alltid göras mycket försiktigt. Alltför stora ingrepp i proportionerna i ett typsnitt förstör ordbilden och kan göra texten både ful och svårläst. Knipning och spärrning görs för hela ord eller hela stycken på en gång, och skall inte förväxlas med kerning, som görs mellan vissa bokstavspar. Manuell utjämning Rubriker och annan text som man vill utforma så att det blir riktigt snyggt, jämnt och behagligt för ögat förtjänar en extra handpåläggning vad beträffar avståndet mellan bokstäverna. Rader av versaler och kanske framför allt extra utsirade teckensnitt kan vinna mycket på en så kallad utjämning där man manuellt justerar avständet mellan bokstäverna. Knipning och spärrning Distansskolan 9

10 Specialtecken De flesta som i dag sysslar med textbehandling och typografi har inte typografisk skolning, utan har sin bakgrund i datorernas mycket begränsade teckenuppsättning. Därför görs det en del mycket vanliga och onödiga fel, varav de vanligaste påtalas nedan. Apostrofer och accenter Apostrofer skall normalt vara svängda och inte raka. I svenskan är apostrofer ovanliga, men i engelska är de desto vanligare: It s Charles turn, isn t it? Den raka apostrofen är en ful relik från skrivmaskinens dagar som tyvärr har överlevt fram till moderna tangentbord och digitala typsnitt. Streck och divis I brist på bättre tvingades man på skrivmaskiner ersätta tankstreck, talstreck och minustecken ( ) med det betydligt kortare bindestrecket eller divisen ( ). Alla moderna typsnitt innehåller dock separata bokstavsformer för streck och divis. Det kan vara litet knivigt att hitta dem på tangentbordet, speciellt på en PC, men de finns och skall användas. På svenska skall det längre strecket användas för minustecken, tankstreck och talstreck, samt egentligen också vid intervallangivelser av typen klockan Mellanslag Accenter är inte detsamma som apostrofer. Alltför ofta ser man folk skriva ide eller i värsta fall id e när de menar idé. Citationstecken Citationstecken skall liksom apostrofer vara svängda. Det raka citationstecknet är återigen en kvarleva från skrivmaskinerna. Där användes det dessutom både för att beteckna citat och måttenheten tum. På svenska skall man normalt ha samma tecken både i början och slutet av citat. Ordmellanrum och mellanrum efter skiljetecken skall alltid göras med ett enkelt mellanslag, annars förstör man typsnittets inbyggda och noga avvägda proportioner. Indrag och andra extra mellanrum skall aldrig göras med mellanslagstangenten. Använd i stället marginalinställningar och tabulatorinställningar. Textflöden och textplanering När text läggs på en sida talar man om att utföra ombrytning av ett textflöde. För att resultatet skall bli snyggt och ha en god läslighet finns det många saker man behöver tänka på. Distansskolan 10

11 Marginaler och satsbredd En av de viktigaste tumreglerna när man sätter text är att inte lägga den för tätt och i för stora mängder. Även en intresserad och van läsare finner en sida som är bräddfull med text svårläst och avvisande. Det är viktigt att man har lagom stora marginaler runt texten, och man behöver inte vara rädd för att lämna några ytor tomma. Tvärtom är vita ytor ett alldeles utmärkt designelement som bör utnyttjas. Det får heller inte vara för breda rader i en text. En vettig tumregel är att man bör hålla sig till tecken per rad, inte mer, men inte heller så mycket mindre. Om raderna blir kortare än tecken ger det lätt ett upphackat intryck. Radfall Teckengraden i punkter är egentligen frikopplad från radavståndet, ofta kallat kägeln eller radfallet i texten. Man bör alltid välja ett radavstånd som är större än teckengraden, annars kommer upp och nedstaplar att kollidera. Utslutning och avstavning För att få en vacker satsbild på en sida är det viktigt att få jämna kanter på textspalterna. Traditionell typografi accepterade inte en ojämn högermarginal, utan man lade stor möda på att göra en så kallad utslutning. Nuförtiden är det i många sammanhang accepterat att sätta text med ojämn högermarginal, så kallad vänsterställd text, och i vissa fall är det till och med att rekommendera. Indrag och mellanrum För att markera nytt stycke använder man i dag oftast ett extra stort radmellanrum, och det är i många sammanhang helt i sin ordning. Det extra radmellanrummet får dock inte bli för stort. Det traditionella sättet att markera nytt stycke i seriöst typograferad text är annars att göra ett så kallat indrag, vilket innebär att man börjar första meningen i ett nytt stycke en bit in på raden. Detta indrag kan vara ganska diskret. Den traditionella termen fyrkants indrag innebär att man gör ett indrag lika stort som textens kägel (radavstånd). Läsbarhet hos teckensnitt Läsbarheten hos text är delvis en fråga om preferenser hos läsaren, men de klassiska bokstavsformerna har utvecklats under många århundraden för att vara bland annat lättlästa och tydliga. För internet gäller lite andra regler än för tryckt text. För att den som tittar på din webbplats ska kunna se de teckensnitt du använt krävs att de har teckensnitten installerade på sin dator. Om så inte är fallet visas texten med Times. Även om Times är standardteckensnitt i din webbläsare, så innebär det inte att det är det mest lättlästa. Försök att använda dig av Verdana eller Georgia. De teckensnitten är specialgjorda för att läsas på bildskärm och installeras tillsammans med bl.a Internet Explorer. Andra teckensnitt som är användbara kan vara är Arial, större än 10 punkter, Helvetica eller Courier. Du kan ange flera typsnitt i koden till din webbplats. Det innebär att om läsaren inte Distansskolan 11

12 skulle ha ditt förstaval som teckensnitt, visas ditt andraval om det finns installerat o.s.v. En vanlig s.k font family är Verdana, Georgia, Arial, Helvetica. Om läsaren inte har Verdana visas Georgia (standard endast på mac) och efter det Arial och Helvetica. Om läsaren mot all förmodan inte skulle ha något av ovanstående teceknsnitten visas Times. Serifer eller inte? Det är med största sannolikhet så att serifer ökar läsbarheten hos text. Det gäller dock inte för bildskärm där sansserif är att föredra. Gemener kontra versaler Det är en vanlig missuppfattning att versaler skullevara tydligare eller lättare att läsa än gemener. Gemena bokstäver är tvärtom betydligt mer lättlästa. De har en mer varierad form än versaler, och är därför lättare att skilja åt. Kontrast och färg För att man skall kunna läsa en text måste det finnas en kontrast mellan bokstäverna och bakgrunden. Bäst är det om bokstäverna är mörka eller svarta mot en ljus bakgrund. Om man gör bokstäverna ljusa mot en mörk bakgrund behöver de oftast göras något fetare för att bli lika tydliga och lättlästa. Kontrasten får dock inte vara för stor En bra tumregel för bildskärm är att använda kompositionsfärger. En ljus bakgrund och mörkare text är att föredra.. En bländande Vit bakgrund gör bilder snygga, men kan försämra läsligheten för text. Böcker som inte innehåller bilder trycks ofta på ett litet gulare papper, vilket ger ett behagligare intryck och blir mer lättläst. Samma gäller för bildskärm. Typografi och budskap Typografi är en diskret konstform, och egentligen ett mycket otacksamt hantverk. De allra flesta människor som läser text lägger ingen som helst medveten vikt vid typografin, och typografins avsikt är inte heller att märkas i sig. Det finns naturligtvis tillfällen där en uppseendeväckande typografi i sig kan göra ett budskap uppmärksammat, men i de flesta fall är typografinsaktiva syfte att inte märkas. Digital typografi När man typograferar text bör man alltid tänka på vilket medium man skall publicera texten i. Detta gäller nu i ännu högre grad än tidigare sedan de digitala medierna gjort sitt intåg. Om man skall visa texten på en bildskärm drabbas man av en rad begränsningar som inte funnits i traditionell typografi, och som ställer vissa av de gängse begreppen på huvudet. Till exempel så är inte ett antikvatypsnitt av garaldtyp särskilt lämpligt för att återges i låg upplösning. De subtila detaljerna som skapar teckensnittets karaktär går helt förlorade, och det som blir kvar stör snarare läsbarheten än underlättar den. Didoner och realer, och i än högre grad mekaner, lämpar sig Distansskolan 12

13 bättre för digitalisering när man arbetar med låg upplösning. På bildskärm blir linjärer, teckensnitt utan seriffer, betydligt mer lättlästa i små grader än teckensnitt med seriffer. Seriffernas karaktär av små accenter till textbilden förbyts i otympligt dominerande drag när man i värsta fall måste göra serifferna lika tjocka som grundstrecken, och då är det oftast bättre att strunta i att försöka återge dem överhuvudtaget. Anti aliasing Det finns en teknik som kallas antialiasing, som går ut på att använda gråskalan som oftast finns på en bildskärm till att bättre återge mjuka rundningar och små detaljer i bokstäver, men för små teckengrader gör detta mer skada än nytta. Om bokstäverna har grundstreck som är i storleksordningen en digital pixel i bredd är det ur Century Schoolbook, vilket är en ganska genomgripande omarbetning av Century Schoolbook som skapades kring sekelskiftet. Typsnittet har både former och proportioner som lämpar sig väl för digitalisering. Ett modernare exempel är Microsofts Verdana. Verdana har en med traditionella mått mätt ganska övertydlig, bred och klumpig bokstavsform som dock tål låga upplösningar med bibehållen läslighet, och som dessutom bevarar åtminstone en del av sin typografiska karaktär även i mindre storlekar. Fler exempel finns som Georgia, Arial, Courier och Helvetica, även om de fortfarande är få. Digitala typsnittsdefinitioner Typsnitt enligt den gamla skolan, den som rådde ända fram till omkring 1985 ungefär, definierades av originalteckningar i stor skala av bokstävernas ytterkonturer. Dessa teckningar låg sedan till grund för typskärarnas arbete (för de gamla blytyperna) eller fotografiska original i liten skala (för tidiga fotosättare). Konturkurvor läsbarhetssynpunkt oftast direkt olämpligt att ta till sådana knep. Texten blir bara suddig i stället för snygg. I större grader är det däremot mycket rekommendabelt att använda antialiasing. Det finns några moderna teckensnitt som formgivits med hänsyn till de nya begränsningar som låga digitala upplösningar innebär. Ett av de första var New Numera finns två sätt att definiera typsnitt. Det ena ansluter nära till den traditionella definitionen och är en samling kurvor och linjer i ett koordinatsystem, som tillsammans beskriver en matematisk kurva för bokstavens konturer. Sådana definitioner finns i två vanliga format: PostScript och TrueType. Båda har sina fördelar, men är i allt väsentligt likvärdiga. Båda jobbar med Distansskolan 13

14 parametriska kurvor och polynom, så kallade splines. PostScript använder tredjegradspolynom och TrueType använder andragradspolynom TrueType typsnitt kräver oftast något fler kontrollpunkter för att definierar en viss bokstavsform, men kurvorna är å andra sidan enklare att beräkna. När man skall återge en bokstav, på bildskärm, i tryck eller på något annat sätt, måste dock alltid de ideala kurvorna omvandlas till en digital bild. I stort sett alla former av återgivning av bokstäver som används i dag baserar sig på en digital bild någonstans i kedjan. Sätteriutrustningar för att framställa tryckoriginal är alltid digitala i dag. Olika former av skrivare för datorer arbetar helt med digitala data. Bildskärmar av alla slag baserar sig på ett rutnät med pixels en digital bild. Den matematiska kurvan som definierar bokstavens kontur används i den så kallade rasterkonverteringen (Raster Image Processing, RIP) för att bestämma vilka pixels i de digitala bilden som skall vara svarta respektive vita. På bildskärm har man möjlighet att använda gråskala, alltså sätta bildpunkter till värden någonstans mellan svart och vitt, men denna möjlighet saknas oftast i tryck. Digitala bilder (bitmappar) Det andra sättet att definiera teckensnitt ansluter mera till det utformat man har för tecknen, det vill säga digitala punktuppbyggda bilder. Man anger då varje bokstav direkt som en digital bild. Man talar om bitmappade typsnitt, av engelskans bitmap, som är en litet slarvig benämning för digitala bilder. Detta sätt att definiera bokstäver lämpar sig för presentation i låg upplösning, där det inte är så lätt eller ens genomförbart att räkna fram en digital bild ur en samling matematiska kurvor för varje tecken, som ändå inte blir större än några få pixels i utbilden. För att fungera bra både på skärm och i utskrift måste ett typsnitt innehålla dels en upplösningsoberoende definition med kurvor som beskriver konturerna, dels en uppsättning förberäknade och dessutom helst manuellt finjusterade bitmappade bokstavsformer för låga upplösningar och små grader. De bitmappade typsnitten används inte i utskrift, men de behövs för en snygg bildskärmspresentation. Såväl TryeTypesom PostScript teckensnitt innehåller mekanismer för att ange bitmappade bokstavsformer för vissa storlekar. Tyvärr slarvas det ofta med att göra dessa bra, men professionellt designade typsnitt bör ha även skärmtypsnitt av god kvalitet. Typsnittets egentliga karaktär framgår dock inte annat än i högre upplösningar. Distansskolan 14

Bokstavshistoria. & Teckensnitt

Bokstavshistoria. & Teckensnitt Bokstavshistoria & Teckensnitt Bokstävernas ursprung Kilskriften; utvecklad ca 3500 f.kr. av sumererna i Mesopotamien. Piktogram; en (förenklad) bild som representerar en bestämd sak, t.ex. en sol Sumererna

Läs mer

Text och typsnitt. Läsbarhet. Tecken per rad. Storlek

Text och typsnitt. Läsbarhet. Tecken per rad. Storlek Text och typsnitt Läsbarhet Tecken per rad Idealt antal för löpande text i större mängder är 45-65, (55). Tidningar och tidskrifter: 25-35 tecken per rad. För långa rader - svårt för läsaren att snabbt

Läs mer

Vad är Typografi och Layout

Vad är Typografi och Layout Vad är Typografi och Layout Typografi: Att ge form åt dokumentets bokstäver, ord, meningar, stycken och rubriker. Layout: Att lägga ut text och bild på en sida så att den blir tilltalande och lätt för

Läs mer

Vi möts dagligen av en

Vi möts dagligen av en Text som fler kan läsa tips om typografi och layout Vi möts dagligen av en mängd tidningar, tidskrifter, broschyrer, affischer och andra trycksaker. De flesta kan lätt läsa informationen i dem. Men det

Läs mer

Äldsta kända inskriptionen

Äldsta kända inskriptionen Texthantering Skriftspråk Äldsta kända inskriptionen Predynastic King Scorpion (around 3200 BC) there is -among other things- the oldest so far known phonetically readable evidence of hieroglyphic writing

Läs mer

Bilden och kommunikationen

Bilden och kommunikationen Bilden och kommunikationen UTTRYCK OCH INNEHÅLL = TECKEN TECKEN = här menas semiotiskt Den minsta betydelsebärande delen i ett språk Tecken tolkas med hjälp av koder Utan koder - inga tecken - obegripligt

Läs mer

Lednat som låg udenr dem var sdöra Mpedaled, och där fnans rkat igntineng anant än ögislda sakogr. Men när öenrn

Lednat som låg udenr dem var sdöra Mpedaled, och där fnans rkat igntineng anant än ögislda sakogr. Men när öenrn Vi läser ordbilder Skriftspråket är ett artificiellt, konstgjort språk. Typografin sätter samtalstonen, disponerar innehållet och visualiserar budskapet. Läsarens hjärna och öga tolkar ordbilder och konturer.

Läs mer

Typografi Typografi. Typografi. Viktigaste tre funktionerna - förklara, betona och förtydliga. Givetvis attrahera - genom att vara läsvänligt

Typografi Typografi. Typografi. Viktigaste tre funktionerna - förklara, betona och förtydliga. Givetvis attrahera - genom att vara läsvänligt Typografi Typografi Typografi Viktigaste tre funktionerna - förklara, betona och förtydliga Givetvis attrahera - genom att vara läsvänligt är det attraktivt, genom att fungera ihop med en grafisk profil

Läs mer

Grafisk design För synskadade och lite om dyslexi

Grafisk design För synskadade och lite om dyslexi Grafisk design För synskadade och lite om dyslexi Färgblind Tritanopi/tritanomali, blått Protanopi/protanomali, röd Deuteranopi/deuteranomali, grönt Röd-grön vanligast Gul-blå ovanlig Mycket ovanligt,

Läs mer

Inledning 4 6. Märke. Typsnitt 7 9. 10. Färger

Inledning 4 6. Märke. Typsnitt 7 9. 10. Färger GRAFISK PROFIL INNEHÅLL 3. Inledning 4 6. Märke Huvudmärke. Varianter. Tillämpning. 7 9. Typsnitt Huvudtypsnitt. Webbtypsnitt. 10. Färger Huvudfärger. Komplementfärger. Webbfärger INLEDNING Den grafiska

Läs mer

Gör släktboken enhetlig - använd formatmallar

Gör släktboken enhetlig - använd formatmallar Gör släktboken enhetlig - 25 använd formatmallar I en lättläst bok märks inte typografin - om den märks stör den! För att på ett enkelt sätt ge din bok enhetlig layout och typografi bör du använda formatmallar.

Läs mer

Skiljer sig rekommendationerna för»skriven» och»tryckt» text?

Skiljer sig rekommendationerna för»skriven» och»tryckt» text? KUNGLIGA TEKNISKA HÖGSKOLAN Numerisk analys och datalogi Skiljer sig rekommendationerna för»skriven» och»tryckt» text? Vårterminen 2002 Kurs i datorstöd för textbehandling 10 poäng Författare: Agneta Forslund

Läs mer

Omslagsbild: More taste less. Till denna skrift har följande (utmärkta) typsnitt och grader använts:

Omslagsbild: More taste less. Till denna skrift har följande (utmärkta) typsnitt och grader använts: Omslagsbild: More taste less Producerad av: P-I Mattsson Andreas Håkan Therse Camilla Anki Digital publicering Borås 2002 Till denna skrift har följande (utmärkta) typsnitt och grader använts: Rubriker

Läs mer

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse

Layout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse Layout Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm

Läs mer

Vetenskapliga affischer. Karin Fahlquist

Vetenskapliga affischer. Karin Fahlquist Vetenskapliga affischer Karin Fahlquist En forsknings affisch/poster Sammafatta information eller forskning kortfattat och tilltalande Publicera resultat Skapa diskussion (diskussions underlag) Reklam

Läs mer

Grafisk Profil. Grafisk Profil Version 1.0 06/12-2005

Grafisk Profil. Grafisk Profil Version 1.0 06/12-2005 Grafisk Profil Gertruds grafiska profil är dess ansiktet utåt. För Gertruds kunder, samarbetspartners och medarbetare ska det vara lätt att identifiera budskap från Gertrud i olika medier. Logotpen är

Läs mer

Några typografiska regler

Några typografiska regler Anders Lundquist 2008 Några typografiska regler Med typografi är det som med städning. Man tänker inte på att det är städat, men är det ostädat så får man genast ett dåligt intryck. En text med god typografi

Läs mer

Typografi. Bokstävernas historia

Typografi. Bokstävernas historia Typografi Bokstävernas historia Ett mentalt språng för människan var när hon kom överens om en konvension där ett tecken representerar ett begrepp/ord. I och med detta var skriften född. På så sätt kunde

Läs mer

STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil

STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil Handbok Styrelsen/Jan Pallinder Grafisk Profil 2009-12-09 Sida 1 av 12 Innehållsförteckning 1. GRAFISK PROFIL... 3 1.1 Inledning... 3 1.2 Skölden... 3 1.2.1 Allmänt...

Läs mer

God typografi och layout gör texten läslig

God typografi och layout gör texten läslig God typografi och layout gör texten läslig 4 Hur texten presenteras kan få en avgörande roll för inlärning. Formen kan hjälpa läsaren att minnas men den kan också stjälpa och hindra hans läsning eller

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

G R A F I S K M A N U A L

G R A F I S K M A N U A L GRAFISK MANUAL 2008 03 01 VARFÖR EN GRAFISK MANUAL? Viktigast för en verksamhet är männi skorna inom organi sa - tionen och vad de gemensamt kan erbjuda sina upp drags - givare. Men även den grafiska formgivningen

Läs mer

INNEHÅLL. Version

INNEHÅLL. Version INNEHÅLL 1. Om Trosa kommuns grafiska profil och manual Sid 3 2. Kommunvapnet Sid 4 2.1. Form och ursprung Sid 4 2.2. Användning av vapnet Sid 5 2.3. Vapnets färger och varianter Sid 6 2.4. Otillåten användning

Läs mer

Grafisk profil för Ottenby Åkeri

Grafisk profil för Ottenby Åkeri Grafisk profil för Ottenby Åkeri Grafisk profil framtagen för Ottenby Åkeri utav designbyrån ADDinnovation 2006 Inledning Grafisk profil Den största vinsten med en enhetlig grafisk profil är att företagets

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

Läs mer

GUIDELINES: VALSLOGAN 2018 GRAFISK ANVÄNDNING

GUIDELINES: VALSLOGAN 2018 GRAFISK ANVÄNDNING GUIDELINES: VALSLOGAN 2018 GRAFISK ANVÄNDNING Det här dokumentet anger guidelines för hur 2018 års valslogan används i grafisk form. @ 2018 Socialdemokraterna Sida 1 2018 ÅRS VALSLOGAN: Användning: Använd

Läs mer

Grafisk Profil. Innehåll: logotyp. teckensnitt/fonter. bilder

Grafisk Profil. Innehåll: logotyp. teckensnitt/fonter. bilder Grafisk Profil Innehåll: logotyp teckensnitt/fonter bilder logotyp KOMMUNVAPEN 1-FÄRG Vilhelminas kommunvapen ska i första hand användas i den information som hanteras av kommunanställda och där budskapet

Läs mer

Personlig anpassning av Microsoft Word 2003. Vers 20101001

Personlig anpassning av Microsoft Word 2003. Vers 20101001 Personlig anpassning av Microsoft Word 2003 Vers 20101001 Innehållsförteckning Startåtgärdsfönster... 3 Anpassa antalet ikoner... 3 Lägga till ett nytt verktygsfält... 4 Återställ till normalläge... 4

Läs mer

Ersätta text, specialtecken och formatering

Ersätta text, specialtecken och formatering 11 Ersätta text, specialtecken och formatering Möjligheten att söka igenom dokumentet och byta ut tecken, ord, textstycken, formatering, specialtecken (t.ex. sidbrytning) och annat är faktiskt mycket mer

Läs mer

Vetenskapliga affischer

Vetenskapliga affischer Vetenskapliga affischer En forsknings affisch/poster Sammafatta information eller forskning kortfattat och tilltalande Publicera resultat Skapa diskussion (diskussions underlag) 1 Reklam för ditt arbete

Läs mer

Typografi Layout Grunder

Typografi Layout Grunder Thor Stone Education Typografi Layout Grunder 1 FÖRORD 3 TYPOGRAFI 4 God typografi märks inte 4 Allmänt om typografi 6 Textjustering 7 Allmänna råd om typografi 8 Olika format som används 9 Typografiska

Läs mer

Typografiska grundkunskaper

Typografiska grundkunskaper Typografiska grundkunskaper Traditioner ända från 1400-talet har präglat tryckeribranschens omfångsrika lista av facktermer. När boktryck och därmed blysats avvecklades försvann också de gamla beteckningarna

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

Läs mer

Typtrivsel. en vägledning i att kombinera sanserif i rubrik och serif i text. Akademiskt kompendium

Typtrivsel. en vägledning i att kombinera sanserif i rubrik och serif i text. Akademiskt kompendium Typtrivsel en vägledning i att kombinera sanserif i rubrik och serif i text Akademiskt kompendium FyrisFonts Stefan Lundhem 2018 Typsnitt som trivs tillsammans När man kombinerar två typsnitt vill man

Läs mer

Intryck som ger avtryck

Intryck som ger avtryck Intryck som ger avtryck Vapnet är stadens minsta gemensamma nämnare, vars släktdrag går att känna igen redan från början av 1600-talet då staden grundades. En stad ett ansikte Göteborgs Stads grafiska

Läs mer

Linjalens inställningar och formatering i ordbehandling.

Linjalens inställningar och formatering i ordbehandling. SYDSOL Handledning ordbehandling 2000-02-23 Linjalens inställningar och formatering i ordbehandling. Syfte: Beskriva linjalens funktioner i ordbehandling och utformning av ett dokument Skall du lyckas

Läs mer

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Den här veckan Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Kom ihåg att boka tiden för handledning på fredag när doodles kommer upp. Handledning

Läs mer

KULTURRÅDET - EN INSPIRERANDE MYNDIGHET

KULTURRÅDET - EN INSPIRERANDE MYNDIGHET 2008-01-28 09.32 KULTURRÅDET - EN INSPIRERANDE MYNDIGHET Kulturrådet har i uppdrag att förverkliga de kulturpolitiska beslut som riksdag och regering fattat. Det är ett viktigt uppdrag och ett inspirerande

Läs mer

VARFÖR BEHÖVER SSDF REGLER FÖR SIN GRAFISKA PROFIL?

VARFÖR BEHÖVER SSDF REGLER FÖR SIN GRAFISKA PROFIL? VÅR GRAFISKA PROFIL VARFÖR BEHÖVER SSDF REGLER FÖR SIN GRAFISKA PROFIL? Det är mycket viktigt för en organisation, oavsett om det är ett företag eller ett ideellt idrottsförbund, att alltid visa samma

Läs mer

1.1 Inledning 2. 1.2 Skölden 2 1.2.1 Allmänt 2 1.2.2 Broschyrer och liknande 3 1.2.3 Trycksaker producerade av regionala förbund och specialförbund 4

1.1 Inledning 2. 1.2 Skölden 2 1.2.1 Allmänt 2 1.2.2 Broschyrer och liknande 3 1.2.3 Trycksaker producerade av regionala förbund och specialförbund 4 Sid 1 (10) 1 GRAFISK PROFIL 1.1 Inledning 2 1.2 Skölden 2 1.2.1 Allmänt 2 1.2.2 Broschyrer och liknande 3 1.2.3 Trycksaker producerade av regionala förbund och specialförbund 4 1.3 Försvarsutbildarna som

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Vår nya profil. Stefan Käll, kanslichef

Vår nya profil. Stefan Käll, kanslichef Grafisk manual 3 Vår nya profil Neurologiskt Handikappades Riksförbund har fått en ny, tydlig grafisk profil. Logotypen med organisationens hela namn,den välkända nyckelpigan och den varma röda färgen

Läs mer

En enhetlig profil är viktig för alla organisationer

En enhetlig profil är viktig för alla organisationer En enhetlig profil är viktig för alla organisationer och ännu viktigare för en stor grupp av frivilliga. Då öppnas möjligheten för att alla känner samhörighet och vet åt vilket håll gruppen går. Det gör

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Kommunikation och presentation

Kommunikation och presentation Kommunikation och presentation MFM310 2010-09-16 Eva Larsson FoUU-enheten primärvården i Fyrbodal Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut.

Läs mer

S vintagebröllo LSA p E EL P SAS LLO VINTAGEBRÖ Grafisk manual

S vintagebröllo LSA p E EL P SAS LLO VINTAGEBRÖ Grafisk manual Grafisk manual Välkommen! Den grafiska profilen är skapad till Elsas vintagebröllop som ägs av Elsa billgren. Hennes affärsidé är att erbjuda fantastiska klänningar i underbar kvalitet till lågt pris.

Läs mer

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna

Läs mer

INLEDNING. Inledning Logotyp Färger Teckensnitt Tillämpningar

INLEDNING. Inledning Logotyp Färger Teckensnitt Tillämpningar GRAFISK MANUAL INLEDNING Den här manualen beskriver hur vi arbetar med vår grafiska profil. I den hittar du allt från användandet av logotypen och hanterandet av färger och typografi, till mallar för utformning

Läs mer

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015

S.M.A.R.T UF 07/11 2014 GRAFISK PROFIL Emin Karalic. Grafisk profil 2014/2015 Grafisk profil 2014/2015 Förord Vi inom S.M.A.R.T UF arbetar för avstigmatiseringen kring psykisk ohälsa genom olika projekt. Talespersonen som agerar som en del av ansiktet utåt är Emin Agga. Han jobbar

Läs mer

Att skriva på datorn

Att skriva på datorn Att skriva på datorn Innehåll: Inledning 1 Tangentbordet 2 Att skriva i Word 4 Att skriva på Internet 7 Övningar 8 2 Inledning Välkommen till steg 2 av Internetkursen för nybörjare! Vid detta kurstillfälle

Läs mer

Grunder. Grafiktyper. Vektorgrafik

Grunder. Grafiktyper. Vektorgrafik 2 Grunder All vår början bliver svår eller hur det nu brukar heta, och detta är något som gäller även Flash. För den som är ovan vid Flash gäller det säkert extra mycket, då det kan vara knepigt att förstå

Läs mer

3. Hämta och infoga bilder

3. Hämta och infoga bilder Sida 1 av 8 Lektion 1: sida 4 av 4 «Sida 3 av 4 Till kursens framsida 3. Hämta och infoga bilder Nu vet vi ju hur man sätter in text i sin sida. Men hur gör man med bilder? Det är inte svårt alls! Det

Läs mer

Personlig anpassning av Microsoft Word 2007. Vers. 20101001

Personlig anpassning av Microsoft Word 2007. Vers. 20101001 Personlig anpassning av Microsoft Word 2007 Vers. 20101001 Innehållsförteckning: Menyer... 3 Ta bort menyflikarnas ikoner... 3 Anpassning av snabbåtkomstfältet... 4 Tangentbordskommandon... 4 Kortkommandon

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck Projektarbete Solveig Betnér Sammanfattning och syfte Företaget Solveig skapar textila handarbetade produkter

Läs mer

Kort om World Wide Web (webben)

Kort om World Wide Web (webben) KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.

Läs mer

Grafisk manual Sörmlandsstugan 2.0

Grafisk manual Sörmlandsstugan 2.0 Grafisk manual Sörmlandsstugan 2.0 Innehållsförteckning 3 Om Sörmlandsstugan 2.0 4 Logotypen 5 Storlek och frizon 6 Typografi 7 Anvisningar 8 Basfärger 9 Komplementfärger 10 Färgsystem 11 Grafiska element

Läs mer

Personlig anpassning av Microsoft Word 2013. Vers. 20131001

Personlig anpassning av Microsoft Word 2013. Vers. 20131001 Personlig anpassning av Microsoft Word 2013 Vers. 20131001 Innehållsförteckning: Menyer... 3 Ta bort menyflikarnas ikoner... 3 Anpassning av snabbåtkomstfältet... 4 Tangentbordskommandon... 5 Kortkommandon

Läs mer

PIM Skriva http://www.pim.skolutveckling.se/

PIM Skriva http://www.pim.skolutveckling.se/ PIM Skriva http://www.pim.skolutveckling.se/ Examination http://pimbevis.skolutveckling.se/ Nivå 1 Frågefilm om sökning på internet Inlämningsuppgift - Worddokument med bilder http://www.pim.skolutveckling.se/upload/pimpresentation.ppt

Läs mer

Svenskt Sigill Grafiska riktlinjer

Svenskt Sigill Grafiska riktlinjer Svenskt Sigill Grafiska riktlinjer Inledning 2 Logotyp Grundversion 3 Logotyp Frizon 4 Logotyp 3D 5 Logotyp Webbanpassad 6 Logotyp Byline 7 Logotyp Tilläggsinformation 8 Tillämpning 10 Typografi 11 Kontakt

Läs mer

Formgivning. Vilka företag står bakom djursymbolerna nedan och varför vill man förknippas med just dessa djur? Företaget EMicrosofts logotype.

Formgivning. Vilka företag står bakom djursymbolerna nedan och varför vill man förknippas med just dessa djur? Företaget EMicrosofts logotype. Formgivning Logotyper och grafiskt märken Man skiljer på grafiska märken och logotyper. Logotyper hela företagsnamnet som är något förändrat medan ett grafiskt märke inte behöver har något med typografi

Läs mer

Utseende. Lauri Watts Översättare: Stefan Asserhäll

Utseende. Lauri Watts Översättare: Stefan Asserhäll Lauri Watts Översättare: Stefan Asserhäll 2 Innehåll 1 Utseende 4 1.1 Allmänt............................................ 4 1.2 Teckensnitt.......................................... 4 1.3 Stilmallar...........................................

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek Grafisk profil Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger Profilfärger och kompletterande

Läs mer

Dokumentation av rapportmall

Dokumentation av rapportmall Dokumentation av rapportmall Utgivningsår: 2003 Författare: Eva Erbenius Samhällsmedicin Centrum för Tillämpad Näringslära Box 175 33 Wollmar Yxkullsgatan 19 118 91 Stockholm Innehåll Inledning... 3 Rapportens

Läs mer

Vad är en grafisk profil? Det korta svaret är: visuella redskap, som logotyp, färger, typsnitt, bilder och illustrationer.

Vad är en grafisk profil? Det korta svaret är: visuella redskap, som logotyp, färger, typsnitt, bilder och illustrationer. GRAFISK PROFIL Vad är en grafisk profil? Det korta svaret är: visuella redskap, som logotyp, färger, typsnitt, bilder och illustrationer. En grafisk profil ska uttrycka organisationens personlighet och

Läs mer

Digital bildhantering

Digital bildhantering Digital bildhantering En analog bild blir digital när den scannas. Bilden delas upp i småbitar, fyrkanter, pixlar. En pixel = den digitala bildens minsta byggsten. Hur detaljrik bilden blir beror på upplösningen

Läs mer

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat Allt är Tobbes fel. Grafisk profil för förbundet Ung Pirat Varför behövs en grafisk profil? En grafisk profil har man för att en organisation enkelt ska kännas igen. Här sammanställs olika riktlinjer för

Läs mer

Teckenförrådet Grafisk profil

Teckenförrådet Grafisk profil Teckenförrådet Grafisk profil Om den grafiska profilen Hur vi beter oss och ser ut styr i mångt och mycket hur vi uppfattas, alla har vi en personlig stil som signalerar vilka vi är, detta gäller även

Läs mer

GRAFISK PROFIL och en liten guide i hur du använder den. valrörelse 2018 och framåt

GRAFISK PROFIL och en liten guide i hur du använder den. valrörelse 2018 och framåt GRAFISK PROFIL och en liten guide i hur du använder den valrörelse 2018 och framåt FÄRGER Kampanjfärger #fab61e #88cbc4 #e34290 De tre färgerna ovan är våra valkampanjsfärger. De kan kan användas till

Läs mer

Bildredigering i EPiServer & Gimp

Bildredigering i EPiServer & Gimp Bildredigering i EPiServer & Gimp Maria Sognefors 7minds Agenda Teori om bilder Att tänka på när jag fotograferar Föra över bilder från kamera till dator Ladda upp bilder till EPiServer CMS 5 Enkel redigering

Läs mer

Människans möte med den mänskliga kroppen. Ett pedagogiskt studiematerial

Människans möte med den mänskliga kroppen. Ett pedagogiskt studiematerial Människans möte med den mänskliga kroppen Ett pedagogiskt studiematerial Inledning I dag så påverkas vi medvetet och omedvetet av yttre ideal. Ofta så glömmer vi bort att ställa frågan till oss själva

Läs mer

Dags att skriva uppsats?

Dags att skriva uppsats? Dags att skriva uppsats? Grundkurs i Word 2010 SDM Studentdatorutbildning vid Malmö högskola Att skriva i Word! 1 Börja skriva/skapa ditt dokument- något att tänka på 1 Spara ditt dokument 1 Bra att veta

Läs mer

design & layout Distansskolan 1

design & layout Distansskolan 1 design & layout Distansskolan 1 Grundelementen Varje komposition är summan av dess grundelement. Om du tittar på en annons eller broschyr kommer du hitta både enkla och komplexa kompositioner. En del kompositioner

Läs mer

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Göteborgs miljövetenskapliga Centrum, GMV 2 Om GMV:s grafiska riktlinjer Om GMV:s grafiska riktlinjer GMV:s grafiska riktlinjer

Läs mer

RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER

RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER RIKTLINJER KRING ANVÄNDANDE AV GRAFISK PROFIL FÖR ARBETE MED HEMSIDOR OCH TRYCKSAKER DETTA DOKUMENT ÄR ETT KOMPLEMENT TILL NYFÖRETAGARCENTRUM SVERIGES GRAFISKA PROFIL. I DEN GRAFISKA PROFILEN SPECIFICERAS

Läs mer

FÄRGER GRAFISKA ELEMENT BILD- OCH TEXTMANÉER ANVÄNDNING SLUTORD

FÄRGER GRAFISKA ELEMENT BILD- OCH TEXTMANÉER ANVÄNDNING SLUTORD GRAFISK MANUAL IDENTITET INNEHÅLL Grafisk design och kommunikation är en sektion med en stark identitet. Vi vet vilka vi är och hur vi gör. Denna manual har gjorts för att alla andra också ska veta vilka

Läs mer

Grafisk manual. Innehåll. Kontakt: max@desmond.com

Grafisk manual. Innehåll. Kontakt: max@desmond.com Grafisk manual Innehåll Kontakt: max@desmond.com Förutsättningar Hoop skall ha en modern och sportig profil som skall vara denna manual trogen i allt formellt material som: Brev, Mejl, Instruktionsböcker

Läs mer

Skärmtypografi. Mikael Becker, Mittuniversitetet 2005

Skärmtypografi. Mikael Becker, Mittuniversitetet 2005 Skärmtypografi Mikael Becker, Mittuniversitetet 2005 Introduktion Detta häfte är gjort med i huvudsak Georgia. Gjort av Matthew Carter för Microsofts räkning (det bästa Microsoft har gjort i mitt tycke).

Läs mer

Det virtuella tangentbordet

Det virtuella tangentbordet Kapitel tre Det virtuella tangentbordet I det här kapitlet ska vi titta närmare på tangentbordet i ipad och hur det används i olika sammanhang. Som du kanske har märkt öppnas tangentbordet automatiskt

Läs mer

Grafisk profil R AB. Ransäters Invest AB

Grafisk profil R AB. Ransäters Invest AB Grafisk profil R AB Ransäters Invest AB Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger och

Läs mer

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism: Webbdesign Man kan definiera webbdesign som konsten att skapa webbplatser. En webbdesigners uppgift är att välja färger som passar, lägga till bra och rätt funktioner till webbplatsen och sedan se till

Läs mer

Gränsöverskridande samverkan

Gränsöverskridande samverkan 1 Grafisk Profil Denna grafiska manual är en hjälp för dig som jobbar i eller med Vårdsamverkan Fyrbodal för att skapa en tydlig, enhetlig och konsekvent kommunikation med omvärlden. Vår logga, våra färger

Läs mer

GRAFISK MANUAL. Trollhättans Missionskyrka 2014-04-24

GRAFISK MANUAL. Trollhättans Missionskyrka 2014-04-24 GRAFISK MANUAL Trollhättans Missionskyrka 2014-04-24 Kapitel 8, Marknadsföring är tills vidare utelämnad då det tar tid att genomarbeta konsekvenserna för programblad och hemsida samt hur vi vill marknadsföra

Läs mer

bilder för användning

bilder för användning Grundläggande guide i efterbehandling av bilder för användning på webben Innehåll Innehåll...2 Inledning...3 Beskärning...4 Att beskära en kvadratisk bild...5 Att beskära med bibehållna proportioner...5

Läs mer

grafisk Profilmanual yeos

grafisk Profilmanual yeos grafisk Profilmanual yeos 2011-08-05 INNEHÅLL Introduktion 01 Logotyp 02 typsnitt 03 färgpalett 04 01 Introduktion Profilmanualen hjälper den som kommunicerar med YEOS som avsändare att upprätthålla önskvärd

Läs mer

MANUS Typografiskt seminarium

MANUS Typografiskt seminarium MANUS Typografiskt seminarium Typografiskt seminarium Gunilla Klose 1 Manus ska vara läsvärt innehållsmässigt läsligt språkligt läsbart utformat för att bli lättläst och läsvänligt Typografiskt seminarium

Läs mer

GRAFISK PROFIL TIDAHOLMS KOMMUN

GRAFISK PROFIL TIDAHOLMS KOMMUN GRAFISK PROFIL TIDAHOLMS KOMMUN INNEHÅLL 2 3 4 5 6 7 8 8 8 Varför grafisk profil? Övergripande riktlinjer Logotyper Kommunvapen Tidaholmslogotyp Verksamhetsspecifika symboler Skyltar Mallar Audiell profil

Läs mer

Neuropedagogik Björn Adler, Hanna Adler och Studentlitteratur 2006. Bilaga 3:1 Arbeta med grundformerna för bokstäver Kognitiv träning i skrivning

Neuropedagogik Björn Adler, Hanna Adler och Studentlitteratur 2006. Bilaga 3:1 Arbeta med grundformerna för bokstäver Kognitiv träning i skrivning Bilaga 3:1 Arbeta med grundformerna för bokstäver Former i bokstäver Våra bokstäver skrivs samtliga med ett antal geometriska former som kombi neras på ett antal olika sätt för att bilda de 29 unika bokstäverna

Läs mer

Grafisk manual. Åklagarmyndigheten. Version 1.0

Grafisk manual. Åklagarmyndigheten. Version 1.0 Grafisk manual Åklagarmyndigheten Version 1.0 Varför en grafisk profil? Åklagarmyndigheten ska ha ett gemensamt ansikte mot omvärlden. Därför finns en grafisk profil, med regler för användning av logotype,

Läs mer

Varumärket - föreningens hjärta... 3. Logotyp... 4. Logotypens frizon... 5. Deviselement... 6. Profilfärger... 7. Primära färger...

Varumärket - föreningens hjärta... 3. Logotyp... 4. Logotypens frizon... 5. Deviselement... 6. Profilfärger... 7. Primära färger... 1 Varumärket - föreningens hjärta... 3 Logotyp... 4 Logotypens frizon... 5 Deviselement... 6 Profilfärger... 7 Primära färger... 7 Sekundära färger... 8 Tertiära färger... 9 Typsnitt & typografi... 10

Läs mer

övningarna 25 februari kl. 15.30 Enkel dokumenthantering I Ordbehandling och kalkyl (med ex Word och Excel eller liknande program p kontorspaket).

övningarna 25 februari kl. 15.30 Enkel dokumenthantering I Ordbehandling och kalkyl (med ex Word och Excel eller liknande program p kontorspaket). IT-Caf Café - Vårprogram 2013 Här är r närmaste n övningarna Månd 25 februari kl. 15.30 Enkel dokumenthantering I Ordbehandling och kalkyl (med ex Word och Excel eller liknande program p i kontorspaket).

Läs mer

Hur skriver man ett textdokument med bild i OpenOffice?

Hur skriver man ett textdokument med bild i OpenOffice? Lathund för textdokument (Writer) och lite presentation (Impress). 1. Ladda hem OpenOffice på www.openoffice.org. 2. Öppna OpenOffice och välj textdokument (Writer). 3. Välj ett lämpligt teckensnitt genom

Läs mer

Anpassning av Windows 7 och Word 2010

Anpassning av Windows 7 och Word 2010 Anpassning av Windows 7 och Word 2010 Det finns en hel del små förändringar man kan göra för att det ska bli lättare att navigera i datorn, läsa och skriva. Med kortare rader, tydligt typsnitt större avstånd

Läs mer

Hjälp till BoD easyeditor

Hjälp till BoD easyeditor Hjälp till BoD easyeditor 1 TEXT 1.1 Innehållsförteckning och kapitel 1.2 Skapa nytt kapitel och bearbeta 1.3 Skriva/infoga 1.4 Formatera/skapa 1.5 Ytterligare funktioner 2 BILDER 2.1 Ladda upp bilder

Läs mer

Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker

Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker Riktlinjer kring grafisk profil för arbete med hemsidor och trycksaker Riktlinjer för och lokala NyföretagarCentrum Framtagna av i samarbete med s Kvalitetsråd 1 Logotype Logotype s logotype består av

Läs mer

Gör släktboken enhetlig använd formatmallar 25

Gör släktboken enhetlig använd formatmallar 25 Vad är en formatmall? 25-1 Gör släktboken enhetlig använd formatmallar 25 I en lättläst bok märks inte typograf in om den märks stör den! För att på ett enkelt sätt ge din bok enhetlig layout och typograf

Läs mer

Läsbarhet ur grafisk synvinkel

Läsbarhet ur grafisk synvinkel Läsbarhet ur grafisk synvinkel Åke Hallberg Inom den grafiska branschen har man inte varit nämnvärt intresserad av forskning beträffande läslighet. Visserligen har det funnits typografiska grundregler

Läs mer

ORDBEHANDLIG MED MICROSOFT WORD... 2 PRINCIPER... 2 STARTA PROGRAMMET... 2 ARBETSINSTÄLLNINGAR...

ORDBEHANDLIG MED MICROSOFT WORD... 2 PRINCIPER... 2 STARTA PROGRAMMET... 2 ARBETSINSTÄLLNINGAR... MED MICROSOFT WORD 1 ORDBEHANDLIG MED MICROSOFT WORD... 2 PRINCIPER... 2 STARTA PROGRAMMET... 2 ARBETSINSTÄLLNINGAR... 2 Marginaler... 2 Sidnumrering... 2 Radavstånd... 3 VISNINGSLÄGEN... 3 SPARA DOKUMENT...

Läs mer

Lär dig POWERPOINT. Lars Ericson datorkunskap.com

Lär dig POWERPOINT. Lars Ericson datorkunskap.com Lär dig POWERPOINT Lars Ericson datorkunskap.com POWERPOINT D A Programmet Microsoft PowerPoint används till att skapa grafiska presentationer till bildspel, presentationer mm. När du öppnar upp PowerPoint

Läs mer

TILLÄMPNING. Hudiksvalls kommun. Grafisk profil

TILLÄMPNING. Hudiksvalls kommun. Grafisk profil TILLÄMPNING Hudiksvalls kommun Grafisk profil Förord Hudiksvalls kommunvapen har gamla anor. De tre bockarna, som troligen härstammar från landskapsvapnet hälsingebocken, har använts sedan 1582. Vapnet

Läs mer