Влияние типографики на пользовательский опыт

Опубликовано: 2018-01-20

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

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

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

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

Важность в графическом дизайне

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

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

Это облегчает запоминание брендов, одним из наиболее распространенных примеров является Coca Cola. За логотипом Coca Cola стоит целая история, которая точно показывает, как все произошло, и влияние, которое он оказал на все части мира, совершенно очевидно.

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

Coca Cola logo

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

Теперь, что именно подразумевается под « визуальными и вербальными аспектами »?

  • Визуальный — смысл, создаваемый визуальным видом иллюстрации; как текст, так и изображение. Характер типографики и то, как она заставляет вас чувствовать, влияет на ее визуальное качество.
  • Verbal – буквальное значение слов или фраз, используемых на иллюстрации.

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

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

KitKat Logo

Это исследование очень ясно показывает, как типографика может повлиять на нас и как маркетологи могут использовать ее в своих интересах. Это показывает, что шрифты, используемые некоторыми популярными корпорациями, такими как IBM, Mercedes, Nivea и Marlboro, признаны на международном уровне, и именно поэтому эти компании инвестировали в дизайн и авторские права на шрифты, охраняемые товарными знаками.

Если не верите, взгляните на изображение ниже из рекламной кампании Greenpeace:

KitKat Killer Logo

Хотя на нем не написано KitKat, ваш разум мгновенно создает узнаваемую связь с брендом.

Эффекты типографики

Кевин Ларсон и Розалинда Пикард представили свои выводы о том, как типографика влияет на настроение, в своей статье «Эстетика чтения», в которой также рассматривались преимущества хорошей типографики.

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

Effects of Typography

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

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

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

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

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

В документе показано, что симметрия предпочтительнее, чем неравномерная толщина штриха и расстояние между символами и внутри них.

Все эти факторы необходимо учитывать при работе как онлайн, так и офлайн.

При этом рекомендуется располагать логотип или иллюстрацию оптически, а не математически. Изображение ниже демонстрирует разницу между ними.

Effects of Typography

Позитивное настроение, лучшие результаты

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

Правда в том, что типографика также может влиять на суждение. The New York Times провела исследование «Вы оптимист или пессимист?» Хотя в исследовании обсуждалось чувство безопасности участников во время катастрофических событий, оно было больше о влиянии шрифта на вас. А так как никакого вреда не было причинено, то, пожалуй, и это можно было бы назвать этичным.

Использовались следующие шрифты: Comic Sans, Computer Modern, Trebuchet, Helvetica, Georgia и Baskerville. Исследование проводилось с участием около 45 000 человек, и результаты показали, что люди склонны соглашаться со шрифтом Baskerville на 1,5% больше, чем остальные.

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

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

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

Типографика в веб-дизайне

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

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

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

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

Типографика в контент-маркетинге

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

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

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

Принимая во внимание, что при использовании «четкого» шрифта, такого как Calibri, вы делаете свою точку зрения очень определенной и твердой.

Начиная

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

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

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

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

Элементы типографики
  • Гарнитуры : используемый стиль текста (например, Times New Roman, Calibri, Ariel и т. д.).
  • Шрифты : определенный стиль шрифта, а также его ширина, высота и размер (например, Century, размер 12, полужирный), часто используется как синоним шрифта.
  • Отслеживание : пробел между символами в тексте.
  • Кернинг : аналогично отслеживанию, но также относится к пробелам между буквами и символами в тексте.
  • Интерлиньяж : Измерение расстояния между одной строкой текста и строками над и под ней.
  • Длина строки : как следует из названия, длина текста в строке.

В заключение

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

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

Ну, как говорит Сайрус Хайсмит: «Типографика — это детали и представление истории. Он представляет собой голос атмосферы или какой-то исторической обстановки. Он может многое».