Jak zachovat čistý text
Nic není důležitější než čitelnost, pokud jde o text na vašem webu.
Naprosto nic.
Pokud nemůžete tyto slova přečíst, pak to, co děláte dobře? Kdo dostává vaši zprávu?
Stejně důležité jako samotná slova je návrh textu - od písma, k dělení, jak je to vše uspořádáno na obrazovce. Součástí designu jsou i samotná slova, jak můžete na vašem webu vytvářet "velká slova".
Výběr písma
Existuje jen tolik fontů, ze kterých si můžete vybrat. Může to být naprosto ohromující.
Nedovolte, aby to bylo. Nejlepší věc, kterou můžete udělat, pokud jde o čitelnost, je, aby to bylo jednoduché.
Vyberte jednu nebo dvě písma pro vaše stránky. Dobré místo pro začátek je s jedním písem pro kopie hlavního těla a další pro velká slova, jako jsou hlavičky, bannery a text breakout. Použití jiného písma pro každý prvek je rušivé, matoucí a obtížné číst.
Začněte písmenem bez písma pro kopii hlavního těla. Sans serifs jsou nejjednodušší na očí, pokud jde o čtení obrazovky a mají tendenci pracovat dobře i v menších velikostech. Písmena serifu se mohou začít spouštět společně nebo ztrácet sérii v závislosti na velikosti písma, rozlišení obrazovky a dokonce barevném kontrastu mezi textem a pozadím.
Mějte na paměti, že vaše tělo kopie bude nejčtenější na webu a musí být snadné strávit na obrazovkách počítače, tablet nebo mobilních zařízení. Je v pořádku používat v tomto kopírování různé styly tohoto písma, ale nezlob se. Tučné a kurzíva jsou skvělé pro body důrazu, ale velké bloky těchto stylů mohou být těžko čitelné.
Pokud potřebujete pomoc s výběrem písma, zkuste spárovat písma s online nástroji, jako jsou například Webové písma Google nebo Typecast.
Dělení slov
Dělení je špatné. To je ošklivé. Je to neúčinné a matoucí. (A tyto problémy se zvětšují napříč platformami.)
Drž se od toho.
V případě, že potřebujete doplněk, dělení se děje, když je slovo rozděleno na konec řádku, což způsobí, že se na konci jednoho řádku objeví část slova a zbytek slova se zobrazí na začátku dalšího slova. Použití dělení slov má spoustu stylů, pokud jde o web design, ale stále se s ním setkáváte čas od času. (Používá se pravidelně v tištěných publikacích, jako jsou noviny.)
Myslím, že používáme spojovníky, bylo umožnit textům správně (a rovnoměrně) prostor mezi jednotlivými řádky. Při práci s odůvodněným textem může dojít k problémům s nepatrným rozestupem při odstranění dělení slov.
Ale pomlčky, které porušují slova, mohou způsobit, že text bude těžké číst. Čtení přes pomlčku může způsobit, že se člověk potká nebo špatně interpretuje slovo. Použití pomlček může také neúmyslně změnit důraz určitých slov nebo jejich vliv na zbytek kopie. Podvědomě pomlčka říká čtenáři, že slovo je o něco méně důležité než ostatní slova, která jsou zcela vykreslena.
Rezervujte pomlčky pouze pro slova, která je potřebují, např. S modifikátory, a ne přerušujte čáry. Text bude vypadat čistší a profesionálnější a zvýší čitelnost bez všech otravných pomlček na konci řádků.
Zarovnání
Stejně jako rozdělení, úplné ospravedlnění spadalo z webového designu, přestože se stále používá běžně v tisku.
Zadejte pomocí plného nastavení vyplňuje každý řádek zcela z levého okraje do pravého okraje, takže každý řádek má stejnou šířku. Použití plného ospravedlnění vytváří (a zavírá) mezery mezi slovy tak, aby mezery nebyly rovnoměrně rozloženy. Použití tohoto typu zarovnání textu může fungovat u některých webových stránek, ale není vždy tou nejviditelnější možností. Podívejte se na to, jak se váš text rozbíjí a snaží se několikrát číst, aby zjistil, zda je plné ospravedlnění životaschopnou volbou.
Existují i jiné typy "ospravedlnění" nebo zarovnání textu. Text můžete nastavit tak, aby se řádkoval na levém okraji, na pravém okraji nebo dolů uprostřed.
U webových stránek v angličtině je nejčastějším zvykem pravé otevírání. Text je zarovnán k levému okraji a má odbočený pravý okraj. Cítit je přátelský a snadno čitelný. Protože tato technika je tak běžná, mnoho čtenářů si ani nevšimne, jak je text nastaven. Toto je vaše nejlepší volba pro práci s velkými bloky textu.
Zarovnání v pravém sloupci je další volba, ale pro kusy textu nefunguje tak dobře. S textem zarovnaným k pravému okraji a narovnaným na levé straně jsou body spouštění a zastavení umístěny na obrazovce nepříjemně. Přirozený pořadí čtení je obráceno a myšlenka na čtení textu tímto způsobem (zejména ve velkém množství) může být pro čtenáře nepohodlná. Reserve right-aligned text pro malé breakouts, pokud chcete začlenit do vašeho návrhu schéma.
Upřednostňovaný text je poměrně populární nástroj, i když se nedoporučuje pro velké textové bloky. (Ujistěte se, že se to používá po celém webu.) Úskalí zarovnání středu jsou podobné těm, které jsou spojeny s pravým textem - nemá "přirozené" starty a zastávky a na stránce se může cítit nepříjemně. Zarovnaný text v centru může být poněkud formální (protože se často používá pro položky jako pozvánky) a měl by být vyhrazen pro malé bity textu, kde je důležitý důraz. Není to dobrá volba pro velké bloky kopií.
Jiné typy efektů
Tahy nebo obrysy
Používejte s moderací na větších textových prvcích jako bod důrazu, ale vyvarujte se malého textu.
Přeškrtnutí nebo podtržení
Obě tyto jsou běžně používané - přeškrtnutí jako notace, že něco již není platné a zdůrazňuje, že klade důraz. Používejte tyto nástroje, ale používejte je pomalu. Obě pracují pro malé bity textu, ale způsobují obrovské obavy z čitelnosti při překračování několika slov.
Naklápění nebo deformace
Tyto efekty jsou skvělé, když používáte typografii jako uměleckou podobu. Nejsou tak účinná, když se snažíte předat zprávu. Měli byste se vyhnout textovým manipulacím a zkreslení na kopii hlavního těla.
Barva
Použití barvy může být skvělým nástrojem pro důraz na jedno slovo v bloku textu. (Nejčastěji a vizuálně přitažlivé barevné kombinace bloků textu jsou černé nebo tmavě šedé na bílé nebo bílé barvě na tmavém pozadí.) Zaměřte se na barvy, které jsou v ostrém kontrastu s pozadím, aby byly snadno viditelné a čitelné. Vysoce jasné (myslím žluté nebo fuchsie) mohou být obtížně čitelné, pokud nejsou používány s tlustým, velkým písmem. Zvažte typ tuku s barvou pro další důraz, ale vyhrajte tuto techniku pro omezený počet slov.
Udržování velkého textu čistého
Přestože dělení může být považováno za záležitost preference v těle kopie, vždy by se mu mělo zabránit ve velkém typu. Jednoduché ozdobné styly jsou nutností; levý nebo středový text jsou vaše nejlepší volby.
Hlavičky, bannery, průchody a další velký typ nebo nábytek musí být čtenářsky přívětivé. Nejen, že se tato slova používají pro navigaci, ale musí být také přečtena, aby se lidé mohli pohybovat obsahem na vašem webu.
Zády jsou úskoky.
Odd zarovnání nepomůže navigaci.
Existuje několik dalších věcí, na které byste měli přemýšlet i při navrhování designu pro váš velký typ.
Přemýšlejte o velikosti typu v poměru k kopii hlavního těla. Nadpisy a hlavičky, které jsou výrazně větší a odvážnější, budou čtenářům hlasitě hovořit, zatímco šeptá menší, tenčí nábytek.
Kontrast má velký význam pro velká slova. Při výběru písem vyberte něco pro nábytek, který není příliš podobný tělu kopie. Zvažte písmo serif, přičemž pamatujte na to, že serify fungují nejlépe ve velkých velikostech, takže terminály a detaily na každém písmu se neztratí v pixelech. Další možností je jít na barvu, aby se vytvořil zřetelný styl a hierarchie nábytku.
Přemýšlejte o prostoru kolem velkých slov. Ujistěte se, že velká slova zůstávají v blízkosti kopie, kterou popisují. Přidejte další místo nad každou záhlaví nebo nadpis a kondenzujte prostor mezi ním a kopií.
Psát, aby odpovídal
Nakonec přemýšlejte o tom, jak se hodí
Podívejte se na to, jak text po řádku napíše kopii pro velká slova. Plní to linku? Kolik řádků?
Vizuálně chcete jít na hlavičky, které mají konzistentní vzhled. To platí jak pro typ písma, tak pro délku slova. Vyhněte se položkám, které vyplní jeden řádek úplně a jen zlomek dalšího řádku. Přemýšlejte o nábytku z hlediska malých obdélníků; chcete, aby se vše vešlo do rámečku, aniž by byly prázdné bílé prostory.
Vytvořte styl velkých slov, ať už je to jednoduchá záhlaví obsahující jen pár slov nebo dvouřádkové kompletní myšlenky nad každou částí textu. Zvažte část tohoto stylu jako typ nadpisu, který používáte - položí otázku, bude to prohlášení o skutečnosti, řekne čtenářům, co mají dělat, předvede, jak něco dělat nebo zda je více nepřímý a roztomilý se slovy a frázemi?
Pokuste se napsat hlavičky a nadpisy, které jsou dlouhé pouze jedním řádkem (nejvýše dvě), použijte aktivní slova.
To může být těžké dosáhnout a být opatrný na triky. Nezachyťte tezaurus a nahraďte velký krátký termín za krátký, jen aby jste to udělali. (Budete riskovat, že použijete špatné slovo nebo pomocí výrazu, který by vaše čtenáři nemuseli znát význam.) Při psaní myslet konverzně. Zkomponujte slova a poté upravte (řezte nebo přidáváte), abyste udrželi integritu toho, co chcete vyjádřit, a vytvořte čistou a snadno čitelnou kopii.
Závěr
Čistá kopie je více než jen jednoduchá písma a pomlčky. Jedná se o psaní kopií, které dávají smysl a prezentují je čitelným způsobem.
Přemýšlejte o svém publiku, když to vše položíte dohromady. Při psaní blogových příspěvků o svatebních nápadech (tradiční, ženský pocit) byste použili jinou techniku a styl, než blogování o tetováních (pravděpodobně více ostrých a tmavých). Vaše publikum má vliv na vizuální nápady, měly by také ovlivnit vaši kopii.
Ale co je nejdůležitější, přemýšlejte o tom, jak to všechno přichází. Odstraňte vše ostatní z vašeho návrhu webových stránek a nechte pouze typ. Je snadné číst? Musíte přiblížit nebo oddálit? Stíháš na obrazovku? To jsou skutečné otázky, které musíte odpovědět, protože na konci dne je nejdůležitější čitelnost.
Jaký text je těžké číst online? Jaké techniky používáte k tomu, aby váš text byl čitelný? Dejte nám vědět v komentářích.
Doporučený snímek / náhled, textový obrázek přes Shutterstock.