«Игры со шрифтами»: управляем эмоциями через типографику
«Игры со шрифтами»: управляем эмоциями через типографику
Выбор шрифтов — важный этап работы веб-дизайнера. Шрифты завершают визуальную композицию digital-продукта и либо удачно ее дополняют, либо сводят на нет все усилия. Расскажем, как правильный подбор шрифтов помогает расположить к себе аудиторию.
Веб-дизайн
28 янв. 2022
Шрифты — не только элемент внешнего оформления сайтов и приложений, а одна из ключевых составляющих интерфейса. Поэтому подбирать шрифты надо очень вдумчиво, чтобы не исправлять все в спешном порядке после выхода проекта на рынок. На 100% застраховаться от таких ситуаций невозможно, но свести риски к минимуму в ваших силах.
Как связаны шрифты и эмоции?
Итоги серии психологических
экспериментов показывают, что шрифты
способны влиять на настроение людей.
Набрав
одну и ту же фразу двумя
отличающимися по стилю
шрифтами, можно дать пользователям
совершенно разный посыл, вызвать
разные
эмоции, используя одинаковые слова.
Учтите, что креатив в выборе шрифтов полезен, когда он улучшает опыт использования продукта. В других ситуациях лучше придерживаться стандартных проверенных решений. Также шрифты помогают пользователям идентифицировать бренды.
Уместно экспериментировать с гарнитурами, если цель digital-продукта — привлечь внимание, заинтересовать аудиторию. Это актуально при разработке квестов, интерактивных тестов и прочих необычных решений для общения с пользователями.
В сложных
digital-инструментах
на серьезные темы
(недвижимость, медицина, техника,
бухгалтерские, юридические темы и т.д.)
креативный
подход к выбору гарнитур лучше оставить в стороне, так
как это тормозит
процесс ознакомления аудитории
с продуктом.
Отличия в эмоциональном восприятии шрифтов
Выбирая шрифт, веб-дизайнеру важно учитывать характер продукта и специфику целевой аудитории, для которой он предназначен. Маловероятно, что юристы или бухгалтеры оценят слишком игривый рукописный шрифт на специализированном сайте, а дети и подростки отметят заголовок в новой мобильной игре, похожий по шрифту на название параграфа из учебника.
С точки зрения воздействия на настроение пользователей существует несколько типов шрифтов:
- Вытянутые
прямые
Универсальные шрифты, транслирующие пользователям деловой настрой. С другой стороны такие шрифты не подходят для оформления продуктов в нише с высокой конкуренцией или каких-то уникальных решений. В этих случаях шрифты сделают продукт безликим, если не поддержать их нестандартным выбором цвета.
-
Квадратные
строгие
Шрифты с квадратными очертаниями подходят для продвижения новых технологий и сложнотехнической продукции.В таких сферах игривость и легкость не слишком уместны. Квадратные шрифты настраивают пользователей на серьезное и вдумчивое изучение информации. Такие шрифты формируют имидж авторитетного бренда, хороши для привлечения деловых партнеров и инвесторов.
-
Скругленные
Создают ощущение уюта и комфорта, транслируют дружелюбный и открытый характер бренда. -
Наклонные с
виньетками
Оптимальны для оформления заголовков и прочих заметных элементов в приложениях и на сайтах с преимущественно женской аудиторией. Вызывают ассоциации с красотой, легкостью, молодостью. - Рукописные
Хорошо подчеркивают эксклюзивный характер продукта или услуги, вызывают у пользователей доверие к продвигаемому бренду, формируют чувство надежности и защищенности. - Декоративные
Гарнитуры, нарочито стилизованные под старинные надписи или граффити, нужно использовать очень аккуратно.
С чем пользователи ассоциируют самые популярные шрифты?
Вот какие ассоциации вызывают у пользователей самые распространенные гарнитуры:
- С засечками, вроде Times, Garamond, Baskerville, Georgia или Didot, ассоциируются с традициями, практичностью, утонченностью и официальным стилем.
- Без засечек, такие как Verdana, Gill Sans, Avenir, Helvetica, Futura ассоциируются в сознании пользователей с универсальностью, чистотой, геометричностью и современностью.
-
Имитирующие рукописный текст (Zapfino,
Buttermilk, Isabella, Edwardian, Snell Roundhand) связаны в сознании людей с элегантностью,
классикой, хорошим вкусом, стилем и
утонченностью.
- Брусковые (Silverfake, Copse, Clarendon, Museo, Josefin) воспринимаются как модные, современные, цельные и дружественные.
Для веб-продуктов лучше использовать шрифты без засечек (sans serif). Они хорошо смотрятся в маленьком размере и в то же время привлекают к себе внимание. Есть мнение, что если шрифт для приложения или сайта выбран удачно, то пользователь не замечает его во время чтения.
Заключение
Шрифт — неотъемлемая часть приложений и сайтов. Грамотно выбранный шрифт помогает отстроиться от конкурентов, а неудачный повышает риск провала digital-продукта на рынке. Даже если это уникальная разработка, непродуманное оформление текста может сделать ее бесполезной.
Важно понимать, что нет идеального
шрифта на все случаи жизни. В каждой
конкретной ситуации надо подбирать и
тестировать варианты, позволяющие как можно полнее раскрыть философию бренда, донести до аудитории ценности продукта или услуги и раскрыть все нужные смыслы.
Читайте другие статьи
Креатив vs минимализм: делаем лаконичный сайт нескучным
Минимализм остается одним из главных трендов веб-дизайна уже несколько лет. Одновременно дизайнерам хочется впечатлить интернет-пользователей креативными решениями. Как же найти баланс?
Веб-дизайн
14 дек. 2021
Мудборд для дизайнера: что это и зачем нужен
Вы могли подумать, что речь пойдет о доске желаний с кучей вырезанных картинок из глянцевых журналов, но нет. В статье поговорим о важном инструменте для вдохновения, проектирования и работы с клиентами.
Веб-дизайн
19 марта 2021
Программы для создания 3D иллюстраций
Мы собрали список лучших программ для 3D-моделирования, которое вы можете скачать сегодня и создать крутую иллюстрацию для своего проекта.
Веб-дизайн
5 марта 2021
Почему всем стоит попробовать шрифты для разработчиков / Хабр
Знаете ли вы, что существует целая индустрия, которая занимается шрифтами? Шрифты и типографика – понятия, которые имеют активное хождение в этой области, а задача специалистов – создавать начертания символов, которые улучшают пользовательский опыт или дают бренду индивидуальный облик.
Разработчики день-деньской смотрят на код. Разве не стоит попытаться усовершенствовать этот опыт, чтобы продуктивность возрастала? Существует большое количество шрифтов, которые служат именно этой цели. К самым популярным относятся Fira Code, Source Code Pro, Jetbrains Mono и Ubuntu Mono, но это только несколько примеров – есть еще множество других.
Вот несколько причин, по которым выбор подходящего шрифта поможет разработчику в работе:
- Проще замечать баги
- Быстро находятся переменные и функции
- Легко опознаются специфичные для программирования символы
- Снижается нагрузка на глаза
Ну и смотрятся они здорово, а это разве плохо?
Отличия специальных шрифтов от обычных
Шрифты для разработчиков создаются с учетом потребностей разработчиков. За разными шрифтами стоят разные подходы и философии дизайна, но рассчитаны они все на то, чтобы сделать программирование более приятным опытом.
У Jetbrains Mono можно отметить следующие особенности.
1. Вытянутые символы, которые делают код проще для чтения.
Какой в этом смысл? Ну, более читабельный текст позволяет быстрее замечать опечатки, потому что глаз без труда различает каждый символ. И больше не надо прищуриваться! Без необходимости щуриться глаза устают намного меньше.
Увеличенная высота при стандартной ширине делает код удобнее для чтения
2. Лигатуры делают специальные символы легко узнаваемыми.
На картинках, приведенных ниже, хорошо видно, что я имею в виду. Обратите внимание, как, например, сочетание => превращается в полноценную стрелку. Благодаря этому особые символы выделяются в тексте и выглядят ровно так, как должны.
На первой картинке показано, как выглядят специальные символы без лигатур, на второй – как они выглядят с лигатурами.
1) Слияние символов и устранение ненужных деталей снижает уровень зрительного шума – нам не приходится обрабатывать лишней информации.
2) В некоторых случаях изменения в начертании глифов позволяют более эффективно использовать пустое пространство.
3. Все символы отличаются друг от друга.
Уверен, все сталкивались с такой проблемой: смотришь на символ и не можешь понять, то ли это заглавная I, то ли строчная l. Во многих стандартных шрифтах они выглядят одинаково (например, в том, который я использую у себя в блоге).
1) Символы 1, I и l имеют четко различимые формы.
2) У нуля есть точка внутри, у буквы О ее нет.
3) Форма запятой сильно отличается от формы точки, так что даже при маленьком размере символов их сложнее спутать. Это актуально и для всех производных символов.
4. Символы направляют взгляд по вертикали.
Когда мы пишем код, то часто прокручиваем страницу вверх-вниз, и, соответственно, просматриваем текст в том же вертикальном направлении. Jetbrains Mono сделан с расчетом на то это вертикальное движение и подогнан для максимальной читабельности.
Другой популярный в сообществе разработчиков шрифт называется MonoLisa. Их дизайн-философия, напротив, предполагает, что взгляд движется по горизонтали. Поэтому каждый символ «направлен» в правую сторону, что значительно ускоряет чтение в пределах строки.
В MonoLisa используются открытые формы и терминалы (начальные и конечные точки), указывающие в сторону следующей буквы, так что взгляд быстрее пробегает по строке.
Кроме того, символы в MonoLisa имеют большую, чем в других шрифтах, ширину – текст получается менее плотным, и читать его за счет этого проще.
Буквы в MonoLisa на 7% шире, чем в других моноширинных шрифтах.
Если вы не уверены, какой из вариантов подойдет вам лучше, попробуйте эту площадку, где можно поиграть с разными шрифтами. На ней представлено большое количество шрифтов на пробу.
В заключение
Я настоятельно советую каждому разработчику скачать несколько специальных шрифтов и посмотреть, с каким удобнее всего окажется работать. Они могут серьезно помочь в рабочем процессе, делая код удобнее для восприятия. А за счет повышенной читабельности можно снизить нагрузку на глаза.
Описанные в статье шрифты вы можете найти здесь:
Jetbrains Mono
MonoLisa
10 растянутых шрифтов, чтобы ваш дизайн выделялся
В большинстве случаев бизнес или продукт могут быть замечены, если у них есть отличный логотип, который может увидеть каждый на месте! Однако, если вы выберете неправильный шрифт для создания своего логотипа, то люди не будут к вам привлекать.
И это может привести к большой потере ваших денег. Поэтому, если вы не можете подобрать правильные шрифты для своего логотипа и не можете найти хорошие шрифты, то почему бы не попробовать растянутые шрифты?
Растянутые шрифты — один из самых удивительных стилей шрифтов. Они широкие, красивые и легко читаемые. Кроме того, эти шрифты в большинстве случаев имеют крупный размер, так что вас точно заметят!
Всех этих причин достаточно, чтобы доказать, насколько хороши растянутые шрифты. Если вы заинтересованы в их использовании, то ниже мы упомянули некоторые из наиболее растянутых шрифтов.
Убедитесь, что вы попробовали большинство из этих шрифтов, так как все они идеально подходят для вашего дизайна, поэтому их покупка — это стоящее решение!
Подробнее : Лучшие многослойные шрифты
Что такое растянутый шрифт?
Как следует из названия, растянутые шрифты — это шрифты, которые были сужены или расширены, чтобы они могли выделяться еще больше. Когда шрифт растянут, его очень легко заметить.
Вот почему растянутые шрифты так популярны. Существует два типа расширенных шрифтов:
Растянутый по горизонтали и Растянутый по вертикали.
Горизонтально вытянутые шрифты шире обычных, а вертикально вытянутые — более высокие.
Наконец, эти шрифты придают дизайну современный вид. Вот почему они используются в целях брендинга большую часть времени!
10 лучших растянутых шрифтов, которые вы должны попробовать
1.

В качестве первого шрифта в этом списке мы представляем вам Stretch Pro, отличный шрифт без засечек. На самом деле это простая Helvetica, растянутая по горизонтали.
Когда вы начнете оформлять текст этим шрифтом, средняя буква вашего текста станет шире, что может сделать ваш логотип еще более привлекательным.
Кроме того, использование этого шрифта для проектов, требующих футуристического прикосновения, также может быть отличной идеей, поскольку этот шрифт выполнен в современном стиле.
2. Stretch Sans
Stretch Sans — это также горизонтальный шрифт без засечек, очень похожий на Stretch Pro. Он также имеет красивый современный дизайн, который может легко выделить ваш бренд.
Stretch sans — отличный выбор как для формальных, так и для неформальных проектов. Это означает, что независимо от того, что вы разрабатываете, вы всегда получите результат расслоения.
И, наконец, дизайн букв в этом шрифте просто великолепен. Все буквы выглядят очень очаровательно и легко привлекают к себе людей.
3. Smear Sans
Smear Sans — это модный полужирный шрифт, который всегда готов сделать ваш дизайн еще более потрясающим. Этот шрифт имеет отличные геометрические символы, которые могут легко добавить футуристический стиль вашему проекту.
Если вы используете этот шрифт для больших рисунков, таких как заголовки или логотипы, то вы ни о чем не пожалеете. Smear Sans также включает цифры, знаки препинания и верхний вес, что дает возможность создавать множество удивительных комбинаций.
4. Revolution Extended
Если вы любите шрифты в металлическом стиле, то вам точно понравится Revolution Extended! Этот шрифт имеет действительно уникальный стиль письма, который может легко напомнить людям о футуристических фильмах.
Буквы в роботизированном стиле привлекают внимание и могут с легкостью привлечь внимание любого, поэтому создавать плакаты с этим шрифтом будет очень просто. Кроме того, если вы геймер, попробуйте этот шрифт на миниатюрах.
5.

Switch Stretch — один из самых красивых растянутых шрифтов с его жирным корпусом и привлекательным стилем. В нем есть несколько отличных горизонтально вытянутых букв, которые значительно повышают его читабельность, облегчая чтение.
Если вам понравились вышеперечисленные шрифты, то вы гарантированно купите и Switch Stretch, так как он не слишком отличается от них.
6. Сукре | Vintage Condensed
Современные и футуристические растянутые шрифты — это здорово, но расширенные винтажные шрифты — это нечто иное! Представляем вам Сукре! который является удивительным винтажным шрифтом.
Добавление ретро-вибрации с вертикально вытянутыми буквами для этого шрифта — это пустяк, поэтому для печатных дизайнов не может быть лучшего выбора, чем этот удивительный шрифт!
Обратите внимание, что этот шрифт является платным, поэтому вы должны купить его лицензию, иначе вы не сможете использовать его в коммерческих целях.
Оцените этот шрифт
7.

Хотя Modius Extended имеет очень простой дизайн, его растянутые буквы и жирный шрифт делают его по-настоящему эстетичным. Если вы хотите, чтобы ваш дизайн был простым, но привлекательным, этот шрифт может стать хорошим выбором.
И, как и любой другой шрифт в этом списке, Modius Extended также имеет великолепный современный вид, и это качество делает его пригодным для использования практически везде.
Наконец, Modius Extended имеет как обычный, так и полужирный шрифт, что дает вам возможность создавать плакаты, логотипы, заголовки и даже футболки.
8. Glendale — Extreme Expanded Sans
Разработанный Saridezra, Glendale — это шрифт без гротеска с чрезвычайно растянутыми буквами! Если вы любите многоцелевые шрифты, то Glendale наверняка станет вашим фаворитом, поскольку его можно использовать практически везде.
Благодаря трем разным стилям — легкому, обычному и яркому — Glendale поможет вам выделиться из толпы и создать еще лучшие будущие проекты.
Просто купите лицензию как можно скорее, так как это не бесплатный шрифт.
9. Gimbal Extended
Вам нужен современный дисплейный шрифт, который к тому же является расширенным? Если да, то купите Gimbal Extended прямо сейчас! Это удивительный шрифт, которым так весело пользоваться из-за его растянутых букв.
Отдайте приоритет его показу, например логотипам, заголовкам и заголовкам, так как именно в этих местах он может работать лучше всего.
Просто помните, что это демонстрационный шрифт, но его также можно использовать бесплатно, поэтому не стесняйтесь создавать с его помощью что угодно!
10. Presta
Давайте закончим этот пост творением Мэтью Мессии: Presta!
Если вам нужно более одного шрифта всего за одну покупку, обязательно попробуйте Presta, так как этот шрифт имеет 12 различных стилей.
Каждый стиль отличается от других, что позволяет создавать множество потрясающих дизайнов всего за несколько долларов. Наконец, этот шрифт имеет как прописные, так и строчные буквы с двуязычным 9. 0003
Similar Posts :
- Retro Groovy Script Fonts
- 12 Best Y2K Fonts
- Retro Vintage Number Fonts
Tags:
Best Fonts fonts modern Stretched Шрифты top10растянутый шрифт — Используемые шрифты
Использование с тегом «растянутый шрифт»
Talking Letterheads2020
Предоставлено Элиоттом Грюневальдом
Удо Юргенс – «Mit 66 Jahren» / «Mr. Кавер сингла Einsamkeit». 1977
Contributed by Michael Rettig
Dreams social media artwork2022
Contributed by Jamie Otelsberg (OH no Type Co.)
Sponsor
Backstreet Boys – The Hits – Chapter One обложка альбома2001
Contributed by Bryson Stohr
Contributed by Patrick Concannon
Staff Pick
Предоставлено Аланом Хоганом0130
Contributed by Mario Julian Gutierrez
Budweiser “Yours To Take” campaign2022
Contributed by Leandro Bolacha
Staff Pick
Предоставлено Патриком Конкэнноном
«Ночь, когда добро сражается со злом» WCW Advertising1998
Contributed by Bryson Stohr
Contributed by Patrick Concannon
Munken Creator2022
Contributed by Джуно Гамбург
Предоставлено Патриком Конканноном
Staff Pick
‘Mac’ Gant and His Tennessee Dew Drops –
Square Dance Party (with Instructions and Calls) album art1962Contributed by Bryson Stohr
Предоставлено Fonts In Use Staff
Nanyang2018
Contributed by Harley Johnston
Contributed by Jayce Wheeled
Perro Negro2022
Contributed by Bastarda Type Foundry
Выбор персонала
Знак Брэдли Бич
Предоставлено Майклом Бреннаном
Mobb Deep –
The Infamous album art1995Contributed by Nathan Prost
Contributed by Eline Mul
Уолтер Вандерли –
Rain Forest обложка альбома1966Предоставлено Натаном Простом
Blessings Thanksgiving Eve ’95 flyer1995
Contributed by Jay Mellor
Staff Pick
Contributed by Daniel Swan
Стиви Уандер —
Лучшие хиты Стиви Уандера Том.
Предоставил Брайсон Штор
Staff Pick
Underground Resistance –
Interstellar Fugitives album art1998Contributed by Nathan Prost
Staff Pick
Tintoria Lavanderia sign
Photo(s) Ник Шерман на Flickr.
Плакат Корнеля Ковача2019
Предоставлено Натаном Простом
Contributed by Jayce Wheeled
“Everything’s Out of Whack” Clearasil ad1994
Contributed by Bryson Stohr
Staff Pick
Современная Антика, Сана2022
Предоставлено Эйадом Аль-Самманом
- «>
-
- 6
апрель – «Сладкая певчая птица» / «Помогите!» и обложка сингла «Never Too Late» / «And Tomorrow Means Another Day».

Contributed by Florian Hardwig
Contributed by Mark Kane
Prettycoolstrangers graphics (2021–2022)c. 2021
Предоставлено Майлзом Ньюлином
Soul Asylum –
Grave Dancers Union album art1992Contributed by Stefan Perkins
Arcane Prospect –
Última Floración EP2021Contributed by Diego Aguilar Villalobos
Staff Pick
Афиша концерта Radiohead at C. W. Mitchell Pavilion2001
Флориан Хардвиг
Staff Pick
Contributed by Bryson Stohr
Toxic Waste advertisement and packagingc.

Предоставлено Брайсоном Штором
Contributed by Bryson Stohr
“Congratulations to Joe Satriani” ad by DiMarzio1994
Contributed by Jayce Wheeled
Предоставлено Элен Мариан
Выбор персонала
Sister X –
Foundations альбом арт. 2022Предоставлено giulia boggio
Ostfest 2022c. 2022
Contributed by giulia boggio
Staff Pick
Xwife, Kosmodod and Draugabani at Húrra gig flyer2022
Contributed by helgi rúnar
Roxette –
Don’t Утомляй нас — иди в хор! обложка альбома1995Предоставлено Томасом Эвенссоном
Contributed by Florian Hardwig
Contributed by Bryson Stohr
Предоставил Джейс Уилед
