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

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

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

1. С засечками: шрифты с короткими штрихами на нижней и верхней части букв.
2. Без засечек: шрифты без штрихов.

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

Психология шрифта

Перевод — Дежурка

Предназначенных для набора текста.

Шрифты создаются художниками в соответствии:

• с образным замыслом;
• с требованиями единства стиля и графической композиции;
• с конкретными смысловыми и художественно-декоративными задачами;
• с прикладными задачами.

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

Основные характеристики шрифтов

• гарнитура: объединение разных по кеглю и начертанию, но одинаковых по характеру рисунка шрифтов;
• начертание: прямой, курсивный
• насыщенность: светлый, полужирный, жирный (отношение толщины штриха к ширине внутрибуквенного просвета);
• ширина: нормальный, узкий, широкий;
• размер (кегль) в пунктах (1 пункт = 1/72 дюйма);
• форма засечек .

Различают основные группы шрифтов: наборные и акцидентные шрифты. Эти две группы разветвляются на множество подгрупп. Каждая гарнитура имеет своё наименование. Разработка гарнитур - сложная и трудоёмкая работа.

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

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

Засечки

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

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

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

Пропорции

Пропорциональный и моноширинный шрифты

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

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

Моноширинные шрифты лучше подходят для некоторых целей, поскольку их знаки выстраиваются в чёткие, ровные колонки. Большинство ручных пишущих машинок и алфавитно-цифровых компьютерных дисплеев использует моноширинные шрифты. В большинстве компьютерных программ, у которых имеется только текстовый интерфейс (например, эмуляторы терминала), также применяются только моноширинные шрифты. Программисты , как правило, предпочитают моноширинные шрифты при редактировании Исходного кода . Для правильного отображения ASCII art обычно требуется моноширинный шрифт. На веб-страницах теги verbatim использует непропорциональные шрифты. Любые две строки текста с одинаковым числом символов при использовании моноширинного шрифта должны отображаться имеющими одинаковую ширину, тогда как при использовании пропорционального шрифта те же две строки могут иметь совершенно разную ширину. Это происходит из-за того, что в последнем случае широкие символы (такие как буквы W, Q, Z, M, D, O, H, и U) требуют больше места, чем узкие (такие как i, t, l, и 1). В издательском деле, редакторы читают рукописи , набранные моноширинными шрифтами для облегчения редактирования, и присылать рукописи, набранные пропорциональным шрифтом, считается плохим тоном.

Шрифты в России

Единственным производителем шрифтов в СССР был Отдел наборных шрифтов (1938-1993 гг.) НИИ полиграфического машиностроения. За годы существования отдела было разработано около 80 гарнитур. После упразднения отдела, многие работавшие в нём дизайнеры перешли в компанию ParaGraph.

Проектированием кириллических шрифтов в России занимаются несколько компаний, наиболее известными из которых являются ParaType (бывшее подразделение компании ParaGraph, отделившееся в 1998 году) и студия Letterhead (основана в 1998 г.). Попавшая к пиратам в конце 90-х годов шрифтовая библиотека ParaType является основным содержимым всех без исключения пиратских сборников.

Классификация шрифтов по ГОСТ

• Группа рублёных шрифтов

В эту группу входят гарнитуры, не имеющие засечек, например: Журнальная рублёная, Древняя, Плакатная, Букварная.

• Группа шрифтов с едва наметившимися засечками

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

• Группа медиевальных шрифтов

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

• Группа обыкновенных шрифтов

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

• Группа брусковых шрифтов

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

• Группа новых малоконтрастных шрифтов

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

• Группа дополнительных шрифтов

В эту группу входят все шрифты, которые нельзя отнести ни к одной из остальных групп. Например, рукописные гарнитуры, такие как Жихаревская.

Современные шрифты

См. также

• библиотека для растеризации шрифтов.
• Международная ассоциация типографов

Ссылки

• IFONT.RU - большой каталог шрифтов - Классификация шрифтов, статьи о шрифтах и типографике
• Средневековые шрифтовые композиции - фоторепортаж
• Шрифтик шрифты по категориям с предпросмотром

Wikimedia Foundation . 2010 .

Смотреть что такое "Шрифты" в других словарях:

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

Типографские. Полное собрание типографских букв илилитерслужащих для воспроизведения письменных знаков какого либо языка,назыв. Ш. Помимо прописным и строчных букв в состав Ш. входят ещекапительные буквы, знаки препинания, цифры, дефис или знак… … Энциклопедия Брокгауза и Ефрона

Шрифты - (классификации) 1) Ш. пишущих машин классифицируются по размерам (высота, ширина) знаков, их конфигурации. Комплект литер со знаками, характеризующимися определенными размерами и конфигурацией, образует Ш. определенной марки; 2)… … Криминалистическая энциклопедия

Шрифты - развитие письменности началось с передачи содержания сообщений реальными картинками (рисуноч. Ш.). Затем содержание было абстрагировано, и возник понятийный Ш. (иероглифы, клинопись). На следующем уровне абстракции появился алфавитный Ш … Древний мир. Энциклопедический словарь

Шрифты - (лат. scriptum написанное). Развитие письменности началось с передачи содержания сообщений реальными картинками (рисуночный Ш.). Затем содержание было абстрагировано, и возник понятийный Ш. (иероглифы, клинопись). На следующем уровне… … Словарь античности

- (нем., от schreiben писать). 1) отлитые из типографского металла и служащие для набора рукописей буквы различной величины и поэтому различных названий. 2) в горном деле желоб в земле для стока воды. Словарь иностранных слов, вошедших в состав… … Словарь иностранных слов русского языка

ШРИФТ, шрифта, мн. шрифты и (разг.) шрифты, муж. (нем. Schrift письмо). Полный комплект типографских литер определенного рисунка для набора, содержащий алфавит со всеми знаками препинания, цифрами. Шрифты по характеру рисунка букв делятся на… … Толковый словарь Ушакова

шрифт - Набор знаков, имеющий единую базовую конфигурацию (дизайн). Пример 9 пунктовый шрифт "Курьер". Примечание Единый шрифт может иметь разные размеры. [ГОСТ Р ИСО/МЭК 2382 23 2004] шрифт 1. Набор символов, имеющих единый дизайн. Примеры… … Справочник технического переводчика

А; мн. шрифты и шрифты; м. [нем. Schrift] 1. Комплект типографских литер (букв, знаков препинания, математических и других знаков), необходимых при наборе какого л. текста. Типографский ш. В пишущей машинке сбит ш. Купить шрифты для типографии.… … Энциклопедический словарь

Литера; печать, кларендон, перл, фрактура, пальмира, цицеро, диамант, рондо, корпус, паризьен, курсив, асс, боргес, миттель, эльзевир, миньон, медиеваль, эксцельсиор, начертание, нонпарель, петит, бодони, гарт, рисунок, текст, гарнитура, антиква … Словарь синонимов

Набор символов алфавита характеризующихся одинаковыми: характером рисунка; формой: прямой, наклонный, курсив; насыщенностью: светлый, полужирный, жирный; и размером в пунктах. Шрифт предназначен для восприятия информации людьми и устройствами.… … Финансовый словарь

шрифт - (Type, Lettering) 1. Графически упорядоченное изображение знаков определенной cистемы письма. 2. Комплект литер [буква в металле], воспроизводящий какой либо алфавит [упорядоченный список букв языка], а также цифры [знаки, обозначающие числа, 1 2 … Шрифтовая терминология

ШРИФТ, а, мн. ы, ов и ы, ов, муж. Форма письменных или печатных знаков. Печатный, рукописный, рисованный ш. Рисунок шрифта. Наборный ш. (полученный в результате типографского набора). Типографский ш. (комплект литер и других элементов для набора) … Толковый словарь Ожегова

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

шрифт - ШРИФТ, а, мн шрифты, ов и шрифты, ов, м Система письменных или печатных знаков, отличающихся определенной графической формой: величиной, наклоном, интенсивностью краски и т.д. Он не мог читать мелкий шрифт, он мог читать только большие, жирно… … Толковый словарь русских существительных

Книги

• , Крейг Джеймс, Скала Ирина Король. Шрифтовой дизайн и типографика - это постоянно развивающееся и изменяющееся искусство, и каждое поколение дизайнеров привносит в него что-то новое и прогрессивное. Некоторые дизайнеры…
• Шрифт и дизайн. Современная типографика , Крейг Дж., Скала И.. Шрифтовой дизайн и типографика - это постоянно развивающееся и изменяющееся искусство, и каждое поколение дизайнеров привносит в него что-то новое и прогрессивное. Некоторые дизайнеры…

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

Настроение и сообщение, которое вы хотите донести должны соответствовать друг-другу

Может прозвучать странно, но это так: у каждого шрифта свое настроение. И точно также, как и ваше настроение, оно может меняться от окружения.

Это настроение помогает задать особенности проекта. Это обусловлено тем, что люди подумают о контенте. Это создает связь между тем, что вы делаете, и тем, кто вы и как люди реагируют на вас. (Слишком много давления для подписи, правда?)

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

Сравните сообщения

Вы имели ввиду это?

Или пытались сказать это?

Единственная разница здесь в шрифтах. Видите, насколько разные эти сообщения?

Настроение шрифтов для начинающих

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

Вот некоторые примеры, чтобы начать работу с разными стилями типографики.

• Шрифт с засечками (Serif): вечность, формальность
• Новостильная антиква (Modern serif): глянец, высокая мода
• Брусковый (Slab serif): важность, внимание
• Шрифт без засечек (Sans serif): нейтральный, простой
• Сжатый (Condensed): авторитетный, интенсивный
• Жирный (Black or bold): важность, стоп
• Рукописный (Script): элегантный, характерный
• Геометрический (Geometric): ретро, детский
• Моноширинный (Monospaced): на основе кода, резкий
• Округлый (Bubble or rounded): дружелюбный, живой
• Винтажный (Vintage): модный, крутой
• Гранжевый (Grunge): грубый, мистический

Избегайте клише

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

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

Учитывайте окружение

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

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

Кто ваша аудитория?

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

Давайте возьмем Comic Sans, про который пошучено уже ни раз. Большинство дизайнеров не станут его использовать. Они ухмыльнутся и посмеются, если кто-то из коллег создаст с ним проект. С другой стороны, Comic Sans популярный шрифт. Вы найдете его везде — от церковных бюллетеней, до любительских газет и простых вывесок.

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

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

5 шрифтов, которые ни один уважающий себя дизайнер не станет использовать

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

1. Papyrus: Он сложно вписывается в любой дизайн и при этом у него серьезные проблемы с читаемостью.
2. Jokerman: Любой шрифт, в котором есть горошек, шипы или завитушки откровенно смешной.
3. Times New Roman: Шрифт по умолчанию из текстовых редакторов и экзаменационных тестов за 10 класс. Это нормальный шрифт, но может иметь легкий оттенок лени.
4. Impact: Если вы хотите кричать своим пользователям: «Это очень важно, нужно прочитать это сейчас!» тогда выбирайте его. (Это был очень хороший шрифт... пока мемы не испортили его).
5. Comic Sans: Слишком много о нем уже сказано.

Заключение

Ваше настроение, настроение вашей аудитории и настроение типографики объединяются, чтобы создать общее восприятие проекта.

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

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

3. Как появились шрифты
1-ые шрифты были рукописными. В переводе с нем. die Schrift значит почерк, письмо. Основой для большинства европейских шрифтов послужил греческий серьезный (capitalis - главный) шрифт, показавшийся в VIII в. до н. э. Знаки этого шрифта были только строчные, не было также междусловных пробелов, высота букв в одной строке имела возможность быть различной.
На веб-сайте "Пользующаяся популярностью каллиграфия" представлена подробная история шрифтов, начиная от шумерской клинописи и египетских иероглифов до эволюции латинских букв, также история российского шрифта (глаголица, утомившись, полуустав, скоропись).

4. Систематизация шрифтов

Систематизация с портала "ВСЕ О ШРИФТАХ"

Стандартная систематизация шрифтов

Большой полиграфический словарь о систематизации шрифтов

Систематизация шрифтов в Yandex.Словаре

5. Что такое TrueType-шрифты?

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

6. Что такое PostScript-шрифты?

В отличае от TrueType-шрифта в PostScript-шрифта контур строится из кривой третьего порядка (кривой Безье). За счет большего числа степеней свободы PostScript-линия не имеет изломов в точках сопряжения фрагментов.

7. Что такое OpenType-шрифты?

OpenType - новенькая шрифтовая разработка, вместе разработанная компаниями Adobe и Microsoft. Спецификации были размещены в 1997 году, 1-ые шрифты были выпущены в 2000 году. Шрифты OpenType напоминают шрифты TrueType, однако могут содержать шрифтовые данные хоть какого из 2-ух форматов: как PostScript, так и TrueType. Соответственно, они объединяют две конкурирующие технологии.

Программное обеспечение для работы со шрифтами

1. FontExpert 2005

Показывает гарнитуры установленных шрифтов, также позволяет пролистывать папки и за ранее просматривать гарнитуры шрифтов, находящихся на жестком диске, на сетевых устройствах, на CD либо DVD дисках либо дискетах. Шрифт есть возможность просмотреть в виде текста, отформатированного избранным шрифтом, в виде таблицы знаков либо эталона шрифта. Есть возможность выбирать размер шрифта, его стиль и цвет.

2. FastFont 1.0
- Генерирует TrueType шрифты из вашего почерка.
- Видоизменит шрифты, установленные на вашем компьютере.
- Создаёт пиктографические шрифты.
- Имеет максимально обычный, интуитивно понятный интерфейс.

3. FontLab
FontLab - проф шрифтовой редактор - встроенное редактирование TrueType & Type 1 глифов, хинтовка, кернинг и т.д.

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

5. ParaNoise 1.0
ParaNoise - это программка для сотворения особых графических эффектов на базе PostScript шрифтов. Особые эффекты смотрятся как случайные преломления контуров букв. Всего на данный момент имеются 12 типов эффектов: Beofont, Dance, Zoom, Pen, Rotate, Swing, Pencil, Marker, Winter, Wind, Storm and Distort. Вы выбираете эффект и задаете его интенсивность.

6. ParaWin XP
ParaWin XP - система многоязычной поддержки для Windows XP.
ParaWin XP подменяет версии ParaWiNT 4.0 и ParaWin 2000. ParaWin XP предоставляет ряд уникальных способностей для работы с текстами на различных языках.

7. ScanFont 3.0
Программное обеспечение из серии FontLab 3.0. Позволяет созавать и редактировать шрифты формата PostScript Type 1 и TrueType проф свойства.

8. TransType 2.0
Программка для резвого, надежного и осторожного преобразования шрифтов меж форматами для Mac и Windows.

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

10. Font Installer
Программка Font Installer помогает корректно установить шрифты фомата TrueType в Windows 95/98 и Windows NT.