7 yksinkertaista sääntöä Mobile Typography
Olet luultavasti kuullut, että hyvä typografia on näkymätön, mutta on tarkempaa sanoa, että hyvä typografia tekee lukemisen vaivattomasti.
Kun silmä kulkee tekstin viereen, se tekee niin hyppyjä, nimeltään saccades; et lue kirjaimia tai jopa sanoja, luette hetkellisiä osia sanoista ja aivot täyttävät sen, mitä se odottaa löytää. Jos aivot yllättyvät, se lähettää silmät takaisin tarkistaakseen, onko sen oletus oikea. Hyvä typografia minimoi työn, jota silmäsi tarvitsee tehdä luomalla sujuvan virtauksen linjaa pitkin.
Mobiililaitteilla on sisäiset haasteet mille tahansa kirjoittajalle: tilaa on rajoitettu ja ympäristön valo on usein heikko. Mutta tekemällä yksinkertaisia muutoksia tekniikoihin, joita käytämme jo Webissä, voimme parantaa luettavuutta mobiililaitteissa.
1. Anna itsellesi tilaa
Päinvastoin kuin yleinen uskomus, typografia ei koske ruudullisten ruudujen järjestämistä; typografia on suurelta osin noin sisällä ja sen ympäristössä.
Typografia on paljon vähemmän kirjaimella kuin itse kehyksessään
Tämän ymmärtämiseksi se auttaa ymmärtämään, mistä kirjasimet ovat peräisin: "o": n (ja "b", "c", "p") keskellä olevaa reikää kutsutaan "laskuriksi". Kun fontit oli veistetty metallista käytettäväksi alkuperäisissä painokoneissa, nämä laskurit luotiin metallipuristimella, joka oli veistetty ja ajettiin sitten levyksi. Ensimmäiset tyyppisuunnittelijat tekivät itse asiassa muotoja, jotka eivät tulostaisi. Typografia on paljon vähemmän kirjaimella kuin itse kehyksessään.
Kun puhumme hierarkiasta, tarkoitamme yleensä
läpi
ja mahdollisesti myös
. Mutta on olemassa ylimääräinen hierarkia, joka vaikuttaa rivin tai kappaleen virtaan, ja se on spatiaalinen hierarkia: kirjainten väli on pienempi kuin sanojen välinen tila, sanojen välinen tila on pienempi kuin rivien välinen tila ja eteenpäin.
Jotta optimaalinen luettavuus matkaviestimissä kiinnittää erityistä huomiota spatiaaliseen hierarkiaan, merkkien gestalt-tyylinen ryhmittely sanoiksi, viivoiksi ja kappaleiksi on entistä tärkeämpää luonnollisessa valossa.
2. Hanki toimenpide
Toimenpide on tekstin rivin pituus. Tai tarkemmin se on ihanteellinen pituus tekstiriville, koska harvoin jokainen rivi sopii täsmälleen.
Yleisesti hyväksytty, ihanteellinen mitta mukavaan lukemiseen on noin 65 merkkiä. Toimen fyysinen pituus riippuu kirjasintyypin suunnittelusta, seurannasta (katso alla) ja tarkasta tekstistä, jota käytät. Tämän artikkelin ensimmäiset 65 merkkiä, jotka on asetettu PT Serifissa, ovat 26.875 miljoonan leveä, Open Sansissa, 28.4375em, Ubuntussa, 27.3125em; jos olisin lisännyt kursivointeja, pieniä korkkeja tai kymmenkunta muita typografisia yksityiskohtia, se muuttuisi entisestään.
Harvinainen on, että 65 merkkiä ulottuu työpöytäselain reunaan, mutta useimmissa mobiililaitteissa 65 merkkiä (jos ne ovat riittävän suuria luettavaksi) ulottuvat selaimen rajoille. Siksi mobiililaitteille pakotetaan vähentää toimenpiteitä.
Ei ole yleisesti hyväksyttyä standardia mittareille, mutta perinteisesti kapeat sanakirjojen tai aikakauslehtien sarakkeet pyrkivät 39 merkkiä. Koska tämä ihanteellinen mittaus on testattu vuosisatojen ajan, se palvelee meitä hyvin liikkuvalle typografialle.
3. Löysää ja kiristä johto
Johtava on rivien välinen tila, ja kun se asetetaan liian tiukasti, tekee saccadin siirtymisen yhden rivin lopusta seuraavan vaikean alun alkuun. Kun asetettu liian löysästi, sanojen väliset raot alkavat riviin, mikä luo yleisesti viittauksiksi jokia ja keskeyttää linjan tasaisen virran.
l-r: ihanteellinen johto, liian tiukka, liian löysä.
Tavallinen vakiomalli on noin 1.4em, mutta kokemuksessani on liian tiukka näyttelijöille: yksi kirjasintyypin tärkeimmistä ominaisuuksista, jotka toimivat hyvin näytöllä, ovat suuret laskurit ja suuret laskurit vaativat hieman ylimääräistä, mikä johtaa ylläpitäjän hierarkiaan .
Jos tätä sääntöä muutetaan, lyhyempi toimenpide vaatii vähemmän johtajuutta. Joten vaikka olet todennäköisesti asettanut johtavan vähän löysäksi työpöydän tyyleille, muista kiristää se mobiilisovelluksille.
4. Etsi makea paikka
Kaikilla kirjasimilla on vähintään yksi makea piste; niiden koon yhdistelmä, jolla ne näyttävät parhaana näytöllä, ja piste, jolla selaimessa käytetty väärentämisen estäminen vääristää kirjasintyypin suunnittelua mahdollisimman vähän.
Makea piste on yleensä kohta, jossa useimmat lyönnit riviin pikseliverkkoon - pikselin fontit, jos muistat niitä, vain toimivat, kun ne on koottu niiden makealle pisteelle.
Fontin asettaminen sen makealle kohdalle antaa suuremman kontrastin. Kontrasti on erityisen tärkeä suunniteltaessa mobiililaitteille, koska se voi häiritä häikäisyä hienosti valaistun laitteen laboratoriossa.
Huomaat, että pienet oikaisut johtavat työntää ja vetää viivoja pois koko pikseleistä. Mielestäni kontrastisuodat johtavat mobiileille näytöille, joten jos sinulla on kompromissi, joka johtaa pitämään rivit koko pikseleissä, niin.
Suunnittelijoiden tavanomainen lähestymistapa on mallintaminen perusviivan avulla, mutta mobiililaitteille meidän on käytettävä x-korkeutta (x-korkeus on kirjaimellisesti pienen x-arvon korkeus). Tiedostamme luettavuustutkimuksista, että aivot tunnistavat sanojen kärjen, ei pohjan, jotta saavutettaisiin suurempi saccade-virtaus, meidän on varmistettava, että hahmomme kärki lähenee paremmin pikseleihin.
5. Älä menetä rätsiäsi
Räpylä on tekstin lohkon reuna. Suurin osa siitä, mitä olet lukenut, on vasemmalla (ainakin latinankielisten kielten kohdalla), mikä johtaa rikki oikeaan reunaan.
Kun silmäsi hyppää jonon viivan päästä toiseen, aivot pystyvät paremmin arvioimaan seuraavan hyppyn kulman ja etäisyyden, jos kaikki hyppyt ovat johdonmukaisia - ajattele sitä kulkevien askelten läpi, se on paljon nopeammin, jos ne ovat tasaisesti. Tästä syystä tekstin vasemman reunan tulee olla tasainen, ja jokainen viiva alkaa samasta paikasta (tarkka pätee pätee oikealla vasemmalla olevaan kieleen).
Tällöin sinun ei pitäisi koskaan keskittää kohdistaa enemmän kuin kaksi tai kolme riviä tekstiä.
Usein teksti on perusteltua, mikä merkitsee, että rivillä olevat sanat ovat toisistaan tasaisesti niin, että kummallakin puolella ei ole rättiä. (Epäilen, että perusteltu teksti on muodikasta, koska reagoiva muotoilu on opettanut suunnittelijoita ajattelemaan lohkoihin.) Oikeutettu teksti johtaa epäyhtenäiseen tyhjyyteen ja pahimmissa tapauksissa johtaa pari sanaa linjalla, joka on vakavasti jarring. Oikeutetun tekstin ongelmaa pahentaa lyhyempi toimenpide, joten perusteltu teksti voi olla lukukelvoton matkapuhelimessa.
l-r: vasemmalle kohdistettu, keskitetty, perusteltu.
Jos siisteys on todella tärkeä sinulle, kirjoita teksti pehmentämään rättiä, mutta älä koskaan perustele tekstiä mobiililaitteille.
Liiallisella tekstillä on lisäetuna matkaviestimestä: tekstiä luetaan usein häiritsevissä tilanteissa ja lukijat usein katsovat tekstistä poispäin - tarkistaa aseman nimen tai vastata puheluun. Risti luo satunnaisen muodon oikeaan pylvääseen alaspäin, joka auttaa silmää siirtymään viimeiseen asentoonsa, pienellä uudelleenkirjoituksella.
6. Vähennä kontrastia
Vaikka haluamme edistää tekstin ja taustan välistä kontrastia, haluamme vähentää sitä eri tyyppisten tasojen välillä.
Matkapuhelimessa huomattavasti vähemmän tekstiä on nähtävissä ja kontrasti liioitellaan
Syy tähän on se, että aivot tuomitsevat tärkeyden asiayhteydestä. Nimikkeesi voivat olla kaksi tai jopa kolme kertaa koko kehon tekstiä työpöydällä, ja se toimii, koska tekstissä on enemmän tekstiä. Matkapuhelimessa huomattavasti vähemmän tekstiä on nähtävissä ja kontrasti liioitellaan.
Useimmat suunnittelijat käyttävät jonkinlaista Fibonacci-sekvenssiä koon tekstiin. Mobiililaitteille kiristetään suhteet, jotta pienennät tyyppikokojen kontrastia. Jos esimerkiksi käytät kultaista suhdetta suuremman koon kasvaessa, olet kertomalla 1,618: lla. Siirrä pienempi osuus mobiiliin ja kerro 1,382 sijasta.
Työpöydän näytöt sietävät äärimmäisempää typografista mittakaavaa kuin mobiilit näytöt.
7. Säädä seuranta asteikon mukaan
Kun muokkaamme kirjasinkokoja mobiililaitteille, meidän on oltava tietoisia seurannan välttämättömistä muutoksista .
(Annan anteeksi tämän sanomalla, että sinun ei pitäisi säätää kynnystä. Karsinta on kahden kirjainparin välimatka niin, että niiden välinen tila on optisesti yhdenmukainen muiden merkkien välisen tilan kanssa. Kerning lisättiin fonttiin, kun se oli rakennettu , ja se kestää todennäköisesti kuukausia. Jos olet valinnut ammattimaisesti rakennettu kirjasin, se on tehty oikein, ja jos uskot, että sitä ei ole tehty oikein, etsi toinen fontti.)
Seuranta ei ole karsinta. Seuranta on kirjainväli, jota sovelletaan kaikkiin fontin merkkeihin. Sinun ei yleensä pitäisi säätää seurantaa.
Poikkeuksia tähän sääntöön ovat suuret tekstit, kuten otsikot ja pieni teksti, kuten alaviitteet. Suurempi teksti vaatii vähemmän seurantaa, ja pienempi teksti vaatii enemmän seurantaa. Ensimmäinen johtuu ryhmittymästä, ja jälkimmäinen hyödyttää kontrastia. Jos olet tehnyt otsakkeen muutoksia tai jos käytät tyypillisesti tarkempaa seurantaa, sinun on ehkä poistettava seuranta hieman, kun pienennät sitä.
Yhteenveto
Typografia on käsityö, jonka suunnittelijat viettävät elinaikanaan hiomaan juuri siksi, että jokainen teksti, jokainen kirjasintyyppi ja jokainen tekniikka tuovat uusia haasteita. Ei ole kovia ja nopeita sääntöjä, jotka toimivat aina jokaisessa tilanteessa.
Kun pyrkii luettavuuteen, on kolme periaatetta, jotka sinun on pidettävä mielessä: sujuva virtaus linjoja pitkin, selkeä spatiaalinen hierarkia ja riittävä kontrasti. Tämä pätee erityisesti matkapuhelinverkkoon.
Ei ole mitään sääntöä, jota ei voida kumota omien silmiesi todisteilla, mutta suuntaviivat toimivat ihanteellisena lähtökohdana kauniisti esiteltyyn tekstiin mobiililaitteissa.