Kirjaintyypin suunnitteleminen WWW-ympäristöön

Abstract

Tämän toiminnallisen opinnäytetyön aiheena on kirjaintyypin suunnitteleminen WWW-ympäristöön. Työssä pyritään määrittelemään mitkä ominaisuudet tekevät kirjaintyypistä ihanteellisen WWW-ympäristöä varten ja miten näiden ominaisuuksien huomioiminen vaikuttaa kirjainsuunnitteluprosessiin.

Teoriaosuudessa esitellään WWW-ympäristö ja sivujen ulkoasun suunnittelun peruskäsitteitä. Myös WWW-ympäristön tekstinkäyttöön vaikuttavia teknisiä ominaispiirteitä, WWW-käyttöön suunniteltujen kirjaintyyppien ominaisuuksia ja niiden suunnittelussa huomiota vaativia asioita esitellään omissa luvuissaan. Erityistä huomiota on kiinnitetty luettavuuteen vaikuttaviin tekijöihin WWW-ympäristössä.

Toiminnallisen osuuden muodostavat teoriaosuudessa määriteltyjen ominaisuuksien pohjalta suunniteltu otsikko- ja leipätekstikäyttöön soveltuva Voltti-kirjaintyyppi ja sen tekemisestä laadittu prosessikuvaus. Voltti-kirjaintyyppi sisältää suur- ja pienaakkoset, numerot, erikoismerkkejä sekä lihavoidun kirjainleikkauksen samoista merkeistä. Kirjaintyypin käyttöä esitellään kolmella HTML-esimerkkisivulla.

Opinnäytetyössä pyritään antamaan monipuolinen kuva WWW-ympäristöön suunnatun kirjainsuunnittelun periaatteista ja kirjainsuunnitteluprosessin työnkulusta. Aihetta pyritään tarkastelemaan monipuolisesti ja työssä esitetään selkeitä näkökulmia siihen miten WWW-ympäristöön suunnattu kirjainmuotoilu eroaa perinteisestä painotuotteisiin tarkoitetusta kirjainmuotoilusta.

Subject of this thesis work is designing a typeface for the WWW environment. The goal of this work is to analyze what qualities make a typeface ideal for use on modern websites and how these qualities affect the typeface design process.

In the theory portion of the thesis basic concepts of WWW environment and web design are presented. It also includes information on the use of text in web environment, basic qualities of good web fonts and things that should be considered while designing them.

As a practical application of the theories presented in the thesis work, a sans serif typeface called Voltti and notes from the font design process are included. Voltti typeface is intended for flexible use on websites. The typeface includes upper and lower case letters, numbers, special symbols and a bold version of the typeface. Three sample HTML-pages are also included as examples of the use of the typeface.

The qualities that make a typeface good for web use are presented clearly and in a detailed manner in the thesis work. The subject is analyzed as comprehensively as possible and insightful examples are given on how the design process of the web fonts differs from traditional print-based font design.