Gridlover : Vertikaalinen rytmi ja modulaarinen skaala web-typografiassa

Abstract

Tutkielmani käsittelee web-typografian järjestelmällistä rakentamista ja tarkastelee siitä erityisesti pystysuuntaisten mittojen valitsemista ja laskemista. Opinnäytetyön tuotannollinen osio oli toteuttamani typografiasovellus - Gridlover. Sovellus tuottaa järjestelmällistä typografiaa, mutta sen toimintatapaa ei oltu dokumentoitu, joten näin opinnäytetyön oivana tilaisuutena käydä läpi miten ja miksi Gridlover toimii.

Tutkielman tavoitteena on käydä läpi periaatteet joiden mukaan voi muodostaa vertikaalisen rytmin ja modulaarisen skaalan, sekä näyttää käytännössä, miten luoda kokonainen typografinen järjestelmä näillä periaatteilla.

Käyn läpi typografien periaatteita, selainteknologiaa ja Gridloverin toimintaa web-alan artikkelien, spesifikaatioiden, sekä omien web-design kokemusteni pohjalta. Tutkielma on siis case-tutkimus Gridlover sovelluksesta.

Sovellan itse tutkielmaani Gridloverin jatkokehitykseen. Kaikkia selvitettyjä periaatteita ei ole toteutettu sovelluksessa yhtä perusteellisesti kuin tutkielmassa ilmaistaan. Tutkielmaa voi siis soveltaa web-typografian syvempään ymmärtämiseen, tai jopa oman typografiasovelluksen kehittämiseen.

My thesis examines building a typographic system for use in web projects, especially how to choose and calculate vertical measurements. The production related to my thesis was a typographic web application I made - Gridlover. The application produces systematic typography, but the way it works is not documented anywhere, so I saw my thesis as an ample opporutunity to go through how and why Gridlover works.

The purpose of this study is to go through the principles of forming vertical rhythm and modular scale, and show how to calculate them in practice. That is, how to form a complete typographic system with the aformentioned principles.

I will go through typographic principles, browser technology and the way Gridlover works, by referencing articles, specifications and my own experiences as a web designer. The study is a case study on Gridlover.

I will apply my findings in further developing Gridlover. Some of the principles in the study are not implemented in the application as thoroughly as they are explained. The study can be used for deeper understanding of web typography, or even as base knowlegde for developing a new typographic application.