Facebook обновил алгоритм новостной ленты
Previous
выбрать за меня
В Google AdWords добавили поддержку логических операторов IF
Next
цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь
Юзабилити

63 термина из сферы веб-дизайна, которые должен знать каждый маркетолог

Автор: Ия Пфанштиль01.02.2017

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

Чувствуете, что не готовы к этому? Дизайнерские термины для вас как иностранный язык?

Вам поможет знание теории.

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

Строение шрифта и верстка

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

1. Выравнивание

Размещение элементов дизайна (текста, изображений). Выравнивать элементы можно как относительно границ страницы, так и относительно друг друга.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

2. Верхний выносной элемент

Выносной элемент строчной буквы, выступающий вверх за линию строчных.

3. Базовая линия

Линия, проходящая по нижним границам букв.

4. Высота прописного знака

Высота от базовой линии до линии прописных.

5. Нижний выносной элемент

Выносной элемент, находящийся ниже базовой линии.

6. Шрифт

Набор символов, имеющих единый дизайн.

7. Выносной элемент

Часть буквы, которая выходит за границы высоты строчного знака.

8. Кернинг

Расстояние между буквами или символами.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

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

Расстояние между базовыми линиями соседних строк.

10. Средняя линия

Средняя линия строчных букв шрифта.

11. Нижняя висячая строка

Начальная строка абзаца, оказавшаяся в конце полосы или колонки, либо короткая строка в конце абзаца.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

12. Засечка

Короткий штрих на конце буквы, с которого начинается и которым заканчивается основной штрих знака.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

13. Основной штрих

Наиболее толстый вертикальный или наклонный штрих в шрифтах, имеющих контраст.

14. Штрихи

Линии, из которых состоят символы шрифта.

15. Хвост

Элемент глифа не заканчивающийся засечкой, и являющийся выносным.

16. Концевой элемент

Окончание штриха, не имеющее засечки.

17. Гарнитура шрифта

Набор из одного или нескольких шрифтов в одном или нескольких размерах и начертаниях.

18. Насыщенность шрифта

Ширина штриха шрифта.

19. Висячая строка

Конечная строка абзаца, расположенная в начале полосы или колонки, а также начальная строка абзаца, оказавшаяся в конце полосы или колонки.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

20. Высота строчного знака

Высота от базовой линии до линии строчных.

Цвета

21. Аналогичные цвета

Цвета, которые располагаются на цветовом круге рядом друг с другом.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

22. Цветовая модель CMYK

CMYK – названия красок: голубой, пурпурный, желтый и черный. Модель используется для полноцветной печати.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

23. Цветовой круг

Круг цветов, на котором показаны отношения между первичными, вторичными и третичными цветами.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

24. Цветовая схема

Комбинация двух и более цветов из цветового круга.

25. Дополняющие цвета

Цвета, которые находятся на цветовом колесе на диаметрально противоположных позициях.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

26. Оттенок

Другими словами, цвет – красный, желтый, оранжевый и т.д.

27. Pantone

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

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

28. Прямоугольная цветовая схема

Четыре цвета по две пары дополняющих цветов.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

29. Цветовая модель RGB

Аббревиатура от английских названий цветов – красный, зеленый, синий. Модель используется в веб-дизайне.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

30. Насыщенность

Яркость и интенсивность цвета.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

31. Тени

Количество черного в цвете.

32. Оттенки

Количество белого в цвете.

33. Расщепленные дополняющие цвета

Схема, состоящая из базового цвета и двух цветов, находящихся рядом с дополняющими цветами.

34. Квадратная схема

Четыре цвета, находящихся на равном расстоянии друг от друга на цветовом круге.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

35. Триады

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

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

Форматы файлов и специальные обозначения

36. CSS

Часть кода, который используется для создания дизайна и внешнего вида сайта.

37. DPI

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

38. EPS

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

39. GIF

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

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

40. HEX код

Код, который используется в HTML и CSS для определения цвета. Обычно используется после знака #.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

41. Open Type шрифт

Стандартный формат файла шрифтов. В него входит версия для печати и версия для экрана. Подходит для Windows и Mac. Расширение файла – .otf.

42. HTML

Компьютерный язык, который используется для отображения контента (текста, изображений, ссылок) в сети.

43. JPEG

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

44. PDF

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

45. Пиксель

Наименьший элемент изображения на компьютере.

46. PPI

Пикселей на дюйм – мера разрешения изображения.

47. PNG

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

48. Разрешение

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

49. Векторное изображение

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

50. ZIP файл

Формат файлов, который позволяет сжимать несколько файлов и делать их меньше. При распаковке все данные восстанавливаются.

Обработка графики и дизайн

51. Сжатие

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

52. Контраст

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

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

53. Кадрирование

Отсечение фрагментов фотографии с целью фокусирования или улучшения компоновки.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

54. Падающая тень

Визуальный эффект, который имитирует отбрасывания тени элементом.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

55. Растушевка

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

56. Градиент

Техника дизайна, при которой один цвет (или часть изображения) плавно переходит в другой.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

57. Сетка

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

58. Сжатие с потерями

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

59. Сжатие без потерь

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

60. Негативное пространство

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

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

61. Визуальная иерархия

Визуальная систематизация информации представленная по принципу ее важности.

62. Водяной знак

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

63. Белое пространство

Пустое пространство, окружающее объект.

цветов, цвет, цвета, типографика, шрифт, web-дизайн, дизайн, графический дизайн, графика, термины, словарь

Теперь вы знаете значение всех основных терминов веб-дизайна. Надеемся, они будут вам полезны!

Реакция на статью
поделюсь
6%
интересно
31%
полезно
100%
не уверен
13%
скучно
13%
где автор?
0%
Ия Пфанштиль
Главный редактор, контент-маркетолог, автор. Четыре года пишу о digital. Делюсь открытиями.
Комментарии
Оставить отзыв

    You must log in to post a comment