Как да коригирате свойствата на текста в Adobe XD

Когато имате текст във вашия Adobe XD проект, можете да започнете да променяте свойствата на текста. Тези свойства включват семейство шрифтове, размер на шрифта, тегло на шрифта, подравняване, разстояние между символите (кернинг и проследяване), разстояние между редовете (водещо), запълване, граница (черта), сянка (падаща сянка) и размазване на фона. Така че нека разгледаме как се прилагат тези свойства.

Относно четливостта и избора на шрифт

Изборът на шрифт е от решаващо значение. Може да имате много възможности за избор на шрифт във вашата система, но само няколко избрани ще го изрежат като успешен избор за четене на екрана. Някои характеристики, които да търсите при избора на шрифт, включват следното:

• Серифни или без засечки? По-долу виждате семейство шрифтове в стил сериф отгоре и един без засечки отдолу. Засечките имат лека изпъкналост, която завършва щрих на буква. Sans serif, от друга страна, няма тази лека проекция. Шрифтовете без засечки изглеждат по-модерни и са популярен избор за интерактивни приложения и уебсайтове. В миналото се смяташе, че семействата шрифтове със засечки са по-лесни за четене, когато има голямо количество текст. Тестовете, проведени с устройства за проследяване на очите, доказаха, че няма голяма разлика в четливостта между serif или sans-serif, така че не се колебайте да изберете всеки стил, стига да обърнете внимание на някои от другите характеристики на шрифта, които следват.

  Шрифт с засечки отгоре, без засечки отдолу.

• Прави, равномерни ширини на линиите: Тъй като вашият тип ще бъде създаден от пиксели, най-добре е да нямате много вариации в ширината на текста. Можете да видите разликата в пикселен преглед между избор на шрифт с вариация в ширината (отгоре) и шрифт, който е последователен в неговата ширина.

  Горният шрифт има вариации в дебели и тънки линии, които създават шрифта; долният шрифт е последователен и по-лесен за четене на екрана.

• Силни броячи: Броячите са дупките, които виждате в букви като „O“, „B“ и „R“. Обърнете внимание колко големи са тези броячи, тъй като те също могат да причинят проблеми с четливостта, ако се затворят, когато се показват като пиксели на екрана. Появява се пикселен изглед на две различни семейства шрифтове; вижте как броячите изглеждат във всеки в сравнение един с друг.

  Потърсете силни отворени броячи във вашето семейство шрифтове.

• Спускащи устройства и височина на капачката: Късите спускащи устройства и ниските височини на шапката са важни за четливостта на екрана. В горната част виждате семейство шрифтове с къси низходящи и малки височини на главни букви; в долната част, шрифт с дълги низходящи и големи височини на шапката.

  Семейство шрифтове с къси низходящи и ниска височина на главни букви обикновено е по-лесно за четене на екрана.

Избор на вашето семейство шрифтове

Сега, когато знаете какво прави по-добър избор на шрифт за четливост, използвайте панела Properties, за да изберете един. Нещата, които трябва да търсите, когато правите своя избор, включват следното:

• Семейство шрифтове: След като сте въвели някакъв тип на вашия екран, можете да го изберете и да изберете падащото меню Font Family в секцията Text на панела Properties. Ако знаете шрифта, който искате, просто започнете да пишете името на шрифта в текстовото поле на Font Family и ако е във вашата система, ще бъде намерен във вашия списък.

  Не забравяйте, че имате достъпни шрифтове чрез Adobe TypeKit.

• Тегло на шрифта: След като изберете семейство шрифтове, можете да изберете тегло от падащото меню Тегло на шрифта. В зависимост от шрифтовете, които имате във вашата система, ще имате различни избори за тегло на шрифта.

  Изберете семейство шрифтове и тегло на шрифта.

• Размер на шрифта: Можете просто да въведете размер на шрифта в текстовото поле Размер на шрифта, но ако не сте сигурни кой размер работи най-добре, можете да поставите курсора си под текстовото поле Размер на шрифта и да щракнете и плъзнете. Потърсете двупосочната стрелка, преди да плъзнете. Плъзгането нагоре намалява размера; надолу увеличава размера.

  Щракнете и плъзнете, за да промените визуално размера на шрифта.

• Подравняване: Можете да промените избрания от вас текст на Подравняване вляво, в центъра или вдясно, като използвате бутоните за подравняване в секцията Текст на панела със свойства.
• Разстояние между знаците: Разстоянието между знаците се отнася до разстоянието между знаците. Това е известно като проследяване . Тук виждате резултата от увеличаване на разстоянието между знаците.

  Знаците на нормално разстояние, зададено на 0 (нула) и след това на 150.

Имайте предвид, че можете да използвате същата техника на щракване и плъзгане, която е налична в текстовото поле Размер на шрифта, за да промените визуално разстоянието между знаците.

Можете също така визуално да промените размера на разстоянието между знаците, като щракнете и плъзнете.

• Височина на реда : Височината на реда е водеща , пространството между редовете на текста. Това може да играе важна роля в информационния дизайн, така че се уверете, че го използвате последователно в целия си дизайн. Можете също да поставите курсора си под текстовото поле Височина на линията и да щракнете и плъзнете нагоре или надолу, за да намалите или увеличите височината на линията.
• Цвят: Променете цвета на запълване, като щракнете върху квадратчето до Цвят на запълване в панела със свойства. Изпълнявате тази задача по същия начин, както бихте направили с всяка форма. Изберете полето Запълване и изберете цвят от инструмента за избор на цвят. Можете също да изберете прозрачност за вашия текст от слайда Прозрачност, наличен вдясно от инструмента за избор на цвят.
• Граница: Прилагането на рамка поставя щрих около текста ви. Това не се препоръчва, защото може да причини проблеми с четливостта. Използвайте го пестеливо и може би само за специални ефекти. Изображението по-долу показва пример за по-голям шрифт, който има тънък щрих и бяло запълване на по-тъмен фон. В ситуация като тази границата може да работи, но не и с по-малък текст.

  Малка рамка с бяло запълване на тъмен фон.