Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
YouTube 154 Подписчики
Telegram 241 Подписчики
VK 0 Подписчиков
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Компьютерный дизайн

Шрифт в дизайне

  • 23.12.2005

Автор статьи: Аверин Александр

>иногда при помощи шрифта можно сказать больше чем при помощи картинки

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

Основные элементы текста

В тексте могут присутствовать следующие элементы:

заголовок — лучше всего выполнять более крупным, привлекающим внимание шрифтом, это может быть либо легкочитаемый шрифт с засечками (мы рассматривали подобные в предыдущем описании) либо наоборот трудночитаемый шрифт с очень яркой, запоминающейся гарнитурой. Примерами могут служить такие шрифты как Helvetica, Tahoma, Arial (шрифты без засечек), Baltica (c засечками), различные декоративные шрифты.

девиз (или цитата) — обычно делают шрифтом на 1-2 пункта меньше основного текста. Так как шрифт получается достаточно мелкий — 9-11пик то лучше воспользоваться шрифтами без засечек (Helios, Helvetica, Arial, Tahoma). Кроме того будет лучше если фраза будет набрана наклонным (itallic) шрифтом. Таким образом она будет более заметна.

основной текст — набирается размером в 10-14пик. здесь лучше использовать стандартные решения -шрифты с засечками или без, но обязательно легкочитаемые (если конечно вы не стараетесь специально сделать текст неудобочитаемым). Для веб-страниц идеально подходят шрифты Arial, Helvetica, Times Roman.

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

Правильный подбор шрифтов

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

Давайте рассмотрим несколько вариантов одного и того же заголовка.

Попробуем написать один элемент текста — заголовок разными способами.

картинка

текст набран шрифтом Helvetica

Данный текст вполне смотрелся бы в качестве заголовка к статье или докладу.

картинка

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

картинка

Текст набран шрифтом Impact. Этот шрифт напоминает Helvetica, но он более сжат и лаконичен. идеально подходить для коротких фраз. Например для рекламного слогана.

картинка

Текст набран шрифтом KeyPunch.

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

картинка

Текст набран шрифтом Tahoma.

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

Трекинг

картинка картинка

Еще одной важной частью работы со шрифтами является настройка трекинга (расстояния между символами в слове) для того чтобы понять зачем нужен трекинг посмотрите на два заголовка слева.

первый текст набран с трекингом в 10 единиц, второй с трекингом в -30

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

Leading (интерлиньяж)

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

В завершение

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

Алексей Волков

Предыдущий материал
  • Компьютерный дизайн

Теория цвета в дизайне

  • 23.12.2005
  • Алексей Волков
Read More
Следующий материал
  • Ваш интернет-сайт

HomeSite 4.5

  • 23.12.2005
  • Алексей Волков
Read More
Вас также может заинтересовать
Read More
  • Пиктографика, иконки

Дизайн пиктограмм: Растр против Вектора (Bitmap vs Vector)

  • Алексей Волков
  • 23.05.2012
Read More
  • Adobe Illustrator

57 отличных кистей для Illustrator

  • jokar
  • 06.01.2012
Read More
  • Пиктографика, иконки

Бриф для заказа иконок

  • Алексей Волков
  • 24.09.2011
Read More
  • Все о Photoshop

Основы ретуширования портретов в Photoshop

  • kokos
  • 25.11.2010
Read More
  • Adobe Illustrator

Приемы в Adobe illustrator для начинающих.

  • biggi
  • 30.09.2010
Read More
  • Adobe Illustrator

Перекрашиваем картинку в Adobe Illustrator в другой цвет и убираем ненужные цвета

  • bordosya
  • 30.09.2010
Read More
  • Все о Photoshop

Работа с Photoshop: как достичь эффекта сияния

  • tamo
  • 27.09.2010
Read More
  • Все о Photoshop

Создаем в Photoshop металлический шнур

  • bordosya
  • 25.09.2010
1 комментарий
  1. felix:
    27.03.2010 в 21:46

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

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Дайджест постов Сергея Людкевича
    • 12.09.24
  • Как юристы тормозят бизнес
    • 30.08.24
  • Продвижение оптовых кампаний в Яндекс Директ
    • 06.03.24
  • Cарафанное радио
    • 13.01.24
  • 5-55: История компании
    • 01.03.23
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter