socialgekon.com
  • Tärkein
  • Suunnitteluprosessi
  • Muokkaus
  • Prosessi Ja Työkalut
  • Sijoittajat Ja Rahoitus
Ui-Suunnittelu

Kirjasinluokituksen vivahteiden ymmärtäminen

Lähes kaikki suunnittelijat brändisuunnittelijoista käyttöliittymäsuunnittelijoihin omistautuneisiin typografian suunnittelijat , voi hyötyä typografian ja kirjasintyyppien luokittelun laajentamisesta. Mahdollisesti väriä lukuun ottamatta, suunnittelussa käytetyillä kirjasintyyleillä on suurempi vaikutus tapaan, jolla käyttäjä havaitsee kyseisen mallin, kuin käytännöllisesti katsoen millään muulla yksittäisellä muotoiluelementillä.

Suuri typografia voi nostaa mallin 'hyvästä' hämmästyttäväksi, kun taas huono typografia (tai pahempaa - lukukelvoton tyyppi) voi tehdä jopa 'parhaista' malleista käyttökelvottomia. Aikaa oppimiseen typografisista elementeistä voi olla mikä tahansa suunnittelija parantaa ammattitaitoaan ja luoda erinomaisia ​​valmiita projekteja.

Typografian perusteet

Kirjasintyyppejä on viisi: serif, sans serif, käsikirjoitus, yksinäinen ja näyttö .



Yleisenä sääntönä, serif ja sans serif kirjasimet käytetään joko tekstikopioihin tai otsikoihin (mukaan lukien otsikot, logot jne.), kun taas skripti- ja näyttötyyppejä käytetään vain otsikoihin. Yksipuoliset kirjasimet ovat yleisesti käytetään koodin näyttämiseen, vaikka niitä voidaan käyttää myös rungon ja otsikon kopiointiin, ja niitä käytettiin alun perin kirjoituskoneissa.

Kaikki serif- ja sans serif -kirjasimet eivät ole yhtä sopivia sekä runko- että otsikkokopioihin. Eri kirjasimet ovat helpommin luettavissa kuin toiset pienissä kooissa, kun taas toiset sopivat paremmin suurempiin. (Tällaiset tiedot löytyvät yleensä eri kirjasinten kaupallisista kuvauksista.)

Kirjasintyyppien historia

Vanhimpia kirjasimia kutsuttiin mustakirje , ja vuodelta 1400-luvulta. Nämä varhaiset kirjasimet muistuttivat käsinkirjoitettua kalligrafiaa.

Blackletter-kirjasintyylit ovat suosittuja sanomalehtien otsikoissa

New York Times-logo on klassinen, läsnä oleva esimerkki blackletter-tyypistä, samoin kuin monet muut suositut sanomalehtien otsikot.

Blackletterin jälkeen tuli ensimmäinen serif-kirjasimet . Sarjoissa on pieniä projektioita, jotka lopettavat kirjelomakkeiden lyönnit (kutsutaan serifit , josta tyyli saa nimensä). 1500-luvulla syntyneet ensimmäiset sarjat olivat Old Style -sarjoja. Tähän tyyliin kuuluvat Garamond ja Goudy Old Style.

Vanhan tyylin serifien seuraajia kutsuttiin siirtymäsarjaksi, jotka esiintyivät ensimmäisen kerran 1700-luvulla. Näillä kirjasimilla oli korkea iskujen kontrasti ja ne olivat suorempia kuin vanhan tyylin edeltäjänsä.

Siirtymävaiheessa olevien serif-kirjasintyyppien trendien luonnollinen kehitys tunnettiin modernina serifinä 1800-luvulla. Nämä modernit serifit sisältävät fontteja, kuten Didot ja Bodoni. Heillä on äärimmäinen kontrasti aivohalvausten välillä, eikä sarjoissa ole sulkeita.

Yhdysvaltalaiset kokopäiväiset freelance-käyttöliittymäsuunnittelijat halusivat

Levysarjat ovat serif-tyylin lopullinen kehitys. Koneistamisen (esim. Steam Press, 1814) ja muiden tärkeiden painotekniikan innovaatioiden myötä samoin kuin uuden aallon mainonnassa, jossa mainostajat tavoittelevat rohkeaa tyyppiä, joka todella väitti sen läsnäolon, ne on suunniteltu osittain kestämään paljon enemmän teollisia painoprosesseja. Heillä on vähän kontrastia aivohalvausten välillä ja useimmat ovat suluissa. Levyjen serif-kirjasimet sisältävät muun muassa Rockwellin ja Clarendonin. Niitä pidetään joskus kirjoituskonefontteina, mutta niitä käytettiin paljon laajemmin koko 1900-luvun.

Vaikka serifit olivat ensimmäisiä kirjasimia, jotka kehittyivät alkuperäisten mustekirjeiden jälkeen, sans serif -kirjasimet palasi suurelta osin muotoilulle 1900-luvun alussa. Näitä varhaisia ​​sanattomia serif-kirjasimia kutsuttiin groteskiksi tai goottilaisiksi kirjasimiksi, ja niihin sisältyi kirjasimia kuten Franklin Gothic. Niitä kutsuttiin 'groteskiksi', koska he hylkäsivät 'tyylikkäämpiä' serif-muotoiluelementtejä.

Goottilainen kirjasintyyppi, Franklin Gothic

(Lähde: Michael Sallit )

Myöhemmin 1900-luvulla, kun groteskit tulivat uusgroteskisiin sans serif -kirjasimiin. Nämä kirjasinlajit on suunniteltu helpommin luettaviksi kuin aikaisemmat kollegansa, ja niillä on yleensä paljon yksinkertaisempia malleja. Helvetica ja Arial ovat molemmat esimerkkejä uusgroteskisista sans-serifeistä.

Sans serif -kirjasintyyppien pyöristäminen on geometrinen ja humanistinen tyyli. Geometriset sans-sarjat, kuten modernit serifit, veivät tyylin reunaan. Heillä on yksinkertaiseen geometriseen muotoon perustuvat kirjaimet - erityisesti pyöreät O-muodot - ja ne ovat hyvin moderneja. Heidän ultramodernit muodot uhraavat luettavuuden pienemmissä kooissa. Futura on merkittävin geometrinen sans-serif.

Wes Anderson

Futura on liittynyt voimakkaasti Wes Anderson -elokuviin.

Humanistisilla sans-sarjoilla pyrittiin säilyttämään osa luonnollisen käsinkirjoituksen vaikutuksesta aikaisempien kirjasinten kirjeisiin. Kirjainlomakkeet ovat helpommin saavutettavissa sellaisten ominaisuuksien kautta, kuten vaihteleva viivan leveys. Gill Sans on yksi suosituimmista sans serif -kirjasimista.

Muita kirjasintyylejä - komentosarja ja näyttö - on vaikea luokitella aikajanalle. Blackletter on teknisesti skriptien kirjasintyyppi, kun taas uusia skriptejä kehitetään jatkuvasti. Sama pätee näyttöfontteihin: ne ovat olleet melkein yhtä kauan kuin itse liikutyyppi.

Vaikka aikakaudet, joina ne on suunniteltu, voivat viedä pitkän matkan kohti erilaisten kirjasinten tunnistamista. Koska erilaiset tyylit voivat herättää projektissa erilaisia ​​tunteita (muodollinen tai rento, perinteinen tai moderni jne.), On erityistunnus, joka erottaa nämä tyylit toisistaan. suunnittelija . Alla oleva typografia-infografiikka sisältää tietoa kunkin tyylin erottamisesta toisistaan.

Typografian huijausarkki.

Lataa tämän infografian PDF-versio. InfographicInfografiikan tekijä ApeeScape ');' onmouseover = '' style = 'kohdistin: osoitin;' data-url = 'https: //www.toptal.com/designers/typography/typeface-classification' data-img = 'img / ui-design / 17 / ymmärrys-vivahteet-typeface-luokittelu-3.png'> upota tämän infografian verkkosivustoksi. • • •

Lue lisää ApeeScape Design Blogista:

  • Kirjasintyylit verkko- ja tulostussuunnitteluun
  • Asiat, joita et ehkä tiedä typografiasta luonnoksessa
  • Skeuomorfismi, litteä muotoilu ja tyyppisuunnittelun nousu
  • Mukautettujen fonttien luominen: 7 vaihetta ja 3 tapaustutkimusta
  • Opetusohjelma: Kuinka luoda mukautettu kuvake Webfont

Perustietojen ymmärtäminen

Mikä on typografian tarkoitus?

Verkkotypografian tärkein tarkoitus on tehdä käyttäjille helpoksi lukea esiteltäviä tekstitietoja. Eri kirjasimet ovat enemmän tai vähemmän luettavissa, mikä tekee kirjasintyypeistä erityisen tärkeitä. Muita tarkoituksia ovat tuotemerkin vahvistaminen, sitoutumisen lisääminen ja parempi käyttökokemus.

Mitä typografia on web-suunnittelussa?

Verkkotypografia on yksinkertaisesti sanottuna tapa, jolla fontteja käytetään verkkosivujen suunnittelussa. Typografia verkossa on kehittynyt vain kourallisen 'web safe' -fonttien sisällyttämisestä siihen, että suunnittelijat voivat käyttää käytännössä mitä tahansa asianmukaisesti lisensoitua kirjasinta verkkosuunnittelussaan.

Mihin typografiaa käytetään?

Verkkotyyppien avulla käyttäjien on helppo lukea esiteltäviä tekstitietoja. Eri kirjasimet ovat enemmän tai vähemmän luettavissa, mikä tekee kirjasintyypeistä erityisen tärkeitä. Muita käyttötarkoituksia ovat tuotemerkin vahvistaminen, sitoutumisen lisääminen ja parempi käyttökokemus.

Kuinka fontti eroaa kirjasintyypistä?

Historiallisesti kirjasinlaji sisälsi useita kirjasimia samasta perheestä, kun taas kirjasin oli tietyn paino- ja kokotyyppi kyseisessä perheessä. Nykyaikaisessa typografian terminologiassa termejä fontti ja kirjasinlaji käytetään usein keskenään.

Mikä on typografia ja miksi se on tärkeää?

Typografia on taiteen ja käytännön tyyppi ja järjestely. Se sisältää kirjasintyyppien luomisen sekä näiden kirjasinten toteuttamisen suunnittelussa. Typografia on tärkeää, koska se auttaa lukijoita imemään ja tulkitsemaan tekstipohjaista tietoa.

Estetiikka ja havainnointi - Kuinka lähestyä käyttökokemuksia

Ux-Suunnittelu

Estetiikka ja havainnointi - Kuinka lähestyä käyttökokemuksia
Tietorakenteen periaatteet mobiililaitteille (infografiikan kanssa)

Tietorakenteen periaatteet mobiililaitteille (infografiikan kanssa)

Ux-Suunnittelu

Suosittu Viestiä
Init.js: Opas Full-Stack-JavaScriptin miksi ja miten
Init.js: Opas Full-Stack-JavaScriptin miksi ja miten
Taso ylöspäin - opas pelin käyttöliittymään (infografiikan kanssa)
Taso ylöspäin - opas pelin käyttöliittymään (infografiikan kanssa)
Tarvitset sankarin: projektipäällikkö
Tarvitset sankarin: projektipäällikkö
Viimeinen opas päivämäärän ja ajan manipulointiin
Viimeinen opas päivämäärän ja ajan manipulointiin
Kuinka poseeraa kuvissa, jotta ne näyttävät rennolta ja luonnolliselta
Kuinka poseeraa kuvissa, jotta ne näyttävät rennolta ja luonnolliselta
 
Käytännöllinen lähestymistapa pelisuunnitteluun
Käytännöllinen lähestymistapa pelisuunnitteluun
Kuinka rakentaa vahva etätyökulttuuri: Haastattelu Christy Schumannin kanssa
Kuinka rakentaa vahva etätyökulttuuri: Haastattelu Christy Schumannin kanssa
Kannustaminen toimintaan ja oikea-aikaisuuteen etätyössä
Kannustaminen toimintaan ja oikea-aikaisuuteen etätyössä
Kuinka rekrytoida UX-tutkimuksen osallistujia
Kuinka rekrytoida UX-tutkimuksen osallistujia
Monimutkainen mutta kiinteä: Katsaus kiinteistöjen vesiputouksiin
Monimutkainen mutta kiinteä: Katsaus kiinteistöjen vesiputouksiin
Luokat
Tuotteen ElinkaariTeknologiaUi-SuunnitteluProsessi Ja TyökalutKaukosäätimen NousuiOS-vinkkejäSuunnitteluKetterä KykyOngelmien karttoittaminenSuunnittelu Ja Ennustaminen

© 2023 | Kaikki Oikeudet Pidätetään

socialgekon.com