Kuinka pitää tekstisi puhtaana
Mikään ei ole tärkeämpää kuin luettavuus, kun kyse on sivustosi tekstistä.
Ei yhtään mitään.
Jos et voi lukea sanoja, niin mitä hyötyä teet? Kuka saa viestisi?
Aivan yhtä tärkeitä kuin sanat itse ovat tekstin suunnittelu - fontit, tavutus, ja miten se on järjestetty ruudulle. Osa suunnittelusta sisältää itse sanat, miten voit laatia "suuret sanat" sivustollasi, voi myös tehdä eron.
Fonttien valinta
Valittavissa on vain niin monta fonttia. Se voi olla melko ylivoimainen.
Älä anna sen olla. Parasta mitä voit tehdä luettavuuden suhteen on pitää se yksinkertaisena.
Valitse yksi tai kaksi kirjasinkokoa sivustollesi. Hyvä paikka aloittaa on yksi fontti pääkappaleelle ja toinen suurille sanoille, kuten otsakkeille, bannereille ja pudotuskoodille. Erilaisen fontin käyttäminen jokaiselle elementille on häiritsevää, hämmentävää ja vaikeaa lukea.
Aloita sans serif -fontti pääosan kopiolla. Sans serifit ovat helpoin silmään, kun kyseessä on näytön lukeminen ja ne toimivat parhaiten pienilläkin kooilla. Serif-fontit voivat alkaa "ajaa yhdessä" tai menettää sarjanumeronsa kirjasimen koon, näytön tarkkuuden ja jopa värisävyn mukaan tekstin ja taustan välillä.
Muista, että kehon kopio on sivuston kaikkein lupaava asia, ja sen on oltava helppo sulattaa tietokoneella, tablet-laitteella tai mobiililaitteella. On hyvä käyttää tämän tyyppisen tyylin erilaisia kopioita, mutta älä hullu. Kiinnitys ja kursiivi ovat hyviä korostuspisteitä varten, mutta näiden tyyleiden suuria lohkoja voi olla vaikea lukea.
Jos tarvitset apua kirjasintyypin valitsemiseen, voit yrittää yhdistää fontit verkkotyökaluilla, kuten Google Web -fontit tai Typecast.
tavutus
Hyphenation on huono. Se on ruma. Se on tehotonta ja sekavaa. (Ja nämä ongelmat suurentuvat eri alustoilla.)
Pysy kaukana siitä.
Jos tarvitset uudelleenkirjoittajalle, tavutus tapahtuu, kun sana jakaantuu rivin loppuun, jolloin osa sanasta ilmestyy yhden rivin lopussa ja loppu sana näkyy seuraavan alussa. Käyttämällä tavuviivaa on melko paljon poistunut tyylistä, kun kyse on web-suunnittelusta, mutta silti sinä olet aina törmännyt siihen aika ajoin. (Sitä käytetään säännöllisesti painetuissa julkaisuissa, kuten sanomalehdissä.)
Ajoväliin perustuva ajattelu oli sallia tekstin tilaa oikein (ja tasaisesti) eri viivoilla. Kun työskentelet oikeutetulla tekstillä, voit joutua epätarkkaaviin asioihin, kun tavutus poistetaan.
Mutta yhdysviivat, jotka rikkovat sanoja, voivat tehdä tekstistä kovaa lukea. Yhdenviivan lukeminen voi aiheuttaa henkilön horjuvan tai sanaa väärin. Viivakoodien käyttäminen voi myös vahingossa muuttaa tiettyjen sanojen painotusta tai niiden vaikutusta muuhun kopioon. Alitajuisesti yhdysviiva kertoo lukijalle, että sana on vähän vähemmän tärkeä kuin muilla sanoilla, jotka on tehty kokonaan.
Varaa väliviivoja vain sanoista, jotka tarvitsevat niitä, kuten modifioijilla, eikä katkaista rivejä. Teksti näyttää puhtaammalta ja ammattimaisemmalta, ja se on lisännyt luettavuutta ilman kaikkia ärsyttäviä viivoja riveissä.
oikeutus
Kuten tavutus, täydet perustelut ovat jääneet pois web design -muodosta, vaikka sitä käytetään edelleen yleisesti painettuna.
Täytä täyden säädön avulla jokainen viiva täysin vasempaan reunaan oikealle marginaalille niin, että jokainen viiva on sama leveys. Täyden perustelun avulla luodaan (ja suljetaan) välilyöntejä sanojen välillä siten, että välilyönti ei ole tasaisesti jakautunut. Tämäntyyppisen tekstin kohdistuksen käyttäminen voi toimia joillakin verkkosivustoilla, mutta se ei aina ole visuaalisesti houkutteleva vaihtoehto. Katsokaa, miten tekstisi katkeaa ja yrität lukea sitä muutamia kertoja, jotta voidaan selvittää, onko täydellinen perustelu toteuttamiskelpoinen vaihtoehto.
Myös muita "perusteluja" tai tekstin kohdistusta on olemassa. Voit asettaa tekstiä niin, että se kulkee vasempaan marginaaliin, oikeaan marginaaliin tai keskelle.
Englanninkielisille verkkosivustoille vasen perustelu on yleisin käytäntö. Teksti sijoittuu vasempaan reunaan ja siinä on rajaava oikea reuna. Tunne on ystävällinen ja helppo lukea. Koska tämä tekniikka on niin yleinen, monet lukijat eivät edes huomaa, miten teksti on luotu. Tämä on paras vaihtoehto suurien tekstilohkojen kanssa.
Oikea kohdistaminen on toinen vaihtoehto, mutta ei toimi niin hyvin tekstin palasiksi. Kun teksti on kohdistettu oikeaan marginaaliin ja vasemmanpuoleinen, käynnistys- ja pysäytyspisteet sijaitsevat hankalasti ruudulla. Luonnollinen käsittelyjärjestys on päinvastainen, ja vain ajatus tekstin lukemisesta tällä tavalla (erityisesti suurissa määrissä) voi tehdä lukijasta epämukavaksi. Varaa oikeanpuoleinen teksti pienille eristyksille, jos haluat sisällyttää sen suunnitteluun.
Keskitetty teksti on varsin suosittu työkalu, vaikka sitä ei suositella suurille tekstilohkoille. (Hyväksytty löydät sen tällä tavalla kaikkialla verkossa.) Keskipisteen haasteet ovat aivan kuin oikealla kohdistetulla tekstillä - ei ole "luonnollista" alkavaa ja pysähtynyt ja voi tuntua hankalalta sivulta. Keskitetyn tekstin teksti voi tuntua jonkin verran muodolta (koska sitä käytetään usein esimerkiksi sellaisiin kohteisiin kuin kutsut), ja se olisi varattava pienille tekstipituuksille, joissa painotus on tärkeä. Se ei ole hyvä valinta suurille kopiolohkoille.
Muut tyyppiset vaikutukset
Oireita tai ääriviivoja
Käytä maltillisesti suurempien tekstin elementtejä painopisteenä, mutta vältä pienessä tekstissä.
Läpivienti tai alleviivaus
Molemmat ovat yleisesti käytettyjä - yliviivaisena merkkinä siitä, että jokin ei enää ole pätevä ja korostetaan korostettavaksi. Käytä näitä työkaluja mutta käytä niitä säästeliäästi. Molemmat työskentelevät pienille tekstin biteille, mutta aiheuttavat valtavia luettavuusongelmia yli muutaman sanan ulottuvilla.
Kallistus tai vääristymät
Nämä vaikutukset ovat suuria, kun käytät typografiaa taidemuodoksi. Ne eivät ole niin tehokkaita, kun yrität välittää viestin. Sinun tulisi välttää tekstin manipuloinnit ja vääristymät päärungolla.
Väri
Värin käyttö voi olla erinomainen työkalu tekstin lohkossa yksittäisen sanan korostamiseen. (Tavallisimpia ja visuaalisesti houkuttelevia väriyhdistelmiä tekstilohkolle ovat mustat tai tummanharmaat valkoisella tai valkoisella tummalla pohjalla.) Tarkoittaa värejä, jotka ovat terävällä kontrastilla taustalla niin, että ne ovat helposti nähtävissä ja luettavissa. Erittäin kirkkaita (ajatella keltaisia tai fuksia) värejä voi olla vaikea lukea, ellei niitä käytetä paksun, suuren kirjasintyypin kanssa. Harkitse lihavoittavaa tyyppiä väriä lisää painotusta varten, mutta varaa tämä tekniikka rajoitetulle määrälle sanoja.
Pidä suuri teksti puhtaana
Vaikka tavuttamista voidaan pitää esivalmisteena kehopiirissä, sitä on aina vältettävä suuressa muodossa. Yksinkertaiset perustelut ovat välttämättömiä; vasen tai keskellä oleva teksti ovat parhaita vaihtoehtoja.
Yläosat, bannerit, eristykset ja muut suuret tyypit tai kalusteet on oltava lukijaystävällisiä. Näitä sanoja ei vain ole tarkoitettu navigointiin, vaan niitä on myös luettava, jotta ihmiset pysyisivät sivustosi sisällön läpi.
Ompukset ovat kompastuskiviä.
Odd aligning ei auta navigointiin.
Muutamia muita asioita voi ajatella myös suunniteltaessa suurta tyyppiäsi.
Ajattele tyypin koko suhteessa päärungon kopioon. Otsikot ja otsikot, jotka ovat huomattavasti suurempia ja rohkeampia, puhuvat äänekkäästi lukijoille, kun taas pienemmät ja ohuemmat huonekalut kuiskat.
Kontrasti on äärimmäisen tärkeä suurille sanoille. Kun valitset fontteja, valitse jotain huonekaluille, jotka eivät ole liian samanlaisia kuin kehon kopio. Harkitse serif-kirjasinta, pitäen mielessä, että serifit toimivat parhaiten suurilla kooilla, niin että kunkin kirjaimen päätteet ja yksityiskohdat eivät häviä pikseleissä. Toinen vaihtoehto on tehdä väreistä erillinen tyyli ja hierarkia huonekaluille.
Ajattele myös suurien sanojen tilaa. Varmista, että suuret sanat lepäävät lähellä kuvattua kopiota. Lisää ylimääräistä tilaa jokaisen otsikon tai otsikon yläpuolelle ja tiivistä väli sen ja kopion väliin.
Kirjoita sopivaksi
Lopuksi ajattele sopivuutta.
Katso, miten teksti viitoitetaan, kun olet kirjoittanut kopion isoista sanoista. Täyttääkö se rivin? Kuinka monta riviä?
Visuaalisesti haluat mennä otsikoille, joilla on johdonmukainen ilme. Tämä koskee sekä tyyppityyliä että kuinka kauan sanat ovat. Vältä kohteita, jotka täyttävät yhden rivin kokonaan ja vain murto-osan seuraavasta rivistä. Ajattele huonekaluja pieninä suorakulmina; haluat, että kaikki sopii kehykseen ilman tyhjää valkoista tilaa.
Luo tyyli suurille sanoille, olipa kyseessä yksinkertainen otsikko, joka sisältää vain muutaman sanan tai kahden rivin täydelliset ajatukset jokaisen tekstin osan yläpuolella. Harkitse tämän tyylin osaa käyttämäsi otsikon tyypiksi - kysyykö se kysymys, onko se tosiasia, kerro lukijoille, mitä tehdä, esittelee miten tehdä jotain tai olla epäsuora ja söpö sanalla ja sanamuodolla?
Yritä kirjoittaa otsikoita ja otsikoita, jotka ovat vain yksi rivi pitkä (kaksi korkeintaan), käytä aktiivisia sanoja.
Tämä voi olla vaikeaa toteuttaa ja olla varovainen temppuja. Älä tartu sanastoa ja korvaa suuren sanan lyhytksi, jotta asiat sopisivat. (Sinulla on riski käyttää väärää sanaa tai käyttää termiä, jonka lukijat eivät välttämättä tunne merkitystä.) Ajattele keskusteluja kirjoitettaessa. Kirjoita sanat ja tarkista sitten (leikkaa tai lisää) niin, että säilytät sen, mitä haluat ilmaista ja tuottaa puhdasta, helppolukuista kopiota.
johtopäätös
Puhdas kopio ei ole pelkkä yksinkertainen kirjasinlaji ja yhdysviivat. Kyse on siitä, että kopiointi on järkevää ja että sitä esitellään luettavasti.
Ajattele yleisöäsi, kun laitat sen yhteen. Käytitte erilaista tekniikkaa ja tyyliä kirjoittaessasi blogikirjoituksia hääideoista (perinteinen, naisellinen tunne) verrattuna blogeihin tatuoinnit (todennäköisesti jyrkähemmät ja tummat). Yleisösi on vaikutusta kuvamateriaaleihin, ja niiden pitäisi vaikuttaa myös kopioihisi.
Mutta mikä tärkeintä, mieti, miten se kaikki tulee yhteen. Kaista kaikki muu sivustosi suunnittelusta pois, jättäen vain sen tyyppisiä. Onko helppoa lukea? Sinun täytyy zoomata sisään tai ulos? Oletko squinting näytöllä? Nämä ovat todellisia kysymyksiä, joihin sinun on vastattava, koska päivän lopussa luettavuus on kaikkein tärkeintä.
Mikä teksti on vaikea lukea verkossa? Mitä tekniikoita käytät tekstin luettavuuden säilyttämiseen? Kerro meille kommentit.