Summary  
This chapter explains how to classify and apply different font families—such as serif, sans-serif, slab serif, monospaced, script, and decorative—based on their stylistic attributes to achieve the desired visual impact. It also covers selecting appropriate font weights and styles within each family to enhance readability and aesthetic consistency.

General domain of usage  
User interface and graphic design

Typografiassa **fonttiperheet** tarkoittavat ryhmiä toisiinsa liittyviä fontteja, joilla on yhteinen muotoilutyyli, mutta jotka vaihtelevat painon, leveyden ja muiden ominaisuuksien suhteen. Figmassa, kuten useimmissa suunnittelutyökaluissa, käyttäjät voivat valita useista eri fonttiperheistä. Tässä on yleisimpien fonttiperheiden jaottelu:
## Serif-fontit
**Serif-fontit** sisältävät pieniä koristeellisia viivoja eli "serifejä" kirjainten päissä. Näitä käytetään yleisesti painotuotteissa sekä muodollisissa, perinteisissä suunnitteluratkaisuissa, tuoden mukanaan eleganssia ja klassista ilmettä.

**Esimerkkejä:** Times New Roman, Georgia, Playfair Display.
## Sans-serif-fontit
**Sans-serif-fontit** ovat selkeitä ja niistä puuttuvat koristeelliset viivat kirjainten päistä. Nämä fontit ovat suosittuja digitaalisessa ja modernissa suunnittelussa erinomaisen luettavuutensa ja minimalistisen tyylinsä ansiosta.

**Esimerkkejä:** Arial, Helvetica, Roboto, Open Sans.

## Slab serif -fontit
**Slab serif -fontit** ovat serif-fonttien alalaji, joita luonnehtivat paksut, lohkomaiset serifit. Näitä käytetään usein näyttäviin brändäyksiin ja otsikoihin, tuoden vahvan ja vaikuttavan ilmeen.

**Esimerkkejä:** Rockwell, Clarendon, Roboto Slab.

## Monospaced-fontit
**Monospaced-fontit**, tunnetaan myös nimillä tasaväliset tai ei-proportionaaliset fontit, varaavat jokaiselle merkille saman vaakasuuntaisen tilan. Nämä sopivat erinomaisesti koodaukseen, taulukkotietoihin tai teknisiin suunnittelutilanteisiin, joissa kohdistus on tärkeää.

**Esimerkkejä:** Courier New, Consolas, Source Code Pro.

## Käsinkirjoitusfontit
**Käsinkirjoitusfontit** on suunniteltu jäljittelemään käsinkirjoitusta tai kalligrafiaa, ja niissä on usein yhdistäviä vetoja. Ne sopivat erinomaisesti elegantteihin, luoviin tai henkilökohtaisiin suunnitelmiin, joissa tarvitaan hienostuneisuutta tai taiteellista ilmettä.

**Esimerkkejä:** Pacifico, Lobster, Dancing Script.

## Koristeelliset/ornamentaaliset fontit
**Koristeelliset fontit** ovat erittäin tyyliteltyjä ja ainutlaatuisia, suunniteltu erityisiin ja ei-säännöllisiin käyttötarkoituksiin. Ne sopivat parhaiten teemallisiin projekteihin, logoihin tai otsikoihin, joissa tarvitaan erottuvaa ja huomiota herättävää ulkoasua.

**Esimerkkejä:** Jokerman, Papyrus, Chiller.

Opi kaikki käyttäjäliittymien suunnittelun perusteista edistyneisiin prototyyppien ja yhteistyötekniikoihin. Tutustu siihen, miten luodaan wireframeja, suunnitellaan visuaalisesti vaikuttavia asetteluja ja työskennellään tehokkaasti kehitystiimien kanssa hyödyntäen Figma:n tehokkaita ominaisuuksia. Täydellinen sekä aloittelijoille että ammattilaisille, tämä oppimispolku yhdistää käytännön projektit, asiantuntijavinkit ja tosielämän sovellukset auttaakseen sinua menestymään kilpailullisessa suunnittelumaailmassa.

Opi, mitä Figma on, mikä on sen rooli UI/UX-suunnittelussa ja kuinka navigoida sen käyttöliittymässä ja työkaluissa. Tutustu FigJam-tauluun ideointia ja yhteistyötä varten sekä Figma-sivuihin ja -kehyksiin, jotka muodostavat perustan suunnitelmien tehokkaalle organisoinnille ja jäsentelylle.

Opi, miten Figma-kerrokset auttavat pitämään suunnittelusi järjestyksessä, tutustu siihen, miten ryhmitellyt muodot auttavat luomaan vaikuttavia visuaaleja, ja opi muotoilemaan tekstiä kauniisti typografiatyökaluilla.

Opi sijoittamaan valokuvia ja videoita, käyttämään maskeja sekä soveltamaan sekoitustiloja dynaamisiin suunnitelmiin. Hallitse värit, liukuvärit, painikkeet, automaattiasettelut, komponentit ja tyylit. Hyödynnä lisäosien ja widgetien voimaa luovuuden lisäämiseksi ja työnkulun tehostamiseksi.

Tutustu sarakkeisiin, ruudukoihin, liitännäisiin ja vanhempi-lapsi-komponenttirakenteeseen tehostaaksesi suunnitteluprosessiasi.

Laadi matalan tarkkuuden wireframeja, luo interaktiivisia prototyyppejä, animoi suunnitelmia ja esittele työ tehokkaasti asiakkaille.

Fontit Figmassa: Typografian Valinta ja Tehokas Käyttö

Serif-fontit

Sans-serif-fontit

Slab serif -fontit

Monospaced-fontit

Käsinkirjoitusfontit

Koristeelliset/ornamentaaliset fontit