Инструменти И Уроци

Неща, които може да не знаете за типографията в Sketch

Всеки дизайнер знае, че има много различни инструменти, които ще ви помогнат да работите с типография. Излишно е да казвам, че приложения като Adobe InDesign, Scribus и Photoshop вероятно ще бъдат вашият набор от инструменти. И все пак, въпреки че може да сте чували за Sketch, вероятно сте го пренебрегнали като инструмент за уеб дизайн - който не трябва да се използва при работа с тип.

Не трябва да е така. В действителност Sketch може да се превърне в един от най-големите инструменти за създаване на невероятни типографски парчета. Тайната е проста; трябва да знаете някои разумни съвети и трикове, които да ви помогнат по пътя.

В тази статия ще разгледаме няколко бързи и лесни начина, по които можете да поправите незначителните недостатъци, които Sketch има, когато става въпрос за типография. Това всъщност е третата статия от нашата Съвети и трикове за скици серия. Ако искате да проверите останалите, разгледайте ги набързо тук: Вложени символи в скица , Използване на Emojis за управление на файлове със скици .

Типография в урок за скица

Типография в Скица

Ако вече знаете CSS, трябва да сте запознати с основните функции за типография на Sketch. Те включват всичко - от избора на шрифт и през преобразуването на текст до задаването на параметри, като разстоянието между символите и височината на реда.

Ръководство за скици и типография

Някои от по-малко известните функции на Sketch обаче не са толкова очевидни веднага. Ето къде познаването на някои допълнителни трикове може да бъде огромна помощ. Всъщност, след като ги научите, можете да превърнете Sketch в нещо повече в съответствие с InDesign като инструмент за шрифт. Ето какво трябва да знаете:

Функции на OpenType:

Много шрифтове идват с алтернативни набори от знаци, използвани за постигане на по-голяма четливост или за стилистични цели, като например различно тегло на шрифта. Както вече знаете, във Photoshop просто натискате един бутон, за да ги включите. Междувременно в Sketch това не е толкова лесно, колкото това.

Ако искате да проверите цял набор от шрифтове, трябва да направите едно допълнително нещо. Просто отидете на Скица на менюто> Преглед> Показване на шрифтове и щракнете върху Икона на зъбно колело и след това Типография . След това ще получите достъп до допълнителни функции от типа като лигатури и алтернативни набори от знаци. Просто!

Работа с персонажи и типография в Скица

Текст по път:

В днешно време рядко виждаме текст, написан по път в уеб дизайна, изобщо. И все пак, това все още е доста често срещан стил в печата и дори дизайн на лого. Създаването на текст по път с помощта на Скица е изненадващо лесно. Просто нарисувайте пътя с помощта на Pen Tool, след което въведете текста близо до този път. След като го направите, трябва да изберете от Меню на скица> Текст> Текст по пътя . И ето ви!

Скица типография и шрифтове

Кернинг и изходно ниво:

Ако сте потребител на Photoshop, можете да получите достъп до почти всички функции за типография от панелите „Символ“ или „Абзац“. В Sketch ще намерите същите функции, само че те са скрити. За щастие можете да ги намерите доста лесно, стига да знаете как. Ако искате да отворите повече опции за стилизиране като Kerning, Ligature и Baseline, просто трябва да отидете на Меню на скица> Текст . Наистина е толкова просто!

Типография на Кернинг в скица

Искаха американски дизайнери на потребителски интерфейс на свободна практика на пълно работно време

Стилове в Sketch

Стиловете са това, което наричаме типографски настройки, когато използваме Sketch. Нещо повече, можете лесно да ги създадете от падащото меню за стил, разположено точно над параметрите на типа в дясната странична лента. Създаването на собствени стилове е доста често срещана практика при използването на този инструмент. Не всеки обаче знае, че техните стилове могат да бъдат каталогизирани точно като символи. (Прочетете повече за този процес в моя предишна статия тук.)

За да създадете папка с типографски стилове, стъпките за именуване са както следва: име_папка / име_стил или дори папка1 / папка2 / папка3 / име_стил . Погледнете този пример по-долу, за да видите точно какво имам предвид:

Типографски стилове и шрифтове в Sketch

В този пример групирах стиловете си в договор папка и след това създаде друга папка за различни размери на текста и още една за различни цветове. Така че именуването на стила изглежда така: * договор / h1 / тъмно *.

• • •