Typografia ja gridisuunnittelu verkossa

Abstract

Tämä opinnäytetyö käsittelee typografian ja gridi- eli asettelupohjalähtöisen suunnittelun toteutusta verkkosivuilla. Teoriaosuudessa perehdytään typografian ja gridisuunnittelun perusteisiin ja kerrotaan miten niiden toteuttaminen onnistuu verkossa. Näiden yhteydessä kerrotaan myös webtypografian kiinnostavista tulevaisuudennäkymistä.

Esimerkkeinä käytetään kahden eri sivuston suunnitteluprojekteja, joiden yhteydessä tutkittiin tekniikoiden käyttöönottoa ja niiden soveltumista verkkoympäristöön. Kyseessä oli kaksi eri aihepiirin sivustoa, joiden suunnittelussa ja toteutuksessa pystyttiin paneutumaan hieman eri osa-alueisiin typografian ja gridisuunnittelun saralla.

Typografia on käsitteenä vuosisatoja vanha, mutta webtypografia on ottanut todelliset ensiaskeleensa vasta viime vuosina. Aihe on tällä hetkellä erittäin ajankohtainen, sillä uudet tekniikat ovat kehittymässä vauhdilla. Pian verkossakin voidaan toteuttaa typografian keinoja, joita on tähän mennessä voitu ottaa huomioon vain painotuotannossa. Tämä tuokin suuria haasteita verkon ammattilaisille, joiden on ymmärrettävä päivittää osaamistaan sitä mukaa, kun uusia tekniikoita tulee käytettäväksi.

The subject of this thesis is an exploration of the technologies of typograhpy and grid based design on the Web. The basics of typograhy and grids are covered in theory and then examined from the perspective of how to implement them on websites.

Two different design projects were used as examples. During the development of the sites, the technologies were studied and learned in practice. It was also assessed how they fit and function in the digital environment. The sites concerned two different topics, which provided a welcome opportunity to focus on slightly different areas of typography and grid design.

Unlike typography, which has a century-long history, web typograhpy has developed to this extent just during the past few years. It is the hot topic of the day, since the new technologies are evolving at high speed. It will soon be possible to implement traditional print-only techniques in the web, too. However, with great power comes great responsibility; the professionals of the web have to understand to update their knowledge as the new technologies become available.