Johtava: Tila on yhtä tärkeä kuin sanat
Mikä tahansa sivuston suunnittelun avaintekijä on tyyppi. Fonttien, koon ja värit valitsemalla voi olla suuri osa sivustosi hahmottamisessa. Aivan yhtä tärkeä kuin itse kirjainmuodot, on välilyönti näiden kirjainten ympärillä ja erityisesti tekstin lohkossa käytetty pää.
Mitä enemmän käytät, sitä tärkeämpi osa tulee. Fontin ja koon takana se on yksi tärkeimmistä tekijöistä, kun tarkastelet kuinka luettavaa tyyppiä on.
Pääsäännöt, joita käytät logoa tai splash-näyttöä varten, voivat olla hyvin erilaisia kuin blogimerkinnän tyyppiä käyttävät.
Muut suunnitteluelementit vaikuttavat myös siihen, miten sinun tulisi käyttää johtavaa. Tyypin koko, pylväiden leveys ja jopa taustaväri voivat auttaa sinua tekemään viisaita johtava valintoja.
Kuinka käytät johtavaa etumerkkiä tulee suurien tekstilohkojen mukaan.
Mikä johtaa?
Johtava - selkeä leningti - on tyypin rivejä. Johtajuus mitattiin perinteisesti pisteissä (samoin kuin kirjasimet). Termi oli peräisin vanhasta kirjoituspuristimesta, kun tyyppi asetettiin käsin. Lyijyliuskat sijoitettiin tyyppisten viivojen väliin pitämään kaiken täydellisessä kohdistuksessa.
Digitaalisen julkaisemisen jälkeen johtajuus on usein sekoittunut linjan korkeuteen. Linjan korkeus on koko avaruus yhdestä lähtötasosta - kuvitteellinen taso, johon kirjaimet, kuten "a", "x" ja "n", ovat vierekkäin. Johtava, sen sijaan, on välilyönti kirjaimen alalaidasta yhdellä rivillä, seuraavan kirjeen yläosaan: se on kirjaimellisesti viivan korkeus miinus tekstin korkeudelle.
Digitaalisessa typografiassa, erityisesti web-typografiassa, termejä johtava ja rivin korkeus käytetään usein vaihtokelpoisesti. Esimerkiksi CSS: ssä ei ole johtavaa arvoa, vaan käytämme rivin korkeutta.
Kun johto oli kerran fyysinen, mitattavissa oleva arvo, sitä käytetään nykyisin yleisimmin käsitteenä: visuaalinen vaikutelma avaruudesta kahden rivin välillä.
Kuinka johtavaa tekstiä käytetään tekstilohkossa voi vaikuttaa luettavuuteen. Tyypin välillä on hieno viiva, joka on liian lähellä toisiaan ja liian kaukana toisistaan. Joko äärimmäinen voi olla kova lukijan silmissä. Johtavana on kyse tyypin tiheyden muuttamisesta. Avain on ymmärtää, minkä tyyppinen viestisi haluat välittää ja sovittaa johtajan vastaavasti.
Ei täydellistä ratkaisua
Ei ole täydellistä, kaunista kaavaa, jonka avulla voit määrittää, kuinka paljon tarvitset. Tähän liittyy tekijöitä - tyyppiä, väriä, haluttua vaikutusta ja tärkeintä luettavuutta.
Pääsääntöisesti johtavan lähtökohdan on yleensä sama kuin käytetyn fontin pistekoko. Jotkut ohjelmistot, erityisesti selaimet, siirtävät sen hieman pidemmälle ja asettavat oletusarvon, joka johtaa hieman korkeampaan pisteeseen verrattuna, tavallisesti 120 prosenttia. Joten 10 pisteen tekstissä olevat lohkot olisivat 12-pisteen johtavat.
Tämä filosofia toimii erinomaisesti suurille tekstilohkoille, kuten blogiviesteille, jotka käyttävät tavallisia kirjasimia ilman jyrkkiä nousukasveja, laskeutujia tai ligatointeja vaaleissa, neutraaleissa väreissä (ajatella mustan tyyppistä valkoista tai beigeä). Sinä säilytetään mielessä, että kaikki tekstirivit yhdistyvät ja lisäävät vain tarpeeksi tilaa, että se on helppoa silmille.
Tekstin lohkot ovat helpoin lukea, kun johto on laajempi kuin sanojen välinen etäisyys. Tämä osuus auttaa silmää liikuttamaan sivua ja sitten alaspäin, seuraamalla luonnollista läpivirtausväliä tummasta valoon.
Tämä "normaali" viivan korkeus tuntuu myös sopivaksi asioihin, jotka edellyttävät paljon lukemista. Se on standardi, jota monet sivustot ja painetut julkaisut käyttävät.
Pidä se tiukasti
Tiukka tai negatiivinen johtuminen tapahtuu, kun tyypin rivit ovat lähemmäksi tyyppiä pistekoon. Esimerkiksi jos tyypillesi on 14 pistettä mitoitettu, alle 14 pistettä johtavat merkit katsotaan tiukiksi, vaikka se ei näyttäisikään liian lähelle näytössä.
Tiukka johtava voi aiheuttaa pakotteen tunteen. Sitä voidaan käyttää myös kaaoksen luomiseen. Toisaalta tiukempia johtajia voidaan käyttää menetelmänä yhdistää tyypin bittiä tai luoda erillinen organisaation tunne. Monien vuosien ajan tulosteissa ja verkossa uutisjärjestöt ovat käyttäneet joitakin tiukimpia kehon tyyppisiä ominaisuuksia. Painetussa muodossa tämä säästää tilaa; verkossa on säilyttää uskottavuuden tunnetta ja ulkoasua organisaatioihin ja niiden tulostuskumppaneihin.
Ajattele koteloa ja kirjaimia, jotka ovat x-korkeuden ylä- ja alapuolella, kun asetat rivin korkeusasetuksia. Kun työskentelet kaikissa korkkeissa, ei ole ascender- tai descenders, joten saatat tarvita kiristää riviväliä, kuten Regenerate Music Co.:n käyttämää tekniikkaa. Sama pätee fonteihin, joilla on lyhyempiä nousuja ja laskeutujia.
Suurikokoisissa tiloissa, kuten otsikoissa tai logoissa, voi joskus olla hyötyä myös tiukemmasta johtajuudesta.
Rentoutua
Loose, tai positiivinen, johtaa lisäämällä välimatkaa siten, että etumatka on suurempi kuin tyyppiä käytettävän pistekoko. Jos esimerkiksi tyypillesi on 14 pistettä mitoitettu, 15 tai useamman tilan katsotaan olevan löysä. Joissakin kirjasintyypeissä välilyönti ei välttämättä näytä irti ruudulta, vaikka se luokitellaan tällä tavoin.
Loose johtaa voi tehdä sivu tuntuu kevyeltä ja ilmavalta. Se on aika testattu temppu, jonka suunnittelijat voivat vain lisätä johtavaa, kun tyyli tuntuu liian kapealta tai raskasta sivulta. Johtava, joka on liian löysä, voi olla vaikea lukea ja seurata, jos käytetään paljon tekstiä. se on parhaiten varattu muutamalle sanalle.
Suurin osa suunnittelijoista pyrkii käyttämään blogien ja muiden suurien tekstilohkojen pääruumisominaisuuden löysempää johtavaa käyttöä. Loose, mutta ei liian löysä, voi olla helppo lukea ja seurata. Se voi tehdä pienemmän tekstin näyttävän jonkin verran suuremmalta ja auttaa tasapainottamaan äärimmäisen pitkiä tekstiriviä. Huomaa, että käytät johtavaa A List Apart -blogissa, suuremman kehyksen kirjasin käyttää yhtä spesifikaatiota, kun taas oikean sivupalkin pienempi tyyppi on paljon löysempi, jolloin pienempi tyyppi on helpompi seurata ja tasapainottaa sen muiden sivun elementtien kanssa .
Monet suunnittelijat valitsevat myös löysempää johtavaa käyttäytymistään sans serif -kirjasyyksillä. Se voi olla erityisen hyvä vaihtoehto, kun työskentelet fonttien kanssa liioitelluilla kukoistuksilla tai ligatoinneilla. Lisätila mahdollistaa kirjainten huoneen hengittämisen ilman päällekkäisyyksiä.
Loose leader on myös tärkeä näkökohta, jos aiot käyttää paljon rohkeita, värillisiä tai suuria painoja sisältäviä fontteja. Bloggess-blogissa käytetään värejä, rohkeita ja korkkeja koko sivustossa, mikä tekee positiivisen johtavan tarvittavan luettavuustyökalun. Tässä tapauksessa irralliset johtajat auttavat myös kiinnittämään huomiota tärkeisiin tekstin osiin, jotka ovat värillisiä ja rohkeita.
Taustavärit ja johtavat
Väri ja kontrasti ovat erityisen tärkeitä linjan korkeuden valinnassa.
Tummilla taustoilla saatat haluta käyttää hieman enemmän johtajia kuin sinäkin kevyemmällä taustalla, mikä auttaa masennuksen lievittämiseen. Tummat värit voivat lisätä painoa muotoiluun, sillä ne voivat johtaa tiukasti, mutta valitsemalla vain yksi tai useampi voit luoda enemmän tasapainoa.
Sama pätee käytettäessä värityyppiä. Värit, muut kuin mustat ja tummat harmaat, voivat lisätä erilaisia painoja suunnittelusi mukaan. Taustan väristä riippuen joillakin teksteillä voi olla jopa verenvuodon ilmestyminen taustalle - tämä tapahtuu joillakin ihmisillä varsinkin punaisilla kirjaimilla valkoisella taustalla. Ohjaajan lisääminen voi helpottaa tällaisten tekstien luettavuutta.
Leveyden muuttaminen ja johtava
Reagoiva muotoilu tekee ymmärryksestä johtavan (ja tyypin yleisesti) vieläkin tärkeämmäksi.
Erilaisten näytön tarkkuuksien ja muotojen mukaan tyyppitietojen on mukaututtava vastaavasti, jotta sivuston sijainti on edelleen luettavissa. Kun teksti kutistuu (tai kasvaa) näytöllä, johtajan täytyy sopeutua vastaavasti.
Muista pitää linjan korkeusmittasuhteet mielessä tehdessä näitä säätöjä. Koska tyyppi on pienempi mobiililaitteille ja muille pienikokoisille laitteille. Harkitse viivojen korkeuden nostamista 20 prosentilla sen mukaan, mitä käytit täysimittaiseen suunnitteluun. Lisääntyneen johdon pitäisi auttaa luettavuutta, kun pariliitos on pienempi.
Joten kun määrittelet sivustosi tärkeimpiä tietoja, tarvitset useita kynnysarvoja: yksi verkkosivustojen peruskunnostuksesta, toinen keskisuurille laitteille, kuten iPadille ja muille tabletteille ja toinen matkapuhelimille. Kullakin voi olla eri mittasuhteet, joita tekstissä käytetään viivan korkeuteen.
johtopäätös
Nyt kun olet asentanut erilaisia johtava vinkkejä ja työkaluja, mistä aloitat?
Ei ole tarkistuslistaa. Sinun paras panos on tarkastella tyyppiä ja katsoa, miten se tuntuu (käytä hyvä vanhanaikaista silmätestiä). Anna sen istua hetken ja palata takaisin myöhemmin. Tunteeko silti samalla tavoin tekstiä? Tunnetko tunteen, kun tunnet sivustosi suunnittelun tunteen?
Huomaa, että tämä on tehokkainta, kun tekstilohko sisältää varsinaisen kopion sijasta paikkamerkkitekstiä. Haluat saada realistisen näkymän ja paikanvarausvaihtoehdot sisältävät joskus parittomia numeroita kirjaimia, joita ei käytetä kaikkiin usein todelliseen kopioon.
Leiki sen kanssa. Näytä tekstisuunnittelu jollekin muulle lisälausuntoja varten. Kysy heiltä, miten he tuntevat sen.
Muista myös yhdistää tekstilohko muuhun elementtiin. Tämä ei ehkä ole ensimmäinen askel, mutta toisinaan kaikki yhdistäminen voi aiheuttaa tahattomia vaikutuksia. Varmista, että se läpäisee silmätestin uudelleen.