Найти тему
SOQ.Blog

Терминология в Digital. Или как проще ориентироваться в дизайне не дизайнеру. Часть 1.

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

Начнем с самого простого:

1. Шрифт

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

-2

2. Логотип

Логотип - это не просто красивое изображение, это лицо компании, то с чем люди связывают сам бренд. Логотип является одной из важнейших составляющих успешной компании. И если вы хотите, чтобы вашу компанию сразу узнавали всегда и везде, ваш логотип должен быть неотразим. Он должен быть одновременно прост и выполнен со стилем. Необязательно, чтобы он был конкретно связан с родом деятельности компании. Вот возьмем Apple, что у нас сразу приходит на ум? Правильно! Яблоко. Но ведь это не означает, что крупнейший монополист торгует яблоками. Или возьмем всеми известный бренд по производству спортивной одежды - Puma. Он что, как-то связан с животными? Ведь на лого изображена большая кошка, однако ребята совершенно не имеют отношения к дикой природе.

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

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

-3

На Западе, логотипы принято разделять на разновидности, непосредственно сам логотип (logo), его шрифтовая вариация (logotype) и символическая (logomark).

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

-4

Символическая вариация (logomark) - как вы уже догадались, графическое изображение, где непосредственно изображен рисунок. Возьмем Mercedes-Benz, простой лого, но он известен всем и в шрифтовой вариации не нуждается.

-5

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

Created by Sergey Otcheskov
Created by Sergey Otcheskov

Created by Sergey Otcheskov
Created by Sergey Otcheskov

3. Фирменный стиль

Так мы плавно перешли к другому термину в дизайне - фирменный стиль. Что это такое и с чем его едят? Фирменный стиль является графической составляющей айдентики: логотип, фирменные цвета, упаковка, визитки, баннеры, афиши и другое.

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

Created by Sergey Otcheskov
Created by Sergey Otcheskov

Created by Sergey Otcheskov
Created by Sergey Otcheskov

Created by Sergey Otcheskov
Created by Sergey Otcheskov

4. Айдентика

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

5. Растровые изображения

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

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

-11

6. Векторные изображения (Вектор)

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

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

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

-12

Давайте вернемся к шрифтам и поговорим о расстояниях между словами и символами, непосредственно в самих текстах.

7. Интерлиньяж

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

Взгляните сами

-13

8. Трекинг

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

-14

9. Кернинг

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

-15

10. Гарнитура

Нет это не наушники. Гарнитурой является набор шрифтов, которые можно классифицировать по схожим признакам, проще говоря это семейство шрифтов. Times New Roman, Arial, Calibri - это гарнитуры (семейства шрифтов), а не сами шрифты.

0
0

11. Каллиграфия

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

-17

12. Леттеринг

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

Леттеринг часто используют для создания логотипов, однако такой вид подходит не всем.

-18

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

Выводы:

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

Почувствуй вкус.

Текст подготовил Вячеслав Самсель

SOQ Digital