Содержание

«Игры со шрифтами»: управляем эмоциями через типографику

«Игры со шрифтами»: управляем эмоциями через типографику

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

Веб-дизайн

28 янв. 2022

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

Как связаны шрифты и эмоции?


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

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

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

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

Отличия в эмоциональном восприятии шрифтов


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

С точки зрения воздействия на настроение пользователей существует несколько типов шрифтов:

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

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

  • Скругленные
    Создают ощущение уюта и комфорта, транслируют дружелюбный и открытый характер бренда.

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

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

  • Декоративные
    Гарнитуры, нарочито стилизованные под старинные надписи или граффити, нужно использовать очень аккуратно.
    Они сами по себе несут смысловую нагрузку и являются полноценным декором. Использовать их в digilal-продуктах стоит очень дозированно и только при совпадении тематики проекта с характером шрифта.

С чем пользователи ассоциируют самые популярные шрифты?


Вот какие ассоциации вызывают у пользователей самые распространенные гарнитуры:

  1. С засечками, вроде Times, Garamond, Baskerville, Georgia или Didot, ассоциируются с традициями, практичностью, утонченностью и официальным стилем.
  2. Без засечек, такие как Verdana, Gill Sans, Avenir, Helvetica, Futura ассоциируются в сознании пользователей с универсальностью, чистотой, геометричностью и современностью.
  3. Имитирующие рукописный текст (Zapfino, Buttermilk, Isabella, Edwardian, Snell Roundhand) связаны в сознании людей с элегантностью, классикой, хорошим вкусом, стилем и утонченностью.
  4. Брусковые (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.

У 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

В качестве первого шрифта в этом списке мы представляем вам 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 также имеет великолепный современный вид, и это качество делает его пригодным для использования практически везде.

Наконец, 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
Share Article:

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

          Night of the Living Dead by John Russo (Warner Paperback Library)1974

          Contributed by Patrick Concannon

          Staff Pick

            Варвар логотип и постеры фильма2022

            Предоставлено Аланом Хоганом0130

            Contributed by Mario Julian Gutierrez

              Budweiser “Yours To Take” campaign2022

              Contributed by Leandro Bolacha

              Staff Pick

                Blade movie posters1998

                Предоставлено Патриком Конкэнноном

                  «Ночь, когда добро сражается со злом» WCW Advertising1998

                  Contributed by Bryson Stohr

                    Wayne’s World (1992) movie posters and logo1992

                    Contributed by Patrick Concannon

                      Munken Creator2022

                      Contributed by Джуно Гамбург

                        Экзорцист (1973) постеры фильмов1973

                        Предоставлено Патриком Конканноном

                        Staff Pick

                          ‘Mac’ Gant and His Tennessee Dew Drops –
                          Square Dance Party (with Instructions and Calls) album art1962

                          Contributed by Bryson Stohr

                            Человек в коричневом костюме Агаты Кристи (Dell, 1970 и 1974)1974

                            Предоставлено Fonts In Use Staff

                              Nanyang2018

                              Contributed by Harley Johnston

                                Rush (1991) movie poster1991

                                Contributed by Jayce Wheeled

                                  Perro Negro2022

                                  Contributed by Bastarda Type Foundry

                                  Выбор персонала

                                    Знак Брэдли Бич

                                    Предоставлено Майклом Бреннаном

                                      Mobb Deep –
                                      The Infamous album art1995

                                      Contributed by Nathan Prost

                                        Looking at Jerry Lewis at MoMA2018

                                        Contributed by Eline Mul

                                          Уолтер Вандерли –
                                          Rain Forest обложка альбома1966

                                          Предоставлено Натаном Простом

                                            Blessings Thanksgiving Eve ’95 flyer1995

                                            Contributed by Jay Mellor

                                            Staff Pick

                                              The Green Mile (1999) movie posters1999

                                              Contributed by Daniel Swan

                                                Стиви Уандер —
                                                Лучшие хиты Стиви Уандера Том.   2 обложка альбома1971

                                                Предоставил Брайсон Штор

                                                Staff Pick

                                                  Underground Resistance –
                                                  Interstellar Fugitives album art1998

                                                  Contributed by Nathan Prost

                                                  Staff Pick

                                                    Tintoria Lavanderia sign

                                                    Photo(s) Ник Шерман на Flickr.

                                                      Плакат Корнеля Ковача2019

                                                      Предоставлено Натаном Простом

                                                        Misery (1990) movie poster1990

                                                        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».
                                                                1971

                                                                Contributed by Florian Hardwig

                                                                  Amazing Animals VHS series1997

                                                                  Contributed by Mark Kane

                                                                    Prettycoolstrangers graphics (2021–2022)c. 2021

                                                                    Предоставлено Майлзом Ньюлином

                                                                      • «>
                                                                      Soul Asylum –
                                                                      Grave Dancers Union album art1992

                                                                      Contributed by Stefan Perkins

                                                                        Arcane Prospect –
                                                                        Última Floración EP2021

                                                                        Contributed by Diego Aguilar Villalobos

                                                                        Staff Pick

                                                                          Афиша концерта Radiohead at C. W. Mitchell Pavilion2001

                                                                          Флориан Хардвиг

                                                                          Staff Pick

                                                                            Cool and Strange Music Magazine , Issue #101998

                                                                            Contributed by Bryson Stohr

                                                                              • ​​
                                                                              Toxic Waste advertisement and packagingc.
                                                                              2008

                                                                              Предоставлено Брайсоном Штором

                                                                                Остров сокровищ и другие мультяшные сокровища DVD обложка. 2005

                                                                                Contributed by Bryson Stohr

                                                                                  “Congratulations to Joe Satriani” ad by DiMarzio1994

                                                                                  Contributed by Jayce Wheeled

                                                                                    Eastern Voices 2021

                                                                                    Предоставлено Элен Мариан

                                                                                    Выбор персонала

                                                                                      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

                                                                                            Предоставлено Томасом Эвенссоном

                                                                                              Stokowski Conducts Wagner album art1977

                                                                                              Contributed by Florian Hardwig

                                                                                                SpongeBob Comics #41 front cover2015

                                                                                                Contributed by Bryson Stohr

                                                                                                  Commando (1985) постер фильма1985

                                                                                                  Предоставил Джейс Уилед

                                                                                                    Bart Simpson #64, «Nerd Buster».
Автор записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *