Как выбрать лучшие шрифты для своего блога

 

Любой дизайнер, который хоть раз побывал в районе квартала, знает о важности типографики. Они знают, что это больше, чем просто дизайн этих букв. Типографика - это расположение букв, то, как они сочетаются с остальной частью вашего конкретного дизайна, как они работают с вашим брендом, и они могут помочь вам привлечь нужную аудиторию.

Как и любой другой аспект дизайна, хорошая типографика должна казаться легкой. Читатель не должен видеть утомительный процесс отслеживания и кернинга, который потребовался для создания логотипа или обложки журнала. Но именно эти мелкие детали шрифта могут иметь огромное значение между эстетически приятной и удобочитаемой страницей и страницей, которая выглядит загроможденной и неразборчивой.

Ваш выбор типографики и то, как вы заставляете ее работать в своем блоге, безусловно, определяет разницу между хорошим и плохим дизайном. И то, как вы его используете, поможет вашим читателям узнать больше о вас и вашем бренде:

• Объединение вашего сообщения. Использование одного и того же шрифта во всем блоге помогает вашей аудитории, создавая последовательность, которой они могут следовать.
• Создание индивидуальности. Типографика играет большую роль в укреплении узнаваемости вашего бренда. Наличие узнаваемого бренда, которое ваша аудитория может идентифицировать снова и снова, вызовет интерес и повысит лояльность.
• Настройка тона - ваш выбор шрифта может определить, как будет интерпретироваться весь ваш блог. Выбор между простым шрифтом или уникальным шрифтом изменит то, как ваша аудитория изначально взаимодействует с вашим брендом, и даже может привлечь ту нишевую аудиторию, которая вам нужна.
• Создание удобочитаемости - что наиболее важно для блоггеров, хорошая типографика создает удобство чтения. Когда ваши читатели переходят в ваш блог со своих мобильных телефонов, ноутбуков и планшетов, вы должны убедиться, что им нравится читать ваши статьи.

Итак, если вы готовы создать более приятное впечатление от чтения для своей аудитории и создать сильную идентичность для своего бренда, пора вам начать чувствовать себя более комфортно и уверенно с типографикой. Эта статья поможет вам узнать все, от терминов, которые вам нужно знать, до основных правил, как заставить его работать на вас.

Разница между гарнитуром и шрифтом

Понимание разницы между гарнитурой и шрифтом поначалу может сбивать с толку. Но если разбить его на части, все очень просто - гарнитура - это группа шрифтов.

Более конкретно, шрифт определяется как полный набор символов внутри гарнитуры, а семейство гарнитуры описывает диапазон дизайнов, которые являются вариациями одного базового шрифта. Хотя существует еще несколько стилей гарнитуры, эти пять являются наиболее популярными.

Засечки

Это гарнитуры с ножками. Засечки намного легче читать в длинных печатных произведениях, таких как книги и газеты, из-за различий между буквами.
Наиболее распространенные шрифты с засечками: Times New Roman, Georgia и Garamond.

Без засечек

Поскольку без засечек означает без, то без засечек означает без ножек. Поскольку эти гарнитуры выглядят более современно и по-прежнему хорошо смотрятся при более низком разрешении экрана, дизайнеры обычно используют шрифты без засечек для сообщений в блогах и веб-документов.

Наиболее распространенные шрифты San serif: Arial, Verdana и Futura.

Blackletter

Гарнитуры Blackletter известны своим драматическим эффектом и характеризуются толстыми и тонкими штрихами и завитками на засечках. Хотя они часто использовались в ранних рукописях (вспомните Декларацию независимости), этот шрифт в основном используется в заголовках, логотипах и других знаках.

Наиболее распространенные шрифты Blackletter: староанглийский, Fraktur и Linotext

Сценарий

Как следует из названия, этот шрифт напоминает плавные и разнообразные штрихи почерка. Скрипт имеет два основных различия: формальное и причинное. Для обоих этих различий шрифт чаще всего используется в дизайне приглашений, логотипов и плакатов. Никогда не используйте скрипт в качестве основного текста.

Наиболее распространенные шрифты скрипта:

Формально: скрипт Kuenstler, Quarzo и Platinus Script Pro

Казуальные: Мистраль, Кауфманн и скрипт кисти

Декоративные

Эта классификация может показаться довольно дрянной, и ее следует использовать с большой осторожностью. Я бы рекомендовал использовать только декоративный шрифт для логотипа, а не для заголовков или основного текста.

Наиболее распространенные декоративные шрифты: Outlaw, Stencil и Bauhaus.

Каждый из этих шрифтовых стилей занимает свое место в мире дизайна. Убедитесь , обязательно прочитайте больше на них , чтобы выяснить , все свое лучшее использование.

Анатомия шрифта

Если вы действительно хотите углубиться в типографику, вы скоро обнаружите, что все в шрифте можно разбить на части. От небольших завитков до пустого пространства внутри буквы - каждая часть, составляющая букву в гарнитуре, имеет имя и обозначение. Когда вы сложите все эти части вместе, вы получите анатомию шрифта. Вот как это принимает форму:

Базовая линия : линия, в которой расположены буквы.

Высота заглавной буквы : расстояние от базовой линии до верхней части заглавной буквы.

X-height: высота основной части строчной буквы. Он расположен между базовой линией и высотой крышки.

Чаша: изогнутая часть символа, которая охватывает круглые или изогнутые части некоторых букв, таких как «d» и «b».

По убыванию: самая длинная точка буквы, выходящая за пределы базовой линии. Обычно для таких букв, как «у».

Счетчик: пустое место в середине букв, таких как «а».

Лигатура: штрих, соединяющий соседние буквы.

Стебель: основание буквы, похожее на стебель цветка.

Засечки: небольшой выступ, завершающий штрих буквы в некоторых гарнитурах.

Окончание: сужающийся конец букв, таких как «е».

Восходящий элемент: часть буквы, которая выходит за пределы средней линии шрифта. Это происходит, когда буква выше, чем высота шрифта по оси x.

Поперечная полоса: полоса, которая проходит через внутреннюю часть буквы и соединяет одну сторону с другой.

Терминал: тип кривой, который вы видите в верхней части буквы «f» или в конце буквы «j».

Позвоночник: изогнутое тело буквы «s» - и только буква «s».

Шесть типографских проблем, влияющих на ваш дизайн

Когда ваш словарный запас исчерпан, пришло время понять, что значит поиграть со своей типографикой. Всегда есть что-то новое, чему можно научиться с такими обширными дизайнерскими навыками, но большинство дизайнеров ежедневно корректируют и уравновешивают эти шесть типографских проблем.

Размер

Когда вы комбинируете шрифты в дизайне, рекомендуется использовать два одинаковых по высоте. Это создаст согласованность и гармонию между двумя разными шрифтами.

Ведущий

Когда вы работаете с типографикой для онлайн-дизайна, интерлиньяж означает высоту строки. Это то, как текст размещается по вертикали в строках. Вспомните свои исследовательские работы в старшей школе, когда вы использовали одинарный или двойной интервал. Это вроде как. Для удобства чтения, как правило, значение интерлиньяжа должно быть в 1,25–1,5 раза больше, чем размер шрифта.

Кернинг

Кернинг - это расстояние между буквами и процесс корректировки букв для создания нужного пространства, чтобы избежать пробелов или сжатой копии. Естественный кернинг не всегда точен, и иногда его необходимо усилить или ослабить, чтобы создать более привлекательный вид. Этот процесс будет наиболее важным при работе с большим, хорошо заметным текстом, таким как заголовки и логотипы.

Отслеживание

Отслеживание похоже на кернинг, но связано с интервалом во всем слове и выполняется после того, как вы выяснили свой кернинг. Это следует использовать с осторожностью, чтобы равномерно изменить интервал между каждой буквой сразу.

Мера

Мера относится к длине линии. В зависимости от того, насколько длинным или коротким будет ваш такт, вам нужно будет отрегулировать интервал. Вообще говоря, если такт длинный, интерлиньяж следует увеличивать, и наоборот. Многие дизайнеры считают, что 65 символов - идеальный критерий для дизайна с одной колонкой.

Иерархия

Если бы все шрифты были одного размера, было бы трудно определить, какая информация на странице самая важная. Создание иерархии с разным весом, стилями и размерами шрифтов помогает создать поток важности для ваших читателей. Чем крупнее и жирнее текст, тем выше он занимает позицию на странице, а это означает, что тем быстрее взгляд читателя обратится к нему.

Основные правила типографики

Собрать всю эту информацию воедино может быть непросто. Поэтому вместо того, чтобы пытаться узнать все о интерлиньяже и кернинге, а также запомнить каждую часть шрифта прямо сейчас, позвольте мне дать вам несколько простых и действенных шагов, которые вы можете предпринять, чтобы начать правильно использовать типографику в своем блоге.

Выберите правильный шрифт

Прежде всего, основная цель дизайна - коммуникация. Это означает, что удобочитаемость вашего шрифта является главным приоритетом. Это также означает, что вам нужно убедиться, что ваш стиль соответствует вашей аудитории. Это больше, чем просто убедиться, что ваша копия написана безупречно. Речь также идет о том, чтобы шрифт, который вы используете, соответствует вашему рынку.

Практическое руководство : подумайте о среде, на которой ваша аудитория будет читать ваши работы, и выберите шрифт, который хорошо сочетается с этой средой. (Я дал вам несколько хороших примеров для начала в разделе семейств шрифтов).

Ограничьте количество используемых шрифтов

Это действительно распространенная ошибка, которую люди могут совершать с типографикой. Вместо того, чтобы использовать подход «меньше - лучше», вы часто увидите перегрузку конфликтующих шрифтов, которые загромождают дизайн. Многие дизайнеры рекомендуют использовать максимум два-три шрифта на вашем веб-сайте и в блоге в большинстве случаев, чтобы избежать этой проблемы.

Практическое руководство: если вы хотите добавить другой стиль, посмотрите в пределах того же семейства шрифтов и выберите шрифты, которые дополняют друг друга и ваш носитель.

Следите за выравниванием - если сомневаетесь, идите налево

Расположение вашей формулировки также может повлиять на удобочитаемость вашей работы. Выбор правильного выравнивания поможет направить взгляд читателя в нужное место на вашей странице.

Практическое руководство : вот общие способы использования каждого выравнивания:

• Слева - чаще всего, потому что его легко читать
• Центр - использование для плакатов, брендинга и т. Д .; позволяет легко сбалансировать немного шрифта для эстетики
• Правый - преимущественно декоративный; не рекомендуется для больших фрагментов текста
• Обоснованный - подходит для длинных многоколоночных макетов; делает аккуратный левый и правый край; могут возникнуть проблемы с интервалом

Настроить сетки

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

Практическое руководство. Прежде чем приступить к дизайну, разделите страницу на три части в соответствии с рекомендациями. Так же, как правило третей в фотографии , вы можете использовать эти рекомендации, чтобы расположить элементы и создать баланс. (Примечание: вы можете использовать любую понравившуюся сетку, но если вы не уверены, лучше начать с трехколоночной сетки)

Следуйте иерархии

Создание иерархии с помощью вашей типографики поможет вашему читателю понять, где в первую очередь взглянуть на ваш дизайн. Когда вы можете делать это хорошо, вы создаете путь, по которому читатели будут следить за вашим блогом, чтобы они получали нужную информацию в нужное время.

Практическое руководство. Подумайте, какие элементы на вашей странице наиболее важны. В блогах используйте стили h1, h2 и h3 для заголовков и подразделов в сообщениях. Для большинства тем уже установлены стили h-тегов. Вы можете отредактировать их в соответствии со своими предпочтениями на основе всего, что вы узнали в этой статье.

Избегайте вдов и сирот

Вдова - это термин для строки текста, которая принадлежит абзацу и переместилась в следующий столбец. Сирота похожа, но одно слово в строке, бедняжка. Когда эти две проблемы возникают в вашем контенте, это ухудшает вашу читабельность, а также общую эстетику вашего дизайна.

Практическое руководство : вы можете вручную отредактировать текст, чтобы отрегулировать длину строки, чтобы устранить проблему, создав мягкий возврат (нажмите shift + return) для слова перед сиротой. Вы также можете настроить размер текстового поля или столбца, чтобы освободить больше места для перемещения текста.

Не растягивайте свой тип

При создании шрифтов особое внимание уделяется их форме и пропорциям. Когда вы растягиваете их по высоте или длине, чтобы они соответствовали пространству, вы фактически лишаетесь красоты его дизайна и функции, для которой он был создан.

Практическое руководство : ищите шрифты, которые дополняют ваш дизайн и подходят для пространства и среды, в которых они вам нужны.