Профессии связанные с дизайном, необходимые термины
Словарь полностью состоит из определений и понятий, которые понадобятся при изучении таких специальностей, как графический дизайнер, UI\UX дизайнер, дизайнер интерфейсов, веб дизайнер, компьютерный дизайнер, разработчик сайтов без знания программирования.
Тем, кто ранее не изучал подобные направления деятельности, на первых порах будет трудно даже просто понять, о чем идет речь в обучающих программах, вебинарах.
Я начала выписывать определения в начале своего обучения и прочитывала их запоминая, как учат иностранный язык.
Сейчас здесь 116 терминов.
Рекомендую к ознакомлению всем, кто решил получить новые навыки в вышеперечисленных интернет-профессиях еще до начала обучения.
А также в конце статьи вы найдете ссылки на статьи:
- Подробный отзыв о моем обучении на бесплатном курсе Санкт-Петербургского Университета ИТМО «Основы графического дизайна»
- Подробно о курсе по рисованию для начинающих
- Информация о бесплатной государственной программе Демография по переобучению населения в возрасте после 50-лет или до 35-ти лет
Термины графического дизайна — graphic design, веб дизайна
Айдентика — это визуальная составляющая бренда. Это разработка специальных образов, характеризующих бренд и соответствующих ее целям и принципам. Главная цель этих образов сделать бренд узнаваемым, выделить из массы других организаций, за счет ярких и оригинальных элементов дизайна.Основные элементы айдентики:
- Логотип
- Фирменный стиль
- Брендбук
Адоб Иллюстратор-Adobe Illustrator (Люстра) — программа для работы с векторными изображениями. Идеально подходит для работы с логотипами.
Адоб Фотошоп (ФШ) Adobe Photoshop — программа для работы с растровыми изображениями — фото, мокапами.
Аккаунт — это учётная запись на каком-либо сайте, в игре, приложении или социальной сети. Произошло от английского account — учётная запись, личный счёт. Как правило, состоит из логина и пароля.
Акцидентные шрифты (Декоративные) — привлекают внимание и подходят для объявлений, рекламы и заголовков. Такие шрифты используют в заголовках, афишах, обложках книг, визитках. Его цель — привлечь внимание своей нестандартностью. Но чем необычнее выглядит текст, тем сложнее его читать, поэтому после акцидентного заголовка обычно идёт текст классическим наборным шрифтом.
Акцентные цвета — которые выделяют ключевые детали макета.
Антиквы — шрифты с засечками от лат. antiqua — «древняя». Общий термин, применяемый для шрифтов с засечками.
Архивариусъ — это компания занимающаяся созданием электронного архива документов, что обеспечит оперативный доступ к документации, для получения необходимых сведений.
Accessibility (доступность) — равноценный доступ к контенту у всех пользователей, в том числе с какими-либо нарушениями. Таким образом, увеличивая доступность продукта, мы в том числе повышаем его usability.
Бриф-анкета — это список вопросов (документ), который заполняет заказчик для будущего исполнителя.
Брендбук (англ. brand book) — официальный документ компании, в котором описывается концепция, атрибуты бренда, целевая аудитория, позиционирование компании и другие данные, которыми руководствуется отдел маркетинга и руководители бизнеса для построения коммуникации с потребителями и развития компании в целом.
Вайрфрейм — схема лендинга, которая демонстрирует последовательность смысловых блоков и элементов (заголовков, текстов, форм, кнопок), входящих в каждый из них.
Векторная графика — векторные изображения состоят из множества опорных точек и соединяющих их кривых. Векторное изображение описывается математическими формулами и не требует наличия информации о каждом пикселе. Сколько ни увеличивай масштаб векторного изображения, вы никогда не увидите пикселей.
Верификация — это способ подтверждения личности и надежная защита от ботов.
Визуал — это общий вид аккаунта: цвета, изображения, их сочетания и раскладка, подача и стиль. Это «одежка», по которой встречают, то есть оценивают профиль, и которая работает на имидж бренда. Основные составляющие визуала: шаблоны, дизайн для постов, сторис, обложек.
Граббер — это сленговый термин из языка веб-мастеров, обозначает специальную программу, которая собирает информацию со сторонних ресурсов. Принцип действия граббера заключается в том, что программа копирует код и перемещает его на заданный сайт
Градиент — это плавный переход из одного цвета в другой.
Графема — общий скелет буквы. Букву можно нарисовать или сложить из чего угодно, но благодаря единой графеме вы сможете отличить А от Б.
Граф дизайн помогает создавать визуальные образы, а коммуникационный дизайн их упаковывает и адресует получателю. Задача коммуникационного дизайнера — привлечь внимание к продукту, доведя до аудитории свой созданный визуальный его образ, отличный от конкурентов.
Гротески — шрифты без засечек от фр. grotesque — «причудливый».
Гротеск — общий термин, применяемый для шрифтов, которые не имеют засечек.
Гайдлайн с английского «guideline» — директива, руководящие указания, он же — руководство по использованию фирменного стиля.
Дедлайн — последний срок, предельный срок, дата или время, к которому должна быть выполнена задача.
Дескри́птор (от лат. descriptor «описывающий») — лексическая единица (слово, словосочетание) информационно-поискового языка, служащая для описания основного смыслового содержания документа или формулировки запроса при поиске документа (информации) в информационно-поисковой системе.
Дорвей (от англ. doorway — входная дверь, портал) или входная страница — вид поискового спама, веб-страница, специально оптимизированная под конкретный запрос или группу поисковых запросов, с целью её попадания на высокие места в результатах поиска по этим запросам и дальнейшего перенаправления посетителей на другой сайт или страницу. Иногда дорвеем называют и целый веб-сайт, состоящий из таких страниц.
Интерлиняж — расстояние между строками текста страницы в печатном или интернет-издании.
Каллиграфия — это когда буквы пишут пером, кистью или маркером. В отличие от леттеринга, где форму буквы можно много раз исправлять, измерять линейкой, закрашивать и как угодно менять штриховку, каллиграфия — это именно искусство письма, с первого раза.
Карта ассоциаций (Майндмэп) — наглядная запись всех понятий, связанных с ключевыми словами, а также понятий, образованных от других понятий. Сервисы для создания: mindmeister, xmind.
Кастомизация (от англ. to customize — настраивать, изменять) — индивидуализация продукции под заказы конкретных потребителей путём внесения конструктивных или дизайнерских изменений (обычно — на конечных стадиях производственного цикла).
Кастомизация сайта (от custom) — изменение шаблона сайта так, чтобы поисковая система решила, будто бы это оригинальный (заказной) дизайн сайта. Одним из признаков, по которым поисковая система (Яндекс, Гугл) может отличить сателлит от хорошего сайта — это его дизайн.
Кернинг — изменение расстояния между определенными парами символов: LA, Tr, Ta, Ty, Wa, WA, Wo, Ya и другими. Зачем нужен кернинг, если всё и так можно зафиксировать трекингом? Каждый из символов индивидуален, имеет свой визуальный вес, высоту и ширину. Кернинг позволяет компенсировать визуальную неоднородность текста.
Коллаборация (collaboration) — это взаимовыгодное сотрудничество между известными личностями или брендами, которое позволяет обмениваться опытом и знаниями, создавать уникальные товары для привлечения новой аудитории
Комплементарные цвета — контрастные
Квизы — тесты и викторины, на сайтах и в соцсетях.
Конверсия — количество людей, которое оставило заявку на заказ деленное на количество, которое зашло на сайт.
Контрформа — фон, Форма — элементы
Кросс-браузерность — свойство сайта отображаться и функционировать во всех часто используемых браузерах одинаково. Понимается отсутствие некорректной работы, ошибок в вёрстке и способность отображать материал с одинаковой степенью читабельности
Лендинг (одностраничный сайт) — выстраивает рассказ с помощью текстов, изображений и их переклички друг с другом.
Леттеринг — это рисование букв. С помощью этой техники можно создавать уникальные надписи: на бумаге, доске, стене или на компьютере — в любом графическом редакторе. Применяется для создания логотипов.
Лиды (от англ. lead — «наводка») — это представители целевой аудитории, которые проявили предварительный интерес к реализуемому товару или услуге, но по каким-либо причинам еще не заключили сделку.
Лоадер (на сайте) — его ещё называют «крутилкой» или «спиннером» Логотип — отдельный вид товарного знака, зарегистрированный в шрифтовом и/или графическом исполнении. Оригинальный, неповторимый, легко идентифицируемый с организацией.
Лонгри́д — формат подачи журналистских материалов в интернете. Специфика — большое количество текста, разбитого на части с помощью различных мультимедийных элементов: фотографий, видео, инфографики и прочих. Формат лонгрида предполагает чтение материала с различных электронных носителей.
Лук бук-Look book — это собрание образов с готовыми решениями наборов одежды. Так называются бумажные каталоги, которые представляются в магазинах, где показано, что по мнению дизайнера, с чем следует носить. Также может называться тетрадка с наклеенными картинками из журналов, а также доска, созданная на Pinterest.
Ма́ркер списка, бу́ллит, бу́ллет, бу́лит (англ. bullet) — типографский знак, используемый для выделения элементов списка.
Медиакит – это своего рода презентация с подробным рассказом о компании. Его цель – описать возможности для сотрудничества с партнерами и клиентами. Обычно медиакит составляют электронные журналы, порталы, блоги и прочие издания, у которых можно заказать рекламу.
Метаданные — информация о другой информации, или данные, относящиеся к дополнительной информации о содержимом или объекте.
Мода́льное окно́ в графическом интерфейсе пользователя — окно, которое блокирует работу пользователя с родительским приложением до тех пор, пока пользователь это окно не закроет. Модальными преимущественно реализованы диалоговые окна. Также модальные окна часто используются для привлечения внимания пользователя к важному событию или критической ситуации.
Модели сайтов — B2B, B2C, C2C
C2C (customer to customer) – это сайты площадки, на базе которых потребители взаимодействуют между собой, предлагают друг другу товары, услуги.
B2C (business to customer) созданы для продажи товаров конечному потребителю. Это интернет-магазины и все площадки для розничной торговли.
B2B (business to business) с помощью информационного и экономического взаимодействия привлекают из всей массы пользователей тех, кто представляет интересы какого-либо бизнеса
Мокап (англ. mock-up) – это полноразмерная модель какого-либо дизайна, используемая для демонстрации и оценки стиля еще не выпущенного продукта. Это может быть либо макет 3D-модели, либо PSD-файл с фотографией.
Микростоки — это базы, где любой желающий может разместить свои рисунки, фотографии, аудио — и видеоматериалы.
Митап (от английского meetup)– это некоммерческие встречи с целью обмена знаниями и опытом. Можно назвать их клубами по интересам в сфере IT.
Мудборд — подборка фотографий, иллюстраций и других материалов, которые передают нужные ощущения и ассоциации.
Нейминг — это процесс разработки названия для компании или продукта. Под ним бренд или товар регистрируется и выводится на рынок. Самое важное требование для нейма – это оригинальность и простота, потенциальный потребитель должен легко его запомнить. Нейминг – часть брендирования, одного из основных направлений в маркетинге.
Носители — предметы, которые помогают компании, рассказать о себе. Например: логотип.
Носитель бренда — это любой объект, способный передать информацию. Обычно этим объектом становится то, с чем может соприкасаться представитель целевой аудитории. Чтобы было легче запомнить, перечислим самые распространенные носители фирменного стиля: деловая документация, сайт, сувениры, транспорт, униформа и, наконец, интерьер офисов.
Оффер — самая главная фишка-предложение в предлагаемом товаре или услуге. Например:. кухни на заказ за 20 т. р., скидки 60%.
Пагина́ция (от лат. pagina — страница) в издательском деле — порядковая нумерация страниц, обозначаемая колонцифрами, располагаемыми внизу, вверху или сбоку.
Парейдолия — это психологическое явление, с помощью которого разум обнаруживает знакомый образец в стимуле, который на самом деле не содержит его, обычно это звук или изображение. Cлово произошло от греческих терминов (означающих «за пределами») и эйдолон («образ» или «форма»).
Парсер — инструмент, выполняющий парсинг.
Парсинг— это автоматизированный сбор информации (товаров, услуг, прайсов, тарифов, компаний и т.д.) из интернета и ее систематизация. Простыми словами, это быстрое получение нужных данных из выдачи с помощью программ.Благодаря парсингу, можно находить на страницах небольшие клочки полезной информации и в автоматическом режиме их оттуда извлекать, чтобы потом переиспользовать.
Па́ттерн — (англ. pattern «узор, образец, шаблон; форма, модель; схема, диаграмма») или регулярность — схема-образЭто узор, содержащий в себе повторяющиеся фигуры, и это повторение следует определенным правилам.
Плагин — это приложение, написанные сторонними разработчиками для расширения базового функционала программы.
Постер — это плакаты с использованием цитат и фраз, побуждающих к действию. Их часто применяют в крупных компаниях для создания подходящей рабочей атмосферы.
Прототип — план сайта, который используется, чтобы продумать его структуру и логику работы интерфейса.
Прогресс-бары — это небольшие области, которые «заполняются» до необходимого значения.
Проскроллить — прокрутить. Например, страницу сайта.
Раппорт — это ритмически повторяющаяся часть рисунка, орнамента или плетения.
Растровые изображения — которые состоят из крошечных прямоугольных точек индивидуального цвета — пикселей, объединенных воедино.
Растрировать изображение — значит преобразовать изображение, состоящее из множества фигур, заданных математическими алгоритмами, в изображение, состоящее из точек (пикселей).
Рéференс — (англ. reference — справка, сноска) — вспомогательное изображение: рисунок или фотография, которые художник или дизайнер изучает перед работой, чтобы точнее передать детали, получить дополнительную информацию, идеи. В отличие от мудборда показывает конкретные графические приёмы. Это образец для подражания, на который ориентируется автор в процессе творчества. Референсами могут выступать песни, тексты, архитектурные сооружения и многие другие объекты, способные направить творца к нужному ему результату.
Рыба-текст — используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это текстовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле. Lorem Ipsum — один из таких известных текстов.
Сервер — когда мы, занимаясь веб-разработкой, говорим «сервер», мы подразумеваем не какой-то суровый суперкомпьютер, а набор программного обеспечения, способный взаимодействовать по протоколу HTTP.
Сетка — набор вертикальных и горизонтальных линий, которые формируют систему для расположения объектов.
CMS (Content Management System) — это система управления, движок, платформа или конструктор, который позволяет управлять содержимым сайта
CRM-система (Customer Relationship Management или Управление отношениями с клиентами) — это прикладное программное обеспечение для организаций, предназначенное для автоматизации стратегий взаимодействия с заказчиками (клиентами), в частности, для повышения уровня продаж, оптимизации маркетинга и улучшения обслуживания клиентов путем сохранения информации о клиентах и истории взаимоотношений с ними, установления и улучшения бизнес-процессов и последующего анализа результатов.
Скетч — эскиз сайта, сделанный на бумаге от руки.
Скрипт (сценарий) — это последовательность действий, описанных с помощью скриптового языка программирования
Скроллинг — форма представления информации, при которой содержимое (текст, изображение, анимация) двигается в вертикальном или горизонтальном направлении.
Смарт-объекты— это слои, содержащие данные изображения из растровых или векторных изображений, таких как файлы Photoshop или Illustrator. Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя.
Сниппет — это блок информации о странице сайта, которая отображается в результатах поиска.
CTA-кнопка — Call to action — призыв к действию.
Сторителлер — это профессиональный рассказчик тематических маркетинговых историй. Его задача развлекать, продавать, делиться опытом и обучать. С помощью интересной подачи сторителлинг привлекает внимание клиентов к бренду, компании, продукту
Стартап — в привычном понимании — это новая компания или бизнес
(Стим)Steam-ключ — это код, состоящий из букв и цифр, позволяющий вам активировать игру на аккаунте.
Таксономия сайта — это структура, используемая для сайта, которая организует контент логическим образом, чтобы пользователи могли легко перемещаться по сайту и понимать его назначение. Визуально это выглядит как различные разделы и страницы на сайте или категории в блоге
Текстура (иногда её называют картой) — это растровое изображение, накладываемое на поверхность модели для придания ей цвета, свойств окраски или иллюзии рельефа.
Типографика — искусство работы с текстом: от выбора шрифта до компоновки элементов на странице.
Текстовые шрифты — хорошо читаются.
Типографские знаки или символы — тире, кавычки, знак копирайта — всё это называется типографскими знаками. В каждом языке свои правила расстановки знаков.
Трассировкой изображения — в иллюстраторе называется перевод растрового изображения в векторное.
Техническое задание (ТЗ)— документ, определяющий задачу.
Товарный знак — ключевой элемент фирменного стиля, представляющий собой зарегистрированное обозначение и помогающий идентифицировать товары и услуги компании, защитить их от недобросовестной конкуренции и подделки.
Трекинг — расстояния в строке между символами
Туториал – с англ. «tutorial» – обучение, учебное пособие. Это пошаговое (поэтапное) объяснение какого-либо процесса, инструкция по выполнению чего-либо
УТП — уникальное торговое предложение, объясняет, чем товар или услуга так хороши, чтобы его приобрести
Усилитель — видео, гарантии, соц. обязательства.
Фавикон (favicon) — это небольшой значок размером 16×16 пикселей, используемый в веб-браузерах для показа на вкладке до названия домена. Загружается на сайт в формате .ico.
Форма — элементы, Контрформа — фон
Фирстиль — Фирменныйстиль — это товарный знак бренда, который транслируется по всем каналам позиционирования компании: В презентационной и имиджевой продукции: бланках, визитках, сувенирной продукции и т. д.
Фрейм (англ. frame — кадр, рамка) — структура, содержащая некоторую информацию.
Фре́ймворк (остов каркас, рама, структура) — программная платформа, определяющая структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта
Фулфилмент — центры по оказанию услуги хранения товара, а также они формируют, упаковывают и отправляют полученные заказы из интернет-магазина в службу доставки, перешивание бирок на одежде.
Ховеры — разного рода эффекты (всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение и пр.), которые наблюдаются при наведении на них курсора мыши.
Хэдер — шапка сайта
Футэр — подвал сайта
Хард скилз-Hard skills — («жёсткие» навыки) и Софт скилз—soft skills («мягкие» навыки).
HTML — стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS
Хоткей — или горячая клавиша — клавиши, которые используются для активации каких-либо функций программ.
ЦА — целевая аудитория
Regular (обычное), Bold (жирное или полужирное) и Italic (курсивное)— написание шрифтов.
Циклорама — конструкция, имеющая плавный переход между горизонтальными и вертикальными плоскостями, позволяющая создать бесконечный однотонный фон. Их преимущество в сравнении с фоном в том, что циклорама имеет жесткую конструкцию, и это даёт возможность опереться на неё.
Google Fonts — библиотека шрифтов
Эвристическая оценка — это основанный на эвристиках метод проверки удобства интерфейса приложения, сайта, программы, да чего угодно, которая помогает выявить проблемы удобства этого интерфейса.
Якорные ссылки — перенаправляют пользователя не на другую веб-страницу (как это происходит в меню на обычном сайте), а на какую-то часть той же страницы.
Якорные объекты — или якоря. Элементы с самым большим визуальным весом, на основе которых выстраивается композиция.
VPN — это обобщённое название технологий, позволяющих использовать в интернете не своё, а подменное местоположение. Тем самым защищая от посторонних глаз информацию о себе.
UI-kit — готовый набор элементов пользовательского интерфейса, где элементами являются кнопки, иконки, цвета, шрифты, таблицы, карточки и др.
Сейчас словарь графического дизайнера, веб дизайнера,, grphic designer в представленный вашему вниманию статье состоит из 116 терминов, необходимых для изучения и работы в сфере интернет-дизайна, создания сайтов без знаний программирования.
Конечно, это только основные термины и, скорее всего, далеко не полный список.
Пожалуйста, пишите в комментариях, какие еще термины в веб-дизайне, графическом дизайне,, UI/UX дизайне необходимо знать для успешной работы в данной сфере деятельности.
Если вам понравилась статья, делитесь о ней в соц. сетях
Читайте о бесплатном онлайн курсе для начинающих графических дизайнеров «Основы графического дизайна»
Подробно о курсе по рисованию для начинающих
Всего всем доброго!