Типографика, иерархия контента и типографские контрасты

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

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

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

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

Вы можете увидеть информацию о tтипографика и типографические контрасты в этом видео:

Перед проектированием 

  1. Решите, что в вашем дизайне важнее всего
  2. Что вы хотите выделить? Что-то более важное? 

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

Я хочу передать что-то конкретное?

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

Типографские контрасты

Существует несколько типов типографских контрастов в зависимости от того, что мы ищем.

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

  • Контраст веса
  • Цветовой контраст
  • Контраст шрифта
  • Контраст тела / размера
  • Визуальный контраст веса 

С помощью этих контрастов мы можем создать разные композиции Это позволит нам выделить наши тексты в соответствии со степенью важности каждого из них.

Типографские контрасты

Контраст веса

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

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

Цветовой контраст

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

Контраст шрифта

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

Контраст шрифта

Контраст тела

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

Контраст тела

Визуальный контраст веса

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

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

Иерархия контента

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

Постройте правильную иерархию контента

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

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

Вы видите типы контраста?

Типографские контрасты можно найти во всех дизайнах

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

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


Будьте первым, чтобы комментировать

Оставьте свой комментарий

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

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.