Na jaře roku 2018 jsme na základě zkušeností s písmy, jako jsou TT Commons a TT Norms, uvnitř TypeType formulovali myšlenku univerzálního a užitečného písma, které bude použito v moderních rozhraních na nejznámějších mobilních zařízeních a webové platformy.
Mělo by mít nejlepší poměr stran v kategorii, stejně jako širokou škálu stylů, znaků a funkcí OpenType. Písmo by mělo dobře zapadat do rozložení, když nahrazujete staré písmo rozhraní naším novým písmem. Počet stylů, které měly být v této rodině, jsme definovali jako „optimální maximum“. Samostatně pro programátory jsme se rozhodli vytvořit monoprostorovou verzi písma 4 stylů (tzv. „Zlatá čtyřka“), která je založena na kresbě původního písma. Je dobré, když existuje souhlásková dvojice sluchátek.
Toto písmo by se mělo stát univerzálním a pohodlným nástrojem pro designéry, kteří ve svých projektech aktivně používají písma rozhraní. Nezapomínejme na kreativní složku projektu – písmo by mělo být krásné, elegantní, zároveň neviditelné a neutrální. Technicky by toto písmo mělo být dokonalé: mělo by mít moderní nápovědu a také variabilní verzi pro ty, kteří jsou v předmětu. Tak začal příběh projektu, který trval více než jeden kalendářní rok.
Fáze 1 – Výzkum
K procesu jsme přistoupili důkladně. Byly zkontrolovány všechny nejoblíbenější písma, která se běžně používají v rozhraních, všechna byla klasifikována, seskupena a analyzována.
Výsledkem těchto souhrnných dat byla velká prezentace, ve které jsme se pokusili analyzovat a identifikovat hlavní rysy konstrukce znaků, jako například:
– stupeň uzavřené/otevřené clony „a“, znaménka „c“, „e“;
– stupeň zaoblení/kvadratury kruhů v kulatých znacích;
– tvary teček a čárek a další podobné prvky;
– podmíněně otevřené a podmíněně uzavřené tvary některých čísel, například 4, 6, 9.
Na valné hromadě jsme diskutovali a rozhodovali o směru další práce.
Nemohli jsme ignorovat již vytvořená a aktivně používaná písma, proto jsme z tohoto tématu vypočítali proporce všech populárních písem a prostřednictvím této analýzy jsme dospěli k našim vlastním závěrům a proporcím. Nyní se nemůžeme bát, že při výměně písma v již rozložených rozvržení návrhář rozhraní „přejde na rozvržení na dvou stech vykreslených obrazovkách“ a také se dramaticky změní stupeň černosti psaní podobného stylu, protože díky podrobné analýze budou „váhové styly“ blízké konkurenci …
V běžných jednotkách písma jsme měřili takové parametry, jako je výška x pro velká písmena H-hmotnost, tloušťka H-stonku, tloušťka H-příčka a podobné parametry pro malá písmena. Ve výsledku se ukázalo, že většina písem je si navzájem velmi podobná a některá jsou v mnoha ohledech zcela identická.
Také jsme měřili rozdíly mezi hodnotami vertikálních tahů různých stylů v rámci stejného písma, také se ukázaly být blízko u sebe a byly vyrobeny hlavně podle vzorce Pabla Impallariho, v jehož rámci je nárůst černé styly jsou prováděny co nejharmoničtěji (u světlých stylů je nárůst černé barvy prováděn rychle, černý růst je pomalý tučně).
Nezapomeňte na naše milované klienty, kolegy a přátele. Rozhodli jsme se provést kvantitativní marketingový průzkum. Za tímto účelem jsme sestavili online dotazník o písmech rozhraní používaných našimi velkými IT giganty a předními digitálními agenturami v zemi. V důsledku toho jsme obdrželi více než 50 odpovědí s podrobnými informacemi, které nás přiměly přemýšlet o pokladně a nuancích povahy písma, které vytváříme.
Fáze 2 – Kreslení základního styl
Po potvrzení všech základních proporcí písma a objasnění všech nuancí souvisejících s tvarem znaků v písmu jsme přistoupili k vykreslení základních znaků pravidelného typu, abychom otestovali naše hypotézy. První přístup k písmu je proveden v mřížce jednotek písma 5×5. Všechny stylové prvky písma byly začleněny do první tváře.
Během kolektivní diskuse o projektu byla předložena hypotéza, že tvary kruhů se ukázaly jako příliš jednoduché a za účelem jejich diverzifikace byly provedeny dva pokusy o jejich úpravu. Prvním pokusem je zvětšit je na druhou, druhým přidat rovné čáry na svislé tahy a zobrazit výsledek.
Na obrázku níže vidíte tři tvary kruhů pro písmo ve stejných textových polích:
první (horní) možnost je základní tvar kruhů implementovaný v první odeslání písma;
druhá (střední) možnost – každý oválný prvek na druhou v každém ohybu o 10 jednotek písma;
třetí (spodní) možnost je verze oválek s přímými vložkami do svislých tahů oválek.
Ve výsledku docházíme k závěru, že první možnost je nejoptimálnější a nejlépe vyhovuje povahovým a funkčním úkolům písmo. Koneckonců, „neutralita“ je nyní naším přítelem a školní láskou.
A nyní je naše typové oddělení postaveno před úkol zavést do písma jednotlivý znak. Při vykreslování písma se snažíme být co nejoriginálnější – musíme být dobyvatelé a nikdy se neopakovat.
Konečná pokladna po první iteraci vykreslování písma je připravena. Písmena latinky a cyrilice vypadají konzistentně. Geometrické a humanistické motivy jsou v písmu organicky a harmonicky propletené. Písmo má svůj vlastní znak, který je uzavřen malými nuancemi a pečlivě propracovanými detaily. Všechny upravené proporce splňují naše vysoké požadavky, které byly předloženy průzkumem a podrobnou analýzou všech písem rozhraní, jakož i výsledkem průzkumu našich kolegů, klientů a přátel.
Fáze 3 – Vykreslení všech tváří základní rodiny
Začíná nejzajímavější a nejobtížnější fáze písma – vytvoření prvního funkčního písma, další rozšiřování písma na písmo, psaní funkcí OpenType, vytváření vyrovnání párů a také četné testy.
Určete symbolické složení písma a vytvořte individuální kódování písma. Každé písmo z rodiny musí obsahovat základní servisní znaky, číslice, cyrilici a latinku. Ale pro designéry v jejich práci je velmi důležité mít multifunkční nástroj, proto se rozhodneme výrazně rozšířit ikonickou kompozici tím, že do ní zavedeme:
a) Rozšířená latina (řecké a vietnamské jazyky se objeví o něco později);
b) Rozšířená cyrilice;
c) Velký blok čísel (běžná čísla, minuskulární čísla, jejich tabulkové verze, stejně jako různí nadřízení, čitatelé, jmenovatelé, podřadní). Pro všechny typy čísel jsou k dispozici alternativní verze pro 0 (alternativní přeškrtnutá forma), 1 (stylistická alternativa se znakem kanálu), 6 a 9 (alternativní uzavřené formy čísel);
d) Rozšířený blok se znaménky měny (včetně běžných verzí znaků, tabulkových verzí měn a verzí měn pro čitatele a démonizátory);
e) Racionální čísla ve formě rozšířené palety pomocné zlomky, stejně jako čísla číslovaných seznamů, orámovaná v kruhu dvou typů: s výplní a bez výplně (tzv. „kulečníkové koule“);
f) Speciální verze služebních znaků pro případ použití společně s velkými písmeny (funkce rozlišující velká a malá písmena);
g) Alternativní formy pro malá písmena, které dávají písmu měkčí znak kanálu;
h) Sada ikon speciálně vykreslených ve stylu písma, promyšlených pro použití v různých prostředích rozhraní.
Přejděte do editoru písem a přeneste všechny znaky nakreslené ve vektorovém editoru do písma. Nakreslíme první dávku značek, počínaje nejsložitějšími značkami služeb a diakritikou. Vždy si musíme pamatovat pravidlo – při změně starého rozhraní v rozložení musí vše zůstat na svém místě. Při kreslení značek vždy pamatujeme na pravidlo „střední čáry“, které se stalo relevantním, když se objevily Sketch & Figma. Musíme dosáhnout efektu, že střední čára mezi vrcholy a potomky našeho písma je podobná ostatním písmům rozhraní. Jinak se text v textových blocích v moderních editorech rozhraní bude pohybovat nahoru/dolů uvnitř textových bloků a to přímo ovlivní rozložení. Mějte to na paměti při kreslení znaků a obrysů, které přesahují čáru.
Po první iteraci vykreslení všech textových i netextových znaků dostáváme zpětnou vazbu od uměleckého ředitele projektu Pavla Emelyanova o aktuálním vzoru písma i o prvních testovacích proužcích textu a jeho uniformitě. Je učiněno obtížné, ale nezbytné rozhodnutí – zbavíme se vizuálních kompenzátorů a uklidníme soupravu. Naše školní láska „neutralita“ nutí vše, aby vedlo k jednotné logice a konzistenci.
Souběžně pracujeme na dvou extrémní styly: tenký a černý … Pracuje na nich pracovní skupina tří lidí: dva designéři a jeden technický vedoucí. Kreslíme, opravujeme. Kreslíme, opravujeme. Ve skutečnosti se jedná o jasný a efektivní technický proces.
Pro nezkušeného čtenáře vám možná řekneme podrobněji. V tomto procesu existují dva hlavní úkoly: zaprvé je nutné se dostat do podmíněné šířky písma, například tenké písmo se bude zdát stejnou šířkou jako běžné písmo, pouze pokud je fyzicky užší. Opačná logika funguje pro tučný typ – do podmíněné šířky regulárního se dostaneme, pouze pokud je fyzicky tučný typ širší. Druhým úkolem je dostat se do podmíněné výšky běžných malých znaků. Vzhledem k tomu, že písmo má optický design, zvětšíme výšku malých znaků pro tučné písmo o 20 jednotek písma a u tenkého písma o 10 jednotek písma. Proto budou nyní všechny styly hmotnosti vytvořeny důsledně a bude se zdát, že se jedná o stejné písmo, pouze o různé tloušťky.
S první osnovou máme jasnou představu o tom, jak se značky navzájem vztahují. Toto je náš výchozí bod, kterým se budeme řídit při vytváření dalších stylů. Jako měřicí pravítko se používají písmena „H“ a „O“. Při zvyšování nebo snižování hmotnosti u jiných stylů by se každé znaménko mělo proporcionálně měnit stejným způsobem vzhledem k nim.
span>
Na výkresech můžete sledovat, jak se značky mění od typu k typu. Postavy jsou odvážnější, ale jejich proporce, vzor a charakter se nemění. Například „H“ vypadá trochu užší a vyšší. Písmeno „O“ má sklon spíše k obdélníku než k čtverci. Jeho vrcholy a zaoblení nejsou ostré, ale také nejsou jasně čtvercové. Stejný znak zaoblení se objevuje v „B“ – vizuálně vypadá o něco širší než „H“ a trochu užší „O“. Horizontální je mírně nad středem, přibližně na úrovni pruhu „H“. Podíváme se na poměr a proporce polooválců – všechny tyto podrobnosti se pohybují od obrysu k obrysu.
Nejtěžší ze tří základních stylů, které lze vytvořit, je černý. Aby Black vizuálně odpovídal Regular, musí být vnější proporce postav zcela určité, nemůžeme je udělat třikrát širší, jen aby se vešly mastné stopky do každého písmene. Také nemůžeme zmenšit na nulu celé prázdné místo v písmenu. Proto se musíme uchýlit ke kompenzaci kvůli vnitřnímu prostoru značky.
Některé značky lze zjednodušit a budou zjednodušeny:
V ostatních jsme hledají rovnováhu ztenčením kontur:
Tato práce se provádí ručně pro každé znamení. Všechno je velmi individuální, musíte neustále kontrolovat výsledek, aby na něm nebyly žádné „tyčinky“ nebo příliš světlé skvrny.
Obrázek níže ukazuje první iteraci návrháře tenkého obličeje, následovanou komentáři zaslanými zpět k písmu technickým manažerem. Každá barva barvy uvnitř písma má svůj vlastní význam. Návrháři obeznámení s touto logikou okamžitě chápou, co se změnilo v písmu. Po první iteraci ručně snižte výšku malých znaků o 10 jednotek písma.
V kanceláři se v rámci pracovní skupiny vedou rozhovory o potřebě kompenzátorů uvnitř tučného výrazu, stejně jako o jednotnosti množiny mezi azbukou a latinkou a mezi třemi váhovými plochami najednou. Rozhodli jsme se také zbavit dilatačních spár v odvážném hmotnostním stylu. Nyní stojíme za čistými formami a jednotnou logikou pro konstrukci všech znaků.
Při vytváření tučné tváře na poslední chvíli jsme najednou viděli, že všechna diakritika malých písmen jsou velmi blízká samotným malým písmenům. Aby to nebylo možné opakovat ručně, náš programátor napíše speciální skript v Pythonu, který pomůže okamžitě změnit 300+ znaků, to znamená zvýšit je o částku, kterou potřebujeme pouze pro malá písmena.
Když jsou tři hlavní klíčové plochy plně nakreslené, začneme pracovat na mezilehlých plochách, které se při interpolaci ve skutečnosti ukázaly jako velmi přesné. To je způsobeno přesností původních obrysů. Na šesti přechodných stylech pracují dva inženýři, kteří přinášejí kontury do dokonalého stavu. Vypracujeme podrobné technické specifikace a uvedeme je do provozu. Obrázek níže ukazuje výsledek prolínání (zprůměrování) obrysů tučného a pravidelného stylu (nad obrázkem) a písma upraveného technikem, na který je upozorněno, jak vidíte, rozdíl je malý.
Dále se pro všechna přímá písma vytvářejí kurzíva verzí písem Kurzíva. Jedná se o jednu z nejdůležitějších, pracných a zároveň „nudných“ fází. K vytváření šikmých stylů používáme metodu napůl naklonit napůl otočit. Ve skutečnosti se jedná o takzvaná písma „Oblique“, nikoli o skutečné písmo „Italic“, tj. Šikmé rovné verze, aniž by se měnil tvar samotných označení. Half-tilt-half-turn je metoda, která zabrání deformaci svírání v kruzích.
V kanceláři vytvoříme 5 kotevních stylů, připravíme dokumentaci k vytvořeným stylům pro inženýry připojené k projektu a pošleme zbývající písma do práce. Dokumentace je v některých fázích projektu velmi důležitým krokem při vytváření každého písma, protože umožňuje sjednotit proces vytváření písem různými lidmi.
Souběžně s vytvářením mezilehlých ploch i kurzívou přistupujeme k technické části projektu, konkrétně kerningu a funkcím OpenType, stejně jako k podrobnému nastavení vedení. Provedeme kerning „jednotný“ uvnitř písma, to znamená, že vytvoříme jednu sadu párů kerningu a tříd kerningu pro všechny váhy. I v rámci našeho týmu existuje jiný názor na jednotné vyrovnání párů – některé jsou „pro“, jiné jsou „proti“.
Pokud však při vytváření vyrovnání párů vezmeme v úvahu fyzicky odlišné mezery ve fontech různých hmotností (u tenkého typu bude existovat mnohem více mezer než u běžného typu a ještě více u tučného písma), stejně jako rozdíl v bílé barvě v trojúhelníkových apro (úhlopříčky ve znacích jako „A“, „X“, „V“ apod. mohou měnit svůj úhel v závislosti na váze písma, a proto se změní potřebné stupně kompenzace v podobě vyrovnání párů) , pak můžete provést takové vyrovnání párů, které se perfektně hodí pro všechny tři extrémní případy, a tedy i pro všechny středně pokročilé sourozence písma. Celkem získáme 1167 jedinečných párů, které se shodují.
Jako samostatnou část vytváříme speciální párování párů pro některé znaky, které lze kombinovat s mezerou, aby se textová sada zarovnala co nejlépe. Například pokud napíšete „Y“ a mezeru, pak spolu s mezerou vytvoří taková kombinace celou propast, která bude vizuálně vnímána jako dvojitý prostor. Tyto mezery kompenzujeme vyrovnáním párů.
Promluvme si trochu o funkcích OpenType v rámci písma. Ve skutečnosti jde o část práce návrháře písem, která téměř vždy zůstane mimo obrazovku pro uživatele písem. V písma rozhraní TT je 32 takových funkcí. Povíme jen o několika z nich a o podrobnostech obsažených v písmu se můžete dozvědět více v podrobné specifikaci písma.
a) Jen málo lidí ví, že většina moderních písem má jedinečnou možnost nahradit čísla lomítek zlomkem. Tato funkce se nazývá Frac a funguje takto: zadáte 1/2 a výstup je pěkný kompaktní zlomek 1⁄2.
b) Pro případy, kdy jsou použity závorky a uvozovky s velkými písmeny, existuje funkce Případ. Umožňuje vám „zvednout“ některé servisní znaky pro harmonickou kombinaci s velkými písmeny.
c) Někdy existují případy, kdy jsou zapotřebí tabulková čísla a měnové znaky. To je velmi výhodné, pokud je potřebujete zadat do sloupce tak, aby jedna číslice byla přesně pod druhou. V takových případech je nakreslena samostatná sada značek, ve kterých jsou šířky všech velikostí značek stejné. Souprava zároveň kvůli funkčnosti přestává být rovnoměrná a stává se trochu více vybitým. Tato funkce se nazývá Tnum, protože pro ni kreslíme nejen čísla, ale také znaky měny.
d) U některých písem, u kterých je nutné rozlišovat „nula“ od funkce velkých písmen „O“ Je použita nula. Toto písmo není výjimkou. Všechny možné nuly v písmu mají v oválu alternativní lomítka.
Opravdu jsme do písma přidali mnoho užitečných funkcí OpenType, například sůl, ordn, ccmp, sups, sinf, numr, dnom, tnum, pnum, onum, lnum, liga, dlig, calt, s01, ss02, ss03, ss04 , ss05, ss06, ss07, ss08, ss09, ss10, ss11, ss12, ss13, ss14, locl. Všechny jsou popsány ve specifikaci písma. Použitím jednotlivých funkcí nebo jejich vzájemnou kombinací můžete změnit „hlas“ písma k nepoznání.
Všechny funkce jsou testovány a ověřovány v nejrůznějších a možných kombinacích a také kontrolujeme funkčnost funkcí v různých programech. Aby bylo návrhářům rozhraní rozložení textových bloků co nejpohodlnější, provedeme studii nejpopulárnějších a nejžádanějších písem rozhraní a jejich technických parametrů, které ovlivňují úvodní (především Ascender (vedoucí), Descender ( dole), Gap (vynucené bílé pole mezi řádky) a na základě našeho výzkumu tvoří jedinou kontingenční tabulku, na základě které odvozujeme své vlastní hodnoty.
Po prvních srovnávacích testech v rozložení textových bloků pole různých velikostí, je zřejmé, že vedoucí téměř k dokonalosti, ale textový blok je o něco vyšší, než je potřeba. S tím nejsme spokojeni, musíme být dokonalí.
Rozhodli jsme se, že zmenšíme velikost Ascenderu a zvětšíme velikost Gap a získá se vodítko, které potřebujeme, a sada je zarovnána téměř všechna porovnávaná písma.
Krok 4 – Vytvoření ikon
Souběžně s prací na hlavním písmu přemýšlíme, jak pro něj nakreslit sadu ikon. První přístup selže, protože úkol byl špatně formulován a nedostatečně podrobný.
Jdeme do studie, ve které studujeme existující typů ikon, analyzujeme existující styly a na konci vypracujeme technický úkol.
Ukázalo se, že pro naši funkcionalitu existuje několik dobrých informačních ikon, zpravidla se jedná o samostatné vektorové sady (a nejsou uvnitř písem). Studujeme, že (samostatné sady ikon pro notebook/stolní počítač/telefon) obsahují stejné ikony, ale zároveň existují konkrétní, které se používají výhradně na tomto typu zařízení. Podívali jsme se také na ikony v různých operačních systémech Windows, Android, MacOS.
Analyzováno a vytvořeno jako průměrná = univerzální sada ikon. Ikony byly rozděleny do 5 skupin (hlavní akce, stavy, části webu, dokumenty a složky, mobilní rozhraní) v závislosti na objektech a akcích.
V první fázi práce bylo důležité pochopit, jak mohou být ikony a písmo přáteli, vytvořit mezi nimi společné rysy nejen kvůli tloušťce čar, ale také v konzistenci kontur ikon a dopisy.
Získáme náčrt prvních ikon a prozkoumáme je v různých velikostech a na různých pozadí. Opravujeme je tak, aby byly stylisticky dobře kombinovány s písmem (například tvary zaoblení a konce tahů). Podíváme se na rovnováhu černé a bílé, takže Black and Thin vypadají harmonicky, zavádíme do některých ikon malé výplně černé barvy.
V této fázi práce s ikonami, kdy již existovala propracovaná technická specifikace a porozumění hlavní sadě ikon , vyvstala otázka, jak daleko se člověk může odchýlit od obecně přijímaných obrazů. Během diskuse jsme dospěli k závěru, že je nutné zachovat dobře zavedené obrázky, ale některé ikony lze aktualizovat, například hodiny.
Nakreslíme celou sadu ikon pro tři styly, znovu upravíme a opravíme, dostaneme velké plátno ikon pro tři předlohy (tenké, pravidelné, černé), poté z nich získáme ikony pro všech 9 přímých stylů.
Piktogramy jsou součástí písma, což znamená, že musí měnit svoji sytost ve stejném poměru, v jakém se mění každý typ písma. Při práci na tomto čísle se ukázalo, že hlavní tloušťkou piktogramů nebude kmen velkých znaků, ale kmen zvláštních znaků. Ikony mění svou váhu v logice písma při zachování čitelnosti bez zachování tučných stylů.
Další složitý, ale zajímavý technickou výzvou v rámci tohoto projektu byla skutečnost, že názvy glyfů ikon nemají význam unicode, a proto při třídění glyfů v písmu budou létat v náhodném pořadí.
Když například ve stejném Adobe Illustratoru otevřete panel Glyfy, uvidíme, že některé ikony budou pohromadě a některé budou seřazeny náhodně. Takový náhodný přístup nepřichází v úvahu, takže přemýšlíme o tom, jak tento problém vyřešit.
Dalším problémem je, že v programech, jako je Powerpoint, se v přidání jednoduše nezobrazí glyfy jiné než unicode. panel znaků a nelze jej získat z klávesnice.
Proto žádáme našeho programátora, aby napsal skript Unicode Filler, který vyplní vybrané buňky hodnotami unicode z volného rozsahu tohoto standardu při dodržení určitého pořadí. Zachováme tedy naši posloupnost ikon, pokud jsou vybrány prostřednictvím panelu Glyfy v produktech Adobe, a dáme možnost vybrat a přidat ikony v programech, jako je PowerPoint. Ikony lze navíc jednoduše kopírovat z programu do programu, což je opravdu skvělé!
Krok 5 – Vytvoření neproporcionální rodiny
Od samého začátku jsme chtěli vytvořit neproporcionální satelitní náhlavní soupravu pro programátory, která by doplňovala hlavní náhlavní soupravu. Zkontrolovali jsme a analyzovali nejoblíbenější písma s rovným prostorem, která se používají k psaní kódu. Zvažovali jsme všechny nuance a vlastnosti tohoto typu písem a také jsme se poradili s různými programátory.
Na základě výzkumu jsme sestavili kontingenční tabulku, ve které jsme odvodili hodnoty proporcí „ideálního“ písma s rovným prostorem. Zejména jsme se zajímali o takové parametry, jako jsou: šířka písma, velikosti stopek pro běžné a tučné typy písma, technické nastavení úvodního písma, podobné obvyklé verzi písma. Bylo navrženo omezit počet typů písma, jako je tomu u většiny analogů, na čtyři.
Po určení všech klíčových proporcí a metrik nás velmi překvapilo, že i velikosti stonků v pravidelných a odvážný monoprostorový typ se shodoval relativně ve vztahu k naší hlavní náhlavní soupravě. Vzali jsme to jako dobré znamení a začali jsme vykreslovat písmo na mřížce 10×10.
V tomto procesu jsme zachovali a pečlivě provedli do „nové reality“ hlavní rysy konstrukce postav základního obrysu, jmenovitě jeho otvor (stupeň otevřenosti/blízkosti zaoblených znaků), stupeň zaoblení kruhy).
Vzhledem k tomu, že písmo je neproporcionální, to znamená, že šířka oblasti velikosti ve všech jeho znacích je stejná jako jedna velikost (600 jednotek písma), musíme změnit tvar některé znaky, aby sada vypadala rovnoměrně a nebyly vytvořeny žádné „díry“ a „tyčinky“.
U vyvážení bílé a černé jsme se rozhodli vrátit kompenzátory, které byly opuštěny v běžném základním písmu. To přidá do písma s rovným prostorem znak kromě správného vyvážení černé a bílé. V tomto případě je to více než vhodné.
Výsledkem je, že se některá písmena ukázala jako velmi široká („w“, „w“, „w“, „m“), takže je „těžké“ je umístit na podložku (600) v jejich přirozené podobě a proporce, aby mohli číst bez porušení tvaru, jsme kompenzovali průměrnou svislou stopku.
Pokračující práce na kompenzacích a vyvážení černé a bílé, některé znaky se hodně změnily. Tato deformace má nejen estetickou povahu, ale také dává písmu vlastní rozeznatelný obrázek a styl.
Podívejme se, jak vypadá písmo, provádíme úpravy požadavků a tvarů, posilujeme kompenzátory, protože písmo vypadá dostatečně černé.
Promluvme si něco o takovém tématu, jako je kompozice ikon v neproporcionálních písmech. Tak či onak, jeho složení se liší od symbolického složení našeho hlavního písma písma. Provedli jsme malý kvalitativní výzkum na téma písem s rovným prostorem, analyzovali jsme, co již máme, čeho se musíme zbavit a co je třeba k písmům přidat.
Upravte základní kódování písma rozhraní TT Interfaces tak, aby se stalo správným kódováním pro rozhraní TT Mono Mono. Odebereme tabulková čísla a tabulkové měnové znaky, nyní je již není potřeba, protože celé písmo je již bez mezer.
Také již nepotřebujeme ikony, které jsme vytvořili pro hlavní písmo. Odstraníme ligatury, protože zejména pro programátory může jejich přítomnost představovat určité „nebezpečí“ – kód by neměl nahradit několik znaků jedním. Přidejte do programování speciální znaky pro programátory.
Po testování funkcí jsme si uvědomili, že funkce Frac (zodpovědná za zlomky) nefunguje a stále stojí za to přemýšlet o jejím výkonu. Obvykle se takové funkce v takových písmech nedělají, ale rozhodli jsme se to opustit a začali se potýkat s logikou této funkce. Výsledkem je, že pro správné fungování Frac jsme přidali samostatnou sadu čitatelů a jmenovatelů se zápornými požadavky, takže při kombinaci s zlomkem se velikostní plocha rovná 600 jednotkám písma. Zní to komplikovaně a nepochopitelně, ale nakonec vše fungovalo.
Testovali jsme písmo na tmavém pozadí, protože programátoři ho obvykle používají k psaní kódu. Požádáme kolegu, aby poslal skutečný kód, přepsal a otestoval výsledek.
Výsledek je dobrý. Písmeno „o“ není zaměňováno s číslem „0“, „l“ s „1“, vše je rozlišitelné a čitelné.
Přechod na šikmé monoprostorové styly. Podívali jsme se a analyzovali existující analogy a jako obvykle jsme vytvořili tabulku, která zohledňovala hlavní proporce i úhel sklonu. Výsledkem výzkumu bylo jasné, že „ideální“ úhel náklonu je 11 stupňů.
Při práci s kurzívou se rozhodneme trochu si pohrát a nakreslit náčrtky, ve kterých vyzkoušíme různé podivné bizarní formy znaků.
V procesu práce na písmu jsme se rozhodli udělat nejen písmo kurzívy, ale také kurzívu. Poté následuje nová fáze náčrtů. Chtěli jsme dát kurzívě znak, ale zároveň zůstat neutrální. Ve výsledku jsme se rozhodli upustit od extrémních forem ve prospěch čistších a čitelnějších znaků.
Změnil některé tvary písmen, které jsou tradičně používány kurzívou, což dává šikmým stylům styl „cursive“.
Krok 6 – Vytvoření rady
Hinting je složitý technický proces optimalizace kresby písma pro určité typy rasterizátorů (obrazovky, prohlížeče, programy). V naší společnosti je nápověda samostatným technologickým procesem, který trvá hodně času. Zpočátku nebyly všechny styly připraveny k narážce, ale pouze pět z devíti stylů: černý, obyčejný, extra světlý, světlý a tenký. Zatímco se sestavovaly ostatní styly – byly k nim přidány ikony a byla dokončena technická část, náš narážející guru Viktor se rozhodl začít narážet na běžný styl a jít dolů po stupnicích. To znamená, že po pravidelném použití hodíte nápovědu do závaží s nižší hmotností Light, ExtraLight a Thin.
K čemu jsou mezilehlé styly naznačujete písmo?
Typicky pro naznačování písem TypeType používáme nápovědu Microsoftu nazvanou Visual TrueType (dále jen VTT). Abychom ale urychlili a vylepšili práci na nápovědě, používáme také náš vlastní dodatečný software napsaný v našem studiu. Jednou z klíčových funkcí tohoto softwaru je přenos rad mezi fonty pomocí glyfů.
Čím jsou styly k sobě blíže ve tvaru (v tomto případě tloušťce), tím méně chyb nastane v procesu přenosu nápovědy, což znamená, že k provádění úprav bude zapotřebí méně manuální práce. Pokud mluvíme o našem softwaru, pak tento skript funguje podle algoritmu, který hledá podobné body v další tloušťce řádku a úhledně přenáší rady. Obrysy nemohou být zcela identické, proto se v 10–30% případů vyskytnou chyby, které je třeba opravit ručně. To ale stále snižuje čas strávený narážením téměř pětkrát.
Takže první, kdo pracoval, byl Regular. Automatické naznačování bylo provedeno pomocí nástrojů VTT. S pomocí tohoto nástroje bylo provedeno předběžné značení, byly určeny skupiny symbolů a kontrolní hodnoty pro ně. Skupiny hodnot řízení jsou hodnoty řízení znaků, jejichž obrysy musí být vzájemně konzistentní jak v šířce, tak ve výšce, obrysy glyfů umístěných v jedné skupině budou mít společné charakteristiky.
Kromě čtyř standardních skupin, které jsou definovány automatickým rozvržením: UpperCase, LowerCase, Figure a Other, byly přidány další čtyři: Superior, OldStyle, Icon, Balls, Numr. Později, v průběhu práce, byly definovány vlastní hodnoty řízení a ručně přiřazeny k vlastním skupinám, které byly poté použity k nápovědě k znakům zahrnutým do těchto skupin. Celkem bylo do každého ze stylů navíc zapsáno asi 60 hodnot a čím je písmo odvážnější, tím více je nutné použít sadu hodnot pro pružnější kontrolu nad stopkami.
Po použití automatického naznačování a před zahájením manuální úpravy pixelové mapy písma jsme navíc použili náš vlastní vývoj. Například naznačení složených znaků:
Výše uvedený obrázek ukazuje znak Amacron o rozměrech 12 x 15 pixelů při 72 dpi pomocí rastrování DirectWrite ve tučném stylu. Všimněte si, jak je rastrována samotná diakritická značka Macron.
Na prvním řádku – rastrování znaku před naznačením;
Na druhém – rastrování po automatickém naznačení;
Na třetím – rastrování po nanesení naše vlastní skripty.
Po všech manipulacích s přípravou písma konečně začneme přímo hintovat.
Na následujícím obrázku je zobrazeno písmo TT Interfaces Mono Regular před hintováním. Můžete si všimnout, že u různých velikostí existuje problém s konzistencí tloušťky pixelu mezi stonky stejného glyfu a mezi různými.
Aby se tento problém vyřešil, byly určeny pixelové přechody tloušťky pro rovnoměrný růst stonku s rostoucí velikostí. Byla obnovena konzistence mezi všemi stonky písma, obrysy vypadají konzistentně.
Následující obrázek ukazuje to samé mezi znaky číslic a jejich varianty malých písmen v rozhraní TT Interfaces DemiBold, kde se malá písmena začnou ve srovnání s běžnými verzemi příliš brzy zmenšovat.
Samozřejmě musíte pochopit, že hlavním úkolem nápovědy je čitelnost písma, a abyste tohoto cíle dosáhli, musíte kvůli nedostatku mezer zanedbávat konzistenci stonků. Například obrázek níže ukazuje, že na 12, 13, 15 a více pinech mají všechny stonky stejnou tloušťku, ale na 14, kvůli nedostatku místa v glyfech pro euro, hřivny a rupie, byly vodorovné čáry záměrně tenčí. Jinak, aniž by došlo ke zkreslení obrysů, by se díky stejné tloušťce situace mohla opakovat, což je vidět, podívejte se na horní část 14bodového znaku hřivny na stejném obrázku vpravo.
U tenkých vah je situace trochu jiná: kromě konzistence je nutné obnovit tloušťku stonků. Obrázek níže ukazuje, že některé stonky jsou tak tenké, že úplně zmizí.
Po naznačení je zde výsledek.
Mělo by být zřejmé, že na všech obrázcích výše uvedeného typu „Po narážení“ je to vlastně výsledek po všech pracích provedených s obrysy jednotlivých glyfů: přizpůsobení tloušťky, oprava různých zkreslení a nepravidelností, kontrola polohy tahů a obnovení čitelnosti. Například kvůli čitelnosti značky Hbar v rozhraní TT Interfaces ExtraBold byly pixely horní lišty ručně posunuty, tyto operace se nazývají delty.
Každé písmo rodiny TT Interfaces trvalo přibližně 170 delt, což celkem pro všech 18 stylů hlavní rodiny a 4 styly rodiny s rovným odstupem přinese hodnotu 3740 delt. Mělo by být zřejmé, že čím tenčí je styl, tím je pravděpodobnější, že bude potřebovat méně delt. Obecně platí, že čím méně delt, tím lépe pro všechny, protože každá taková delta instrukce obsadí samostatný bajt v souboru písma a často je to pro mnoho hromadných služeb a webů velmi důležité.
Rovněž lze poznamenat, že polohy komponent byly opraveny u některých symbolů. Komponenta v písmu je běžně používaný obrys, na který odkazujeme pouze v glyfech, kde jej používáme. Komponenta je převzata z hlavní cesty jako odkaz na ni, takže pokud náhle změníte hlavní cestu, změní se také komponenta ve zbytku znaků, kde se používá. Samotný finální soubor písma bude také vážit několikrát méně, protože místo uvnitř souboru písma je uloženo kvůli nedostatku zbytečných informací. Například na obrázku níže, ve znamení „kulečníkové koule“ 0x2473, byla nulová složka posunuta o jednu jednotku písma (to je velmi malá hodnota) ve srovnání se dvěma složkami, a proto byla nulová složka jedna celý pixel nižší v některých rozměrech (toto je již velmi velká hodnota).
velikost souboru ručně naznačených písem od v průměru o 18% ve srovnání s automatickým narážením v rozhraních TT a v případě rozhraní TT Mono o 5%. Možná to potěší některé z našich vysoce respektovaných uživatelů našich písem, kteří aktivně používají naše písma na webu.
Krok 7 – Vytváření variabilních tváří
Nejprve otevřete všechny tváře, které budou tvořit základ našeho variabilního písma. Optimální počet vzorů pro vytváření variabilního písma se pohybuje od tří do pěti. Pro vytvoření proměnné rozhraní TT vybereme čtyři hlavní předlohy: Thin, Regular, Bold, Black.
Pracujeme s fontinfo, přidáme průvodce kopírováním a úpravou hodnoty váhy a upravíme název písma tak, aby se v programech zobrazovalo správně. Přidejte požadovanou osu variability – v našem případě Weight. Přidáme všechny ostatní tváře jako instance a napíšeme přes „=“ tloušťku stonků našich stylů. Po správném vyplnění karet Názvy, Osy, Vzory a Instance můžete přejít ke kontrole kompatibility obrysů.
Pokud jsou naši mistři kompatibilní, pak budou v panelu Vrstvy všechny barevně zeleně. Někdy je nutné ručně umístit výchozí body a zkontrolovat směry obrysů, protože jejich nesoulad také vede ke zkreslení během interpolace.
V případě rozhraní TT musíme přidat tři tečky na „M“ v černém obličeji. Chcete-li to provést, vyberte postupně každý bod a stiskněte Ctrl + D nebo na něj klikněte pravým tlačítkem + Duplikovat. Po přidání chybějících bodů klikněte na Match Masters a zkontrolujte variabilitu na vrstvě instance nebo na panelu Náhled.
Ale všechna nastavení ověřování jsou u konce a s klidným svědomím můžeme začít testovat proměnné písmo.
Závěr
Děkujeme, že jste si našli čas na přečtení historie za náhlavní soupravou TT Interfaces. Snažili jsme se vám co nejvíce říci o vnitřním fungování typového studia a ukázat vám všechny fáze vytváření komplexního písma.
Písmo TT Interfaces bylo vytvořeno týmem devíti osob, který zahrnoval návrháře, inženýry a manažery. Úplný seznam účastníků projektu:
Ivan Gladkikh – projektový manažer;
Irina Tatarskaya – projektová manažerka;
Pavel Emelyanov – umělecký ředitel, autor výzkumu a základní osnovy;
Marina Khodak – starší typová návrhářka, technický projekt manažer;
Ksenia Karataeva – návrhářka textů, autorka monoprostorové podrodiny a výzkumu ikon;
Nadezhda Polomoshnova – návrhářka textů, autorka ikon;
Yuri Nakonechny – technický inženýr, tester;
Nadyr Rakhimov – typový konstruktér, technický inženýr;
Viktor Rubenko – technický inženýr, programátor a pomocník.
Užitečné odkazy:
Specifikace rozhraní TT
Grafická prezentace rozhraní TT
Vyzkoušejte rozhraní TT
