Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Typography

5 секретов типографики для преобразования вашего дизайна

by
Length:MediumLanguages:

Russian (Pусский) translation by Ekaterina Levchuk (you can also view the original English article)

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

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

Ищете новый шрифт, чтобы добавить в свою коллекцию?  Откройте для себя большой выбор удивительных шрифтов, от рукописных до минималистичных гротесковых, на GraphicRiver. 

1. Меняйте кернинг вверх ногами. 

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

Печально известный редизайн логотипа Google в 2014 является часто цитируемым примером тонкой, но преобразующей силы кернинга. 

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

kerning indesign

Но тут появляется большой секрет... вы всегда должны менять кернинг вверх ногами.

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

flip vertical in indesign
kerning upside-down

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

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

2. Придерживайтесь строгой иерархии

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

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

hierarchy of typography

Это правило 1-2-3 многновенно влияет на любой макет, помогая ему стать более упорядоченным и приятным для глаз.

3. Размещайте шрифты на контрасте

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

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

serif

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

sans serif

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

4. Хотите вернуться в прошлое?  Оставайтесь в рамках одного периода

Этот секрет комбинирования также является удобным правилом, когда вы работаете со шрифтами определенного периода времени. Многие шрифты, с которыми вы сталкиваетесь ежедневно, необязательно были созданы недавно - многие классические шрифты, такие как Baskerville, Helvetica, Garamond, и Arial, были созданы много десятилетий назад, и каждый имеет хатактерные черты своего периода.

Оригинальный шрифт Baskerville, спроектированный в XVIII веке, это переходной шрифт с засечками, с чертами, которые относят его к этой большой группе шрифтов. Helvetica, шрифт без засечек, разработанный в 1957 году, является нео-гротескным шрифтом, как и Univers и Akzidenz Grotesk.

neo grotesque fonts

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

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

5. Создайте свой звездный состав

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

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

cast of fonts

Качество - это основа хорошего онароба шрифтов. Высококачественные шрифты не только выглядят красиво, но также функциоанльны, хорошо работают во всех основных размерах и начертаниях, и когда они настроены в разных цветах. Как и со звездами кино, вам необходимо платить больше, чтобы получить шрифт хорошего качества. Для шрифта уровня Ди Каприо, вам может понадобится раскошелится для потрясающего шрифта Hoefler & Co. Но не волнуйтесь, некоторые из классиков (таких как, Caslon и Garamond) обладают таким же качеством, но вы можете найти их уже установленными в ваших программах.

Химия с другими шрифтами очень важна, И это сразу же становится очевидным, когда вы начинаете сочетать шрифты. Посмотрите на секреты 3 и 4 выше, чтобы понять как стимулировать шрифты ладить с друг другом.

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

Следуйте этим трем пунктам и у вас всегда будет макет такой же (почти) великолепный, как классический Scorsese.

Заключение: 5 шагов к успеху в типографике

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

  1. Настраивайте кернинг вверх ногами - переверните ваш текст, чтобы объективно оценить расстояние между буквами.
  2. Придерживайтесь строгой иерархии - применяйте правило 1-2-3, заголовок / подзаголовок / блок основного текста.
  3. Размещайте шрифты на контрасте - сочетание шрифтов с засечками и без - хорошая отправная точка.
  4. Используйте группы шрифтов того же периода времени, если это возможно.
  5. Создайте звездный состав для вашей типографики - посмотрите на качество, химию и настроение в каждом из выбранных вами шрифтов.

Есть ли у вас секреты типографики, которыми вы бы хотели поделиться с сообществом Envato Tuts +? Оставьте свои лучшие советы в комментариях ниже!

Найдите свой следующий шрифт мечты из постоянно расширяющегося набора шрифтов на GraphicRiver.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.