Термины дизайн: Термины графического дизайна — Графический дизайн Ana’s Design — ISaloni

Содержание

Термины графического дизайна — Графический дизайн Ana’s Design

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

Айдентика

Айдентика — это русская производная от английского слова identity (идентичность). Необходимость введения такого понятия вызвана ростом конкуренции на рынке. Компаниям нужна узнаваемость в социуме

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

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

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

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

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

Логотип

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

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

Брендбук

Брендбук— это документ, в котором приводятся стандарты официального стиля компании, правила, соответствующие ценностям компании, целям ее развития и другим характеристикам.

Как правило, брендбук включает в себя три обязательных раздела.

Первый раздел — Бренд. В этом разделе речь идет об основных целях, ценностях, производимых товарах и целевой аудитории компании.

В разделе о фирменном стиле дается подробное описание элементов фирменного стиля, логотипа, фирменных шрифтов, цветов, слоганов и других объектов стиля компании.

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

Иными словами, брендбук — это книга, в которой приведено подробное описание айдентики.

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

Гайдлайн

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

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

Мокап

Мокап — это специализированное понятие, используемое дизайнерами.

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

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

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

Паттерн

Паттерн — это часто используемый дизайнерами узор из повторяющихся элементов.

Паттерн или фирменный узор является одним из часто используемых элементов фирменного стиля.

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

Для разнообразия в оформлении фирменного стиля патерн может быть использован в нескольких цветовых гаммах.

Фавикон

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

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

Фирменный шрифт

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

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

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

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

Леттеринг — это рисование букв, или рисунок из букв. Своего рода ручная работа. И иногда в фирменном стиле используются рисунки из букв.

Каллиграфия — это искусство письма, способ красиво написать букву.

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

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

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

Интерлиньяж — это расстояние между строками текста. Расстояние необходимо учитывать, что бы достичь оптимального баланса в тексте.

Форматы и цвета в терминах графического дизайна

Фирменные цвета

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

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

Модель RGB — эта аббревиатура расшифровывается как Red, Green, Blue (красный, зеленый, синий). Из этой тройки составляются все оттенки цветов на экранах компьютера.

Цветовая модель CMYK используется в типографии. В этой модели формирование палитры цветов осуществляется смешиванием четырех красок: голубого (Cyan), пурпурного (Magenta), желтого (Yellow) и черного (ключевого цвета, Key color).

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

Для исключения этих изменений при печати разработана цветовая модель Pantone. Бумажные каталоги Pantone имеются в каждой типографии. Эти каталоги служат для визуализации получаемого при печати цвета. Для каждого оттенка цвета в каталоге Pantone указывается точное содержание цветов из модели CMYK. Остается только выбрать необходимый цвет в каталоге Pantone для получения требуемых цветов при печати.

Форматы изображений

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

Сегодня используются следующие форматы изображения, это Растровая и Векторная графики.

Растровое изображение

Растровое изображение состоит из множества маленьких ячеек – пикселей, которые содержат информацию о цвете. Наиболее знакомые растровые форматы — это JPEG, PNG.

Использование растрового формата позволяет создать изображение любой сложности с множеством деталей и большой палитрой цвета.

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

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

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

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

58 терминов в области графического дизайна: изучайте жаргон как профессионал

Опубликовано: 2020-12-04

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

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

Термины графического дизайна, относящиеся к: цвету

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

1. CMYK

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

2. RGB

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

Оттенки, тона, оттенки, о боже!

3. Оттенок

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

4. Тень

Тень — это добавление черного к чистому цвету.

5. Оттенок

Оттенок — это добавление белого к чистому цвету.

6. Тон

Тон известен как добавление серого к чистому цвету.

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

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

8. Градиент

Градиент — это постепенное изменение одного цвета на другой. Такой подход к графическому дизайну — это именно то, что сделал Instagram, когда изменил свой логотип.

9. Шестнадцатеричный код.

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

10. Палитра

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

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

11. Монохромный

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

12. Аналогичный

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

13. Дополнительные

Дополнительные цвета — это противоположности на цветовом круге. Это почти похоже на контраст и придаст некоторым вашим изображениям дополнительную «POP!»

14. Триадический

Триадные цвета — это три цвета, равномерно распределенные на цветовом круге. Один цвет будет доминирующим, второй — поддерживающим, а третий — акцентным.

15. Pantone

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

16. Теплые цвета

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

17. Холодные цвета

Вторую половину занимают холодные цвета (синий, зеленый и фиолетовый).

18. Теория цвета.

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

Термины, относящиеся к графическому дизайну: дизайн

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

19. Контрастность.

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

20. Баланс

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

21. Макет

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

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

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

23. Непрозрачность

Непрозрачность — это когда объекту не хватает прозрачности. Представьте себе черный круг. Этот круг с высоким процентом прозрачности позволяет увидеть, что за ним скрывается. Когда вы применяете более высокую непрозрачность, он становится более твердым.

24. Правило третей

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

25. Масштаб

Масштаб — это размер объекта по отношению к другому элементу.

26. Текстура

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

27. Золотое сечение

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

28. Ноллинг

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

29. Скеуморфизм.

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

30. Разрешение изображения

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

31. Пикселей на дюйм и точек на дюйм

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

32. Изображения в форматах JPG и PNG.

Если вам нравится загружать изображения со стоковых фото-сайтов, они могут выглядеть для вас одинаково, но оба являются форматами изображений для разных целей. Формат JPG содержит множество цветов и отлично подходит, если вы планируете публиковать изображения в социальных сетях, таких как Facebook, Instagram, Pinterest и т. Д. Однако PNG является идеальным кандидатом для поддержки фотографий более высокого качества, таких как логотипы, и для сохранения качества изображения .

33. Изображения в форматах JPG и PNG.

Для вас они могут выглядеть одинаково, но оба являются форматами изображений для разных целей. Формат JPG содержит множество цветов и отлично подходит, если вы планируете публиковать изображения в социальных сетях, таких как Facebook, Instagram, Pinterest и т. Д. Однако PNG является идеальным кандидатом для поддержки фотографий более высокого качества, таких как логотипы, и для сохранения качества изображения.

34. Векторные изображения.

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

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

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

Термины, относящиеся к графическому дизайну: типографика

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

36. Типографика.

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

37. Кернинг

Кернинг — это регулировка расстояния между парами букв в одном слове.

38. Отслеживание

Отслеживание — это изменение места для целых слов и блоков текста.

39. Ведущий

Это пространство между двумя строками текста, также известное как «высота строки».

40. Набор текста.

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

41. Шрифт

Шрифт — это группа символов определенного размера и стиля. Подумайте о Arial Bold , Arial Italic , Arial Regular.

42. Гарнитура

Гарнитура — это семейство шрифтов. Подумайте о Times New Roman, Arial или Cambria.

43. Засечки

Засечки — это небольшие завитки в конце штрихов некоторых букв. (Пример: Times New Roman ). Считается, что шрифты с засечками способствуют удобочитаемости и разборчивости основного текста.

44. Без засечек

Sans означает «без». Шрифт без засечек не имеет засечек, что означает отсутствие мелких штрихов. (Пример: Arial)

45. Slab Serif

Плоские засечки имеют толстые блочные засечки. (Пример: Courier New )

46. Сценарий

Шрифт с плавным курсивом.

47. Письма

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

48. Восход и спуск.

Восходящий элемент — это часть строчных букв, которая выходит за пределы средней линии шрифта или высоты по оси x. С другой стороны, нижний элемент — это часть, которая появляется ниже базовой линии шрифта. Буквы с нижним нижним элементом обычно: g, j, p, q, y. В некоторых гарнитурах строчные буквы f и z также имеют нисходящие элементы.

49. Вдовы или сироты.

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

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

50. Типографская иерархия.

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

51. Lorem Ipsum

Lorem ipsum — это фиктивный текст, используемый веб-дизайнерами в качестве текста-заполнителя. Это используется, когда окончательная копия еще не готова. Он имеет достаточное распределение букв, что позволяет ему выглядеть читабельным на английском языке.

Термины графического дизайна, относящиеся к: брендингу

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

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

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

53. Логотип

Логотип — это название компании, визуально уникальное оформление для использования этой компанией. В большинстве случаев, когда люди ссылаются на логотип, они имеют в виду логотип бренда, а не сам товарный знак. Примеры включают: Google, Disney, Coca-Cola.

54. LogoMark

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

55. Залог

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

56. Сетка

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

57. Товарный знак.

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

58. Доска настроения.

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

Заключение

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

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

Знаете некоторые термины графического дизайна, которые мы упустили? Прокомментируйте и поделитесь, давайте продолжим!

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

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

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

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

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

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

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

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

2. CMYK и RGB

CMYK – это стандартный цветовой режим для печати – журналы, газеты, флаеры, брошюры и так далее. CMYK расшифровывается как: Cyan (голубой), Magenta (пурпурный), Yellow (желтый), Key (черный).

Работая в Photoshop или Illustrator, у вас есть опция, позволяющая выбрать цветовой режим CMYK, RGB (red/красный, green/зеленый, blue/синий) или другие (но два вышеуказанных – это те, о которых вам нужно знать).

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

3. DPI и PPI

Разрешение – это еще один ключевой термин, который обычно забывают. Есть два главных акронима, которые используют, говоря о разрешении: DPI и PPI.

DPI используется в работе с графическим материалом, который будет идти в печать. Расшифровывается как “Dots Per Inch” – “Точек На Дюйм”, и его значение соответствует количеству точек на дюйм печатной страницы. В целом, чем больше точек на дюйм, тем лучше качество изображения. 300DPI – это стандарт для печатных изображений.

PPI расшифровывается как “Pixels Per Inch” – “Пикселей на дюйм”, и, соответственно, означает количество пикселей на дюйм. Если вы увеличите изображение в Photoshop – вы увеличите количество пикселей на дюйм и потеряете в качестве, так как программе нужно будет создать новые данные.

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

4. Типографика

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

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

5. Сетки

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

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

6. Дизайн логотипов и брендинг

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

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

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

Автор: Creativebloq

Перевод: Sayhi

Читайте также: Из чего состоит брендинг

Читайте также: Что такое айдентика. 10 основных правил по созданию фирменного стиля.

Читайте также: Как стать графическим дизайнером. 5 простых шагов.

Графический дизайн для всех. Термины в дизайне

Все в одном месте

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

Графический дизайн

Для начала давайте разберемся, что же такое графический дизайн и кто такие графические дизайнеры?

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

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

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

Логотип

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

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

Знак + текст

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

Только текст

Часто в качестве логотипа используют название компании. Не каждый фирменный знак нуждается в иллюстрации. Бренд Coca-Cola состоит только из этой надписи, но данная корпорация − популярная и узнаваема во всем мире.

Только знак

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

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

Вырезали в раннем возрасте бумажные снежинки? Ну, конечно, кто этого не делал… Помните, каждая ледяная звездочка получалась очень красивой и непохожей на других. Так и логотипы с применением этой техники.

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

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

Айдентика

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

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

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

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

Это визуальный раздел айдентики. То есть все, что относится к графике: логотип, фирменная расцветка, паттерн, визитные карточки и т.п.

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

Брендбук

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

Гайдлайн

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

Например в 1970-е годы компания McDonald’s выпустила свое руководство по стилю McDonaldland Specification Manual где показано, как должны выглядеть все персонажи кампании, какие цвета нужно использовать в рекламных материалах и многое другое.

Мокап

Как понять, будет ли выбранный стиль хорошо смотреться на носителях: блокнотах, кружках и других товарах? Как это будет выглядеть вживую, поможет определить специальный шаблон – мокап.

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

Фавикон

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

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

Паттерн

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

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

Леттеринг

Сколько раз не печатать букву «А», если выбран гарнитурный шрифт, выглядеть этот символ будет однотипно. Другое дело − использование рукописного стиля! Леттеринг-логотипы от Paul von Excite

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

Каллиграфия

Это своеобразное искусство письма. Как правило, каллиграфические символы наносятся при помощи пера и туши.

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

Шрифт

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

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

Гарнитура

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

Кёрнинг

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

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

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

Интерлиньяж

Интерлиньяж – это соотношение между отдельными строчками в тексте. Нормальное межстрочное расстояние должно быть раза в полтора больше величины самих символов. В этом случае текстовые параметры будут сбалансированы.

Трекинг

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

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

Основные цветовые модели (Pantone, CMYK, RGB)

RGB

Что означает аббревиатура RGB? R здесь означает красный цвет (Red), G – зеленый (Green), и B – синий (Blue). Такая цветовая схема используется для создания цветовых оттенков на экранах телевизоров, мониторов или смартфонов.

CMYK

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

Pantone

Не всегда оттенки RGB модели корректно воспроизводятся в CMYK. Чтобы окраска готовой печатной продукции не тускнела и не искажалась, разработана следующая схема – Pantone.

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

Растр (растровые изображения)

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

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

К сожалению, при изменении масштаба качество теряется. Это недостаток растра.

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

Такие картинки представляют собой набор линий и точек. Изображение в векторе создается с помощью кругов, многоугольников, кривых линий и т.п. Одна из самых популярных программ для работы с векторными рисунками – Adobe Illustrator.

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

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

Заключение

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

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

Словарь терминов, глоссарий по ландшафтному дизайну

Мы решили облегчить Вашу задачу в непростом деле изучения ландшафтного дизайна и создали для Вас:

Глоссарий — словарь терминов и понятий.

АЛЛЕЯ — дорога с рядовой ритмичной обсадкой деревьями с одной или с обеих сторон, может быть прямая или с кривизной.

АЛЬГАМБРА — знаменитый дворцовый комплекс в Гранаде. Образец для многочисленных произведений в мавританском стиле.

АЛЬПИЙСКАЯ ГОРКА, АЛЬПИНАРИЙ — вариант каменистого сада, показывающий флору высокогорий.

АМФИТЕАТР — полукруглый ступенчатый, расположенный террасами изгиб дороги либо театр на открытом воздухе.

АМФОРА — декоративный сосуд с узким горлышком и двумя ручками, имеющий прообраз характерной греческой керамической вазы.

АНГЛИЙСКИЙ ПАРТЕР — вид классического садового партера, отличающийся простым орнаментальным рисунком, выполненным с помощью газона и песка, иногда с использованием цветов.

АНГЛИЙСКИЙ САД — живописный сад свободной планировки, не имеющий выраженных границ, «улучшенная копия» природы.

АРАБЕСКИ — сложный орнамент, рисунок на партере регулярного сада, выполненный из низких стриженых кустарников, ковровых растений, летников или инертных, нерастительных материалов или из комбинации перечисленных элементов.

АРБОРЕТУМ — дендрологический сад, в котором представлена живая коллекция древесных растений из различных зон земного шара, свободно растущих и зимующих в открытом грунте в данной местности. Служит базой для акклиматизации растений.

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

БАЛЮСТРАДА — сквозное декоративное ограждение из фигурных столбиков для поддержки фигур.

БАРОККО — направление в художественной культуре 17 века первоначально возникшее в Италии. Для садово-парковой архитектуры эпохи барокко характерен сложный рисунок криволинейных форм в планировке и постройках, масштабные колоннады, обилие декора, скульптуры и других малых архитектурных форм.

БЕЛЬВЕДЕР — как правило, оформленные в классическом стиле здания на холме, откуда открывается прекрасный вид на окрестности.

БЕЛТ-ВОК — длинная извилистая круговая дорожка в английском саду, которая подводит посетителя к особенно интересным точкам обзора.

БЕРСО — арка тз деревянных планок, увитая вьющимися растениями.

БОБ — сухой одногнездный плод, вскрывающийся при созревании двумя створками.

БОКАГИ — низкоствольный лес или территория, окруженная живой изгородью и кустами.

БОРДЮР — линейное насаждение из травянистых или древесных растений высотой до 30 — 40 см.

БОСКЕТ — линейное садовое насаждение высотой до 2 — 3 м. из деревьев и кустарников, выдерживающих регулярную стрижку.

БОТАНИЧЕСКИЙ САД — сады, в которых с научной и учебной целью культивируются растения разных частей света и различных климатов.

БУТАФОРСКИЕ СООРУЖЕНИЯ — архитектурные декоративные строения, служащие в ландшафтном саду для привлечения внимания. Часто это готические здания, руины, экзотические павильоны, классические храмы или деревенские здания.

ВАЗОН — объемный элемент садового дизайна, декоративная емкость, имеющая вид корзины или вазы с крышкой или без нее.

ВЕГЕТАТИВНОЕ РАЗМНОЖЕНИЕ — размножение растений вегетативными органами или их частями.

ВЕНЧИК — часть околоцветника, состоящая из лепестков, обычно белых или цветных.

ВЕРАНДА — открытая или полуоткрытая пристройка к дому для летнего отдыха.

ВЕРТИКАЛЬНОЕ ОЗЕЛЕНЕНИЕ — способ размещения растений на опорах (стенах, решеиках, трельяжах, перголах).

ВЕЧНОЗЕЛЕНОЕ РАСТЕНИЕ — растение, сохраняюшее свою листву более года.

ВИД — совокупность сходных по строению особей, родственных по происхождению и комплексу наследственных признаков.

ВОДНЫЙ САД — композиция в саду регулярной или свободной планировки с использованием водной и приводной флоры.

«ВОДЯНАЯ ЦЕПОЧКА», «ВОДЯНАЯ ЛЕСТНИЦА» — водяной каскад, состоящий из плоских ступеней.

ВОДЯНОЙ ТЕАТР — комплексное, ступеньчатое размещение фонтанов с монументальными архитектурными элементами и статуями.

ВОЛЮТА — архитектурная деталь, украшение в виде завитка или спирали, заимствующее растительную стилистику.

ВЫГОНКА — ускорение роста растений за счет создания оптимального режима температуры или устранения света.

ВЫШИВНОЙ ПАРТЕР — узоры из низкой изгороди из стриженого самшита на партере регулярного сада, напоминающие по рисунку реально существовавший стиль вышивки гладью самого начала 17 века.

ГЕОМЕТРИЧЕСКИЙ САД — сад, разбитый по строго формальным принципам французской школы.

ГЕРМА — скульптурное изображение в виде бюста на высоком столбе или опоре. Распространенный в 18 веке элемент садового декора, берущий начало еще в античной Греции.

ГЛОРИЕТТА — храм славы. Небольшое парковое сооружение в форме открытого круглого колонного павильона. Обычно глориетта располагается на возвышенности или замыкает перспективу. Встречается во многих ландшафтных парках.

ГОЛОВКА — шаровидное соцветие из сидячих или почти сидячих на короткой оси цветков.

ГОРОДЧАТЫЙ КРАЙ — край листа с тупыми или закругленными зубцами и острыми выемками между ними.

ГОЛЛАНДСКИЙ СТИЛЬ — геометрический стиль в Нидерландах, который при Вильгельме Оранском получил распространение в Англии. При оформлении сада в голландском стиле доминируют подстриженные деревца, низкорослая живая изгородь и статуи.

ГОТИКА — средневековый стиль, типичные стрельчатые своды и зубчатые бойницы которого были модны в Англии 18 века. Готический стиль послужил основой для стиля псевдоготики, оказавшего большое влияние на облик европейских парков.

ГРОТ — естественная или искусственная пещера, часто украшенная статуями либо выложенная раковинами или зеркалами.

ГУМУС — органическое вещество почвы, образующееся из разложившихся растительных и животных остатков, придающее ей плодородие.

ГУСИНЫЕ ЛАПКИ — система планировки аллей во внешнем парке или садовой территории. Такие аллеи расходились в трех направлениях, пока не достигали полукруглой дорожки, гармонично оканчиваясь в определенном участке сада.

ДВАЖДЫПАЛЬЧАТЫЙ ЛИСТ — пальчатосложный с пальчатосложными сегментами.

ДВАЖДЫПЕРИСТЫЙ, ИЛИ ДВУПЕРИСТОСЛОЖНЫЙ ЛИСТ — перистосложный с черешочками, несущими перистосложные пластинки.

ДВУЛЕТНЕЕ РАСТЕНИЕ — растение, жизненный цикл которого протекает в течение двух лет, которое цветет и плодоносит только на второй год, после чего отмирает.

ДЕКОРАТИВНЫЕ ПАВИЛЬОНЫ — архитектурные сооружения, призванные оживить, дополнить или разнообразить пейзаж ландшафтного парка.

ДЕКОРАТИВНЫЙ САД — небольшой геометрический и зачастую сильно стилизованный сад.

ДЕНДРАРИЙ — ботанический сад, зона сада, в которой в научных целях культивируются экзотические растения.

ДЕТКИ — луковицы или клубнелуковицы, возникающие от материнских луковиц или клубнелуковиц и служащие для вегетативного размножения.

ЖИВАЯ ИЗГОРОДЬ — плотная посадка кустарников или деревьев в один или несколько рядов.

ЗАКАЛИВАНИЕ — постепенная подготовка выращиваемых в защищенном грунте растений к высадке в открытый грунт.

ЗАРОСШИЙ САД — парк, в котором растения высаживаются без всякой системы.

«ЗЕЛЕНЫЙ КОВЕР» — прямоугольная лужайка типичная для французских садов 17 века.

«ЗЕЛЕНАЯ ЧАША» — утопленный газон, часто расположенный на территории партера.

ЗЕРНОВКА — сухой односемянный невскрывающийся плод с пленчатым околоплодником, приросшим к семени.

ЗМЕИНЫЙ СТИЛЬ — стиль английского ландшафтного сада, названный так в связи с обычными для него петляющими круговыми и подъездными дорожками.

ЗОНТИК — соцветие из цветков или зонтичков на более или менее равных цветоножках, выходящих как бы из одной точки на конце побега.

ИТАЛЬЯНСКИЙ САД — сад, построенный на террасах в разных уровнях, подчинен пространственной оси, выраженной декоративными средствами.

КАБИНЕТ — овальное или прямоугольное пространство внутри рощи, часто окруженное стриженым кустарником.

КАМЕНИСТАЯ ГОРКА, КАМЕНИСТЫЙ САД, РОКАРИЙ — посадки среди камней, имитирующие горный ландшафт.

КАСКАД — парковое сооружение, искусственный ступенчатый водопад.

КВИНИКУНКС — расположение предметов по углам квадрата с пятым предметом посредине. В парках таким образом высаживали деревья.

КИСТЬ — соцветие, состоящее из оси, вдоль которой располагаются цветки на цветоножках, развивающиеся от основания оси к вершине.

КИТАЙСКИЙ ЛЕТНИЙ ДОМИК — особый вид малой архитектурной формы, беседка или павильон, предназначенный, как правило, для чаепития.

КИТАЙСКИЙ СТИЛЬ — использование мотивов и стилистических приемов средневекового китайского искусства в ландшафтном дизайне.

КЛУАТР — территория внутри рощи, пышно украшенная фонтанами, дорожками и бассейнами.

КЛУБЕНЬ — видоизмененный подземный побег растения с утолщенным стеблем и недоразвитыми сухими чешуями наверху.

КЛУБНЕЛУКОВИЦА — разросшаяся плотная часть основания стебля, с пленчатыми или кожистыми сухими чешуями наверху.

КЛУМБЫ В ВИДЕ СПИН КАРПА — земля в центре участка приподнимается, так что образует выступ.

КОЖИСТЫЙ ЛИСТ — сравнительно толстый, плотный и жесткий.

КОЛОС — соцветие из длинной оси с сидячими цветками или колосками вдоль нее.

КОЛЬЦЕВАЯ ДОРОЖКА — тропа или аллея, ведущая вокруг сада или парка. Особенно часто встречается в английском ландшафтном парке.

КОРЗИНКА — соцветие из плотно прилегающих цветков на блюдцеобразно расширенном ложе, окруженное оберткой из многих листочков.

КОРНЕВАЯ ШЕЙКА -место перехода корня в стебель.

КОРНЕВИЩЕ — видоизмененный многолетний побег, как правило подземный, служит для накопления питательных веществ, вегетативного возобновления и размножения.

КОРНЕОТПРЫСКОВЫЕ РАСТЕНИЯ — растения с придаточными почками на корнях, которые могут развиться в побег-отпрыск.

КОРОБОЧКА — сухой многосемянный вскрывающийся плод растений, образованный двумя или несколькими плодолистиками.

КОСТЯНКА — односемянный сочный, реже кожистый, плод с косточкой.

КРЫЛАТКА — сухой односемянный плод с крыловидными выростами.

КУНЫ — группы деревьев, высаженные на просторных лужайках в английском ландшафтном парке.

КУСТАРНИК — многолетнее древесное растение, не имеющее во взрослом состоянии главного ствола.

ЛАБИРИНТ — садовая затея в виде стриженых изгородей, меняющих направление,и проходов между ними с затруднительной ориентировкой.

ЛАНДШАФТНЫЙ ПАРК — парк со свободным решением расположения элементов планировки, близкой к природной.

ЛАНЦЕТНЫЙ ЛИСТ — лист, ширина которого меньше его длины в 3 — 4 раза, с заостренными верхушкой и основанием.

ЛИСТОВКА — многосемянный сухой одногнездный плод, вскрывающийся одной продольной щелью.

ЛУКОВИЦА — побег, состоящий из укороченного широкого стебля и видоизмененных листьев — мясистых чешуй, запасающих воду и питательные вещества.

ЛУКОВИЧКА-ДЕТКА — небольшая луковичка, образующаяся у основания родительской луковицы.

МАВРИТАНСКИЙ ГАЗОН — травянистый покров с красиво цветущими яркими цветами.

МАНЬЕРИЗМ — в садово-парковой архитектуре проявляется в использовании гротов и бассейнов, а также «театральных» и часто очень чувственных скульптур.

МЕТЕЛКА — тип соцветия-разветвленная кисть.

МНОГОКОСТЯНКА — плод, состоящий из нескольких костянок.

МНОГОЛЕТНЕЕ РАСТЕНИЕ — растение, жизненный цикл которого продолжается более трех сезонов.

МОНАСТЫРСКИЙ САД — складывается из различных мелких садиков: сад лекарственных трав, огород, кладбищенский сад и клуатр.

МУЛЬЧА — искусственная защита почвы от промерзания, иссушения,сорняков и др. и виде слоя торфа, соломы, листьев или пленки.

МУТОВКА — расположение листьев и ветвей по три и больше на одном узле.

ОБЕЛИСК — декоративный вертикальный элемент садовых композиций, суживающийся кверху; известен еще со времен Древнего Египта.

ОКОЛОЦВЕТНИК -совокупность листочков в цветке, окружающих тычинки и пестики; бывает простым и двойным.

ОДНОЛЕТНЕЕ РАСТЕНИЕ — растение, завершающее цикл развития от семени до семени за один год, после чего отмирающее.

ОРАНЖЕРЕЯ — парковое сооружение с искусственно поддерживаемым климатом для выращивания экзотических растений и их экспонирования.

ОРАНЖЕРЕЙНЫЙ ПАРТЕР — комплекс клумб или газон перед оранжереей.

ОТПРЫСК — побег, развивающийся из почки, которая находится на стебле, корне или корневище.

ПАЗУХА — угол между стеблем и листом или стеблем и боковым побегом.

ПАЛЬЧАТЫЙ ЛИСТ — лист, напоминающий кисть руки.

ПАРНОПЕРИСТЫЙ ЛИСТ — со всеми парными листочками, без одиночного на конце.

ПАРТЕР — длинная ровная терраса около дома, украшенная орнаментальными клумбами.

ПАТИО — внутренний двор, полностью или частично замощенный и покрытый зеленью.

ПЕРГОЛА — открытая арочная конструкция из металла или дерева, покрытая вьющимися растениями и образующая крытый проход.

ПЕРЕГНОЙ — полностью разложившийся навоз или другие органические остатки.

ПЕСТИК — центральный орган цветка, состоящий из завязи, столбика и рыльца.

ПИКИРОВКА — пересадка молодых сеянцев в горшки или грунт.

ПОДПОРНАЯ СТЕНА — конструктивный элемент решения вертикальной планировки участка, часто включает в себя лестницы, пандусы и парапеты.

ПОЛУКУСТАРНИК — жизненная форма растений: нижняя часть побегов многолетняя, верхняя отмирает каждый год.

ПОЧАТОК — соцветие с сидячими цветками и утолщенной осью.

ПОЧВОПОКРОВНОЕ РАСТЕНИЕ — растение, стебли которого разрастаются по поверхности почвы.

ПРИВИВКА — способ размножения, при котором отрезок побега или почку одного растения пересаживают на корневую систему или стебель другого.

ПРИДАТОЧНЫЙ КОРЕНЬ -корень, возникший не на корне, а на стебле, луковице, клубне, корневище или листе.

ПРИСТАНОВОЧНАЯ КУЛЬТУРА — выращивание в течение теплой части года теплолюбивых растений в кадках под открытым небом, в так называемой летней расстановке.

ПРИЩИПКА — удаление пальцами точки роста на побеге для прекращения его дальнейшего роста и ускорения образования боковых побегов.

ПРОСТОЙ ЛИСТ — цельный.

РАБАТКА — низкая грядка вдоль лужайки,стены или живой изгороди, засаженная цветами или кустарниками.

РАЗДЕЛЬНЫЙ ЛИСТ — лист ,надрезанный глубже 1/2 ширины, от края до середины жилки.

РЕГУЛЯРНЫЙ САД — хорошо структурированный сад, в котором все упорядочено, в котором во всем чувствуется присутствие человека и видны результаты его мысли и труда.

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

РОД — в ботанической классификации группа близких по происхождению видов растений.

РОЗЕТКА — группа листьев, скрученно расположенных на надземном или подземном стебле, с укороченными междоузлиями, часто звездчато-распростертых.

РОКОКО — в саду, типичном для этого стиля,находятся фигурки ангелочков,многоцветные статуи, вьющиеся дорожки и пруды причудливых форм, освещенные гроты и красиво оформленные скамейки для сиденья.

САД ЛЕКАРСТВЕННЫХ ТРАВ, ИЛИ АПТЕКАРСКИЙ — такие сады обустраивались в средневековых монастырях. Среди обязательных трав там высаживали шалфей, руту, тмин и любисток.

САДОВЫЙ КАРКАС ДЛЯ СКУЛЬПТУРЫ — несущая конструктивная основа для формирования определенных параметров того или иного растительного объекта.

САДОВЫЕ КОМНАТЫ — небольшие, по большей части прямоугольные или иной геометрической формы пространства сада, ограниченные живыми изгородями,кулисами из деревьев и кустарников или трельяжей, увитых лианами.

САДОВЫЙ КОМПОСТ — удобрение, получаемое в результате разложения различных органических веществ под влиянием деятельности микроорганизмов.

СЕКЦИЯ — большая клумба с симметричным орнаментом из цветов или низкого кустарника.

СЕМЯНКА — сухой односемянный невскрывающийся плод с кожистым околоплодником, не приросшим к семени.

СЛОЖНОЕ СОЦВЕТИЕ — соцветие, состоящее из простых соцветий.

СОЛИТЕРЫ — СОЛИТЕРНЫЕ РАСТЕНИЯ — отдельно растущие растения, используемые для придания высоты или контраста посадкам.

СОРТ — совокупность сходных по своим признакам растений одной культуры, созданные а результате селекции и обладающая определенными, передающимися по насдедству качествами.

СОРУС — кучка спорангиев на нижней стороне листьев папоротников.

СПОРА — специальная клетка, служащая для бесполого размножения.

СТРАТИФИКАЦИЯ — хранение семян во влажном песке при температуре от 0 до +6С.

СТРЕЛКА — лишенный нормальных листьев цветоносный побег, листья только у основания.

СТРЕЛКОВАНИЕ — преждевременное образование цветков и семян.

СУККУЛЕНТ — растение с сочными, толстыми надземными побегами и листьями.

СУПРОТИВНЫЕ ЛИСТЬЯ — листья, расположенные попарно, на одном узле.

ТЕНИСТЫЙ САД — сад, который предполагает использование теневыносливых и влаголюбивых растений, типичных для приграничного с лесом участка.

ТОПИАРНОЕ ИСКУССТВО — фигурная стрижка деревьев, придание растениям, хорошо переносящим стрижку, геометрических или скульптурных фигур.

ТРАВЯНИСТЫЕ РАСТЕНИЯ — растения,с неодревесневающими надземными побегами.

ТРАНСПИРАЦИЯ — выделение растением паров воды.

ТЫЧИНКА — мужской, образующий пыльцу, орган цветка.

УЗЛОВОЙ ПАРТЕР — вид садового партера со сложным рисунком, чаще всего составленным из низкорослого самшита.

УСИК — видоизменение побега или листа, прикрепляющее растение к опоре, завивающееся или с присоской на конце.

УСЫ — тонкие ползучие побеги, в узлах укореняющиеся и образующие розетки, после чего быстро отмирающие.

ФЕНОЛОГИЯ — изучение фаз сезонного развития.

«ХА! ХА!», или «АХ! АХ!» -спрятанная в специальном углублении внешняя ограда парка, не видимая с дороги.

ЦВЕТОНОС — безлистный цветоносный участок побега, в остальной части облиственного.

ЦЕЛЬНЫЙ ЛИСТ — простой лист без вырезов по краю или с вырезами, но не глубже 1/8 ширины листа.

ЧАШЕЛИСТИК — листочек чашечки, обычно зеленый.

ЧАШЕЧКА — наружный круг покровов цветка.

ЧЕРЕНОК -отрезок стебля, корня или листа, используемый при вегетативном размножении растений.

ЧЕРЕШОК — стеблевидная часть листа.

ЧЕХОЛ -обертка, полностью закрывающая молодое нераспустившееся соцветие.

ШПАЛЕРА — установленное вдоль ряда растений сооружение из столбов и натянутый проволок для подвязки растений или их ветвей с целью удержания в заданном положении.

ШПАЛЕРНАЯ ФОРМА РОСТА — стебель и ветви прижаты к земле, но не укореняются.

ШПОРА — трубчатый вырост, например, листочка околоцветника.

ЩИТОК — тип соцветия, в котором нижние цветоножки длиннее верхних, вследствие чего все цветки располагаются почти в одной плоскости, подобно зонтику.

ЭНДЕМ — вид растений, обитающих в ограниченной местности.

ЭРМИТАЖ — огороженная, скрытая территория в барочном парке.

ЭСПЛАНДА — очень широкая прогулочная аллея, типичная для французских садов.

ЭФЕМЕР — однолетник, успевающий пройти весь цикл развития в течение нескольких недель.

ЭФЕМЕРОИД — многолетник с очень коротким периодом вегетации.

ЯПОНСКИЙ САД — миниатюрный искусственно созданный пейзаж, состоящий из камней, воды и холмов и образуюший модель мира, характерную для восточного менталитета.

Графический дизайн — справочник, словарь терминов

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

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

Абрис

Контур, очертание предмета. Линия, показывающая форму какого-либо объекта. Чёткость, простота, наглядость узнаваемость и высокая читабельность делают абрис главным элементом и отличительной чертой грамотно сделанного логотипа.

Градиент

В графике — плавный переход от одного цвета к другому, изменение яркости и насыщенности основного цвета или — прозрачности изображения на переднем фоне графической композиции. В русифицированных версиях некоторых графических редакторов (Photosohp, Illustrator…), как в классической живописи и графике, часто используется термин «растушёвка».
С технической точки зрения, градиентом правильно называть направление (вектор) изменения какой-либо величины. В нашем случае: цвет, насыщенность, плотность, степень прозрачности…

Инверсия

Лат. inversio — перестановка, переворот.
Буквально, замена белого чёрным. В дизайне означает рисование «белым по чёрному», изображение изначально тёмных элементов в светлом исполнении на тёмном фоне.
В фотографии такое изображение называют «негатив«, а в полиграфическом производстве — «выворотка».

Коллаж

Фр. coller — приклеивание.
В любом творческом процессе — соединение вместе различных по структуре и происхождению объектов, образов…
В дизайне и прикладном искусстве — приём, заключающийся в соединении, наклеивании на подложку предметов и материалов, отличающихся по цвету и фактуре.

Логотип

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

Лигатура

Знак, графический элемент, создаваемый путём объединения фрагментов двух или нескольких букв (литер) в единую композицию.

Символ

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

Монохром / Монохромная фотография, иллюстрация

В переводе с греческого — одноцветный.
Однокрасочное изображение, состоящее из оттенков любого цвета, и воспроизводимое средствами полиграфии в одну краску. Классическим примером монохромного изображения является чёрно-беляя фотография.
Если этот цвет чёрный, получится, как в старом кино — 50 оттенков серого…), только вместо серого может быть любой цвет…

Инфографика

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

Цветовая модель

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

Применительно к компьютерной графике, дизайну и техническим средствам воспроизведения различных цветов на компьютерных мониторах (планшетах, мартфонах) или в полиграфии, сегодня основными цветовыми моделями являются RGB и CMYK

CMYK

Цветовая модель, основанная на описании любого цвета, как результата смешения (наложения) трёх основных светов (голубой, пурпурный, жёлтый) с дополнительным чёрным:
Cyan — голубой Magenta — пурпурный Yellow — жёлтый Key / Black — чёрный

Цветовая модель CMYK используется для описания и формирования цветов в полиграфическом производстве. Именно для получения глубокого чёрного света к основной триаде добавлена «ключевая» чёрная краска…

RGB

Цветовая модель, основанная на описании всех цветов спектра в виде комбинации трёх основных цветов:
Red — красный Green — зелёный Blue — синий

Нулевое значение (отсутствие сигнала) по трём основным каналам определяет абсолютно чёрный цвет. Максимальное смешение основных цветов даёт абсолютно белый.

Все экраны телевизоров и компьютерные мониторы сегодня воспроизводят цвет, используя модель RGB, или её продвинутую модификацию sRGB.

Графический дизайн, логотипы, элементы фирменного стиля из портфолио студии:

Термины на тему «Дизайн» — Маркетинг в интернете, Д.Разахацкий

Об автореМои планы

Дмитрий Разахацкий, Минск, Беларусь. Интернет-маркетолог, консультант, преподаватель. Мои интересы: маркетинг, seo, интернет-магазины, веб-журналистика. Подробнее

Впереди: веду курсы seo на manager.by; пишу книгу про интернет-маркетинг.

Позади:
читаю лекции в БГУ по понедельникам и средам
11.08 — интервью для БТ о белорусских интернет-магазинах
11-12.06 — участие в тренинге «Ораторское мастерство»
9-04 — лекция на журфаке БГУ: «Онлайн видео-маркетинг»
Приглашайте!

Статьи

СтатьиВыберите рубрикуE-shops (115) Бизнес-процессы (47) 01 Поставщики, ассортимент (3) 02 Доставка, логистика (12) 03 Управление контентом (7) 04 Служба поддержки, call-центр (5) 05 Платежные системы (19) Модели заработка (14) Аукционы (3) Коллективные покупки, скидочные сервисы (4) Магазин 1 товара (1) Оптимизация налогов (4) Партнерские программы (1) Открытие магазина (43) 01 Анализ рынка, конкуренты (17) 02 Название, регистрация (17) 03 Хостинг и технические нюансы (2) 04 Идеи развития (7) Удержание клиентов (11) 01 Конверсия (1) 02 Мерчендайзинг, скидки, программы лояльности (4) 04 Дизайн, юзабилити (5)E-Маркетинг (141) PPC, контекстная реклама (16) PR — как шумно в этом слове!.. (21) Тролли, боты, фейки и др. (14) SEO (60) SMM, соцсети (21) Баннеры (3) Видео маркетинг (7) Исследования (3) Контент-маркетинг (2) Нестандарт (3) Почтовые рассылки, e-mail маркетинг (2) Прайс-порталы (14)E-Менеджмент (73) HR и люди-человеки (10) Истории успеха (12) Проектный менеджмент (7) Фанки бизнес (1) Этика бизнеса и ее отсутствие (43)Гео Нюансы (124) Аналитика (13) Байнет (47) Буржунет (32) Рунет (39)Дневники (19) Рабочие вехи (7) Рецензии (2) Я — потребитель (9)Медиа-менеджмент, веб-сми (27) Блоги (16) Вордпресс (1) Живой журнал (5) Монетизация (7)Сайтостроение (5) Веб-дизайн (2) Юзабилити (3)Семинары (6) Анонсы (5) Отчеты (1)

Лайфхаки и разные цитаты

Фото дня

Вода глупая — она попадает в желудок. А сироп от кашля умный — он попадает прямо в легкие…

99 важных дизайнерских слов, которые вы должны знать

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

Ознакомьтесь с этими условиями проектирования. Изучите их. Запомните их. Э … Слишком много работы. Просто добавьте эту страницу в закладки и используйте ее в качестве шпаргалки по дизайну. Вот самые важные слова для описания дизайна, которые вам следует знать:

Дизайн: композиция, баланс, близость, выравнивание, повторение, контраст, пустое пространство, иерархия
Фотографии и иллюстрации: разрешение , DPI, PPI, обрезка, обрезка, пиксели, кадрирование, исходное фото
Типографика: с засечками, без засечек, скрипт, восходящий, базовый, нисходящий, кернинг, интерлиньяж, трекинг, толщина
Цвет: оттенок, оттенок, тон, оттенок, насыщенность, монохроматический, аналогичный, дополнительный, триадный, непрозрачность, CMYK, RGB
Элементы веб-сайта: заголовок, панель навигации, навигационная цепочка, целевая страница, HTML, пользовательский интерфейс, каркас
Форматы файлов: AI, EPS, PDF, GIF, JPEG, PNG, PSD, TIFF
Типы логотипов: абстрактный знак, эмблема, буквенный знак, графический знак, талисман, словесный знак

Конструкция

— Разработано robbyprada

Состав и расположение

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

Весы

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

Асимметрично сбалансированный логотип от artsigma

Симметричный

Симметрия достигается, когда все элементы дизайна равны по обе стороны от центральной линии

Асимметричный

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

Радиальный

Радиальная конструкция — это конструкция, в которой элементы исходят из центральной точки, создавая баланс.

Близость

Способ, которым элементы дизайна сгруппированы или разнесены на странице, называется близостью. Отличный дизайн объединяет элементы вместе.

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

Выравнивание — это положение текста или графики по левому, правому краю, по центру или по ширине.

Повторение

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

Контраст

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

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

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

Правило третей

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

Сетка

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

Иерархия

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

Масштаб

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

Эскиз эскиза

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

Макет

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

Фотография и искусство

—

Разрешение

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

точек на дюйм

DPI означает «точек на дюйм», который является мерой качества принтера. Для высококачественной печати рекомендуется 300 точек на дюйм.Например, изображение с разрешением 300 точек на дюйм и размером 1200 × 1800 пикселей станет отпечатком размером 4 × 6 дюймов.

пикселей на дюйм

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

Прокачка

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

Накладка

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

пикселей

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

Урожай

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

Стоковое фото / art

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

Типографика

—

Типы шрифтов

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

Serif

Засечки — это маленькие линии и крючки в конце штрихов некоторых букв.

Без засечек

Sans означает «без». Шрифт без засечек не имеет засечек.

Скрипт

В шрифтах

Script используется плавный курсив.

Slab serif

Slab serif отличается толстыми, блочными засечками.

Детали типа

Все шрифты состоят из одних и тех же основных компонентов.

Восходящее устройство

Верхний элемент — это часть строчной буквы, которая возвышается над основной частью буквы.Думайте «б» или «з».

Базовый

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

Устройство для спуска

Нисходящий элемент — это часть строчной буквы, которая спускается ниже основной части буквы. Думайте «г» или «р».

Среднее значение / высота по x

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

Расстояние между шрифтами

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

Кернинг

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

Ведущий

Произносится «ledding», интерлиньяж (также известный как высота строки) — это расстояние между двумя строками текста.

Отслеживание

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

Корпус

Обычно символы доступны в двух формах.

Прописные

Большие заглавные буквы шрифта пишутся прописными. Мама также использует их, чтобы случайно НАКРИЧАТЬ НА ВАС, КОГДА ОНА СЕТИТ ВАМ.

Строчные

Строчные буквы относятся к строчным буквам гарнитуры.

Капсюли

Строчные или прописные буквы — это прописные буквы, которые имеют ту же высоту, что и строчные буквы.Они используются, чтобы слова, написанные с заглавной буквы, не появлялись на странице слишком большими. Хотите пример? Откройте любую книгу и посмотрите первые слова главы.

Стиль шрифта

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

Размер точки

Размер шрифта — это размер текста. В одном дюйме примерно 72 (72,272) точки.

Толщина шрифта

Толщина шрифта определяет жирность шрифта.

Курсив

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

Вдовы и сироты

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

Lorem ipsum

Lorem ipsum (также известный как фиктивный текст) используется в качестве заполнителя, который позже будет заменен фактической копией.Текст Lorem ipsum взят из книги «Крайности добра и зла», написанной Цицероном в 45 г. до н. Э.

Цвет

—

Теория цвета

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

Оттенок, оттенок, тон и оттенок

Оттенок — чистый цвет. Оттенок — это оттенок с добавлением белого цвета. Тон — это оттенок с добавлением серого. Тень — это оттенок с добавлением черного.

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

Насыщенность определяется интенсивностью цвета.

Поддон

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

Теплые и холодные тона

Теплые цвета можно найти на одной половине цветового круга (красный, оранжевый, желтый и розовый). Вторую половину занимают холодные цвета (синий, зеленый и пурпурный).

Монохромный

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

Оттенки серого

Монохромная цветовая палитра, основанная на сером, называется оттенками серого.

Аналог

Цвета, которые соседствуют друг с другом на цветовом круге (т.е. красный фиолетовый, красный и красно-оранжевый) аналогичны.

Дополнительные

Дополнительные цвета — это противоположности на цветовом круге. Эти отношения вызовут визуальное напряжение и «шок».

Triadic

Триадные цвета — это три цвета, равномерно распределенные на цветовом круге. Один цвет доминирует, второй поддерживает, а третий расставляет акценты.

Градиент

Градиент — это постепенное изменение одного цвета на другой. (Например, синий постепенно переходит в зеленый).

Непрозрачность

Непрозрачность — синоним непрозрачности. Чем прозрачнее изображение, тем меньше его непрозрачность.

CMYK

CMYK — это четырехцветная печать, состоящая из голубого, пурпурного, желтого и основного (черного) цветов. Цвета CMYK при печати никогда не будут такими яркими, как цвета RGB на экране, потому что CMYK создает цвет, складывая цвета вместе (делая изображения темнее), в то время как цвета RGB исходят из света.

RGB

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

Pantone

Разработанная Pantone Corporation, профессиональной цветовой компанией, Pantone представляет собой наиболее широко используемую запатентованную цветовую систему для смешивания цветов. Система включает цвета, которые нельзя смешивать в CMYK.

Интернет и цифровой

—

Элементы веб-страницы

Большинство дизайнов веб-страниц включают комбинацию этих элементов.

Заголовок

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

Навигация и панель навигации

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

Тропа из хлебных крошек

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

Основной текст

Основной текст — это основное письменное содержание страницы.

Ссылки

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

Боковая панель

Боковая панель — это левый или правый столбец страницы, обычно используемый либо для вертикальных навигационных ссылок, либо для рекламы. Он также может содержать поиск по сайту, ссылки для подписки (RSS, информационные бюллетени и т. Д.) Или кнопки социальных сетей.

Баннер

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

Нижний колонтитул

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

HTML

HTML означает язык разметки гипертекста. Это стандартный язык программирования для веб-сайтов, который создает все шрифты, цвета, графику и ссылки, которые вы видите в Интернете.

Целевая страница

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

Пользовательский интерфейс (UI)

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

Каркас

Базовые изображения, отображающие основные функции веб-сайта, называются каркасами. Дизайнеры используют каркасы, чтобы показать, как работает страница или сайт.

Форматы файлов изображений

—

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

Векторная графика

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

AI

AI означает документ Adobe Illustrator. Это формат файла, разработанный Adobe Systems для представления одностраничных векторных изображений.

EPS

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

PDF

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

Растровая графика

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

GIF

GIF или Graphics Interchange Format — это формат растрового файла, поддерживающий анимацию и прозрачность.GIF-файлы могут отображать не более 256 цветов, что позволяет создавать файлы очень небольшого размера. (PS: по словам создателя GIF Стива Уилхайта, оно произносится как «JIF» в отличие от широко распространенного произношения «GIF».)

JPEG

Joint Photographic Experts Group также известен как JPEG, наиболее широко используемый тип растрового файла для веб-дизайна. JPEG — это сжатые файлы, которые загружаются быстро. Обычно они используются в электронных письмах, рекламных баннерах, фотографиях в Интернете и во всем остальном в Интернете.В отличие от GIF, у них не может быть прозрачного фона (белый фон будет добавлен автоматически).

PNG

PNG означает Portable Network Graphics, веб-формат, не теряющий качества при сжатии. Файлы PNG были созданы для улучшения качества файлов GIF.

PSD

PSD или Photoshop Document — это несжатый файл рабочего растрового изображения, созданный дизайнерами в Adobe Photoshop.

TIFF

TIFF расшифровывается как Tagged Image File Format, общий формат для обмена растровыми изображениями между приложениями.TIFF обеспечивает более высокое качество изображения, чем JPEG или PNG, и широко используется в издательской сфере и фотографами. Не путайте это с «размолвками» или «разногласиями», которые случаются, когда вы отправляете своему дизайнеру восемь раундов исправлений.

Типы логотипов

—

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

Дизайн логотипа Emblem от Neatlines для Palouse PintLettermark, дизайн логотипа arkum

Абстрактный знак

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

Эмблема

В логотипах

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

Lettermark

Логотипы

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

Дизайн логотипа Wordmark от nnorth

Изображение или символ

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

Талисман

Логотипы талисмана

полагаются на персонажа или представителя бренда для представления бизнеса. Известные талисманы включают полковника Сандерса, Человека-кулака и мистера Ф.Арахис.

Wordmark

Словесный знак основан на индивидуальной типографской обработке текста для иллюстрации бренда. Подумайте о VISA, Google или Coca-Cola.

Нужна работа над графическим дизайном?

Наши дизайнеры могут создать что угодно!

—

Эта статья была первоначально написана Алексом Бигманом и опубликована в 2014 году. Текущая версия была дополнена новой информацией и примерами.

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

Рисунки: Саманта Пирес / My Modern Met

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

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

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

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

Центровка / Выравнивание

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

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

Аналог

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

Восходящее / спусковое устройство

Ascender и descender — это термины, используемые для описания определенных элементов букв. Сначала нам нужно понять, что высота буквы x — это высота строчной буквы x. Восходящий элемент — это все, что находится выше этой высоты, например верхняя часть буквы «т». Нижний элемент — это любой элемент, который находится ниже этой высоты, например, нижняя часть буквы «p».”

Соотношение сторон

Рисунки: Саманта Пирес / My Modern Met

Соотношение сторон — это просто количественное отношение его ширины к его высоте. Соотношения сторон обычно определяются общими типами мультимедиа. Например, обычное соотношение сторон для смартфонов — 16: 9, а стандартное соотношение сторон для цифровых зеркальных фотоаппаратов — 3: 2.

Выпускной

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

CMYK

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

Теория цвета

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

Дополнительный

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

Состав

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

Контрастность

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

Дебоссинг / тиснение

Рисунки: Саманта Пирес / My Modern Met

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

DPI / PPI

PPI, или пикселей на дюйм , и DPI, или точек на дюйм — это единицы измерения, которые определяют количество пикселей или точек на одном дюйме. Чем выше это число, тем лучше разрешение работы.

фольгирование

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

Шрифт

Шрифт относится к вариациям, которые возможны с гарнитурой. Например, Times New Roman Bold или Times New Roman 10 pt (относится к размеру текста) — это два разных шрифта. Шрифт tern часто путают с термином , гарнитура , который также определен в этом списке.

Золотое сечение

Рисунки: Саманта Пирес / My Modern Met

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

Градиент

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

Сетка

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

Шестнадцатеричный код

Шестнадцатеричные коды — это метод определения определенных цветов. Эти шестизначные коды используются во многих форматах, включая HTML и CSS. Они также связаны с другим термином в этом списке, RGB . Первые две цифры в шестнадцатеричном коде относятся к количеству красного в цвете, следующие две цифры определяют количество зеленого, а последние две цифры определяют количество синего.

Иерархия

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

оттенок

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

Кернинг

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

Ведущий

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

Lorem Ipsum

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

Маржа

Рисунки: Саманта Пирес / My Modern Met

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

Макет

Макет — это черновик проекта или работы, которые помогают другим понять его. Макеты могут быть печатными или цифровыми.

Монохромный

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

Доска настроения

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

Непрозрачность

Непрозрачность означает прозрачность изображения или объекта в графическом дизайне.

Сирота / вдова

Рисунки: Саманта Пирес / My Modern Met

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

Надпечатка

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

Поддон

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

Растр

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

Разрешение

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

RGB

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

Правило третей

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

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

Насыщенность — это общий термин, используемый для описания цветов. Насыщенность характеризует интенсивность и яркость оттенка.

Serif / Sans Serif

Рисунки: Саманта Пирес / My Modern Met

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

Sans serif просто относится к тексту без засечек.

Оттенок

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

Руководство по стилю / фирменный пакет

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

Образец

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

Тонировка

Подобно тому, как создается оттенок цвета, оттенок — это когда белый добавляется к цвету, что делает оттенок светлее.

Тон

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

Отслеживание

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

Триадический

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

Гарнитура

Гарнитура относится к шрифтовому дизайну и включает все варианты этого дизайна. Например, Times New Roman — известный шрифт. Термин гарнитура часто путают с термином font , который также определен в этом списке.

Типографика

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

Вектор

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

Масса

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

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

Рисунки: Саманта Пирес / My Modern Met

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

Высота по оси X

Для x-height определение в значительной степени прямо в названии.Для любого шрифта высота x означает высоту строчной буквы «x». Хотя это может показаться излишне конкретным, его важно понимать, потому что этот параметр помогает определить, насколько разборчивым является шрифт.

Статьи по теме:

100 архитектурных терминов, которые помогут вам лучше описать здания

Графический дизайнер создает более 1200 минималистских плакатов к фильмам

Графический дизайнер переосмысливает культовые логотипы в эпоху коронавируса

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

200+ плакатов Золотого века графического дизайна теперь можно загрузить бесплатно

130 Общие термины проектирования, которые необходимо знать.Если вы входите в мир дизайна или… | Кэсси Феррик | QuarkWorks, Inc.

A / B-тестирование

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

Специальные возможности

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

Adaptive

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

Affordance

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

Ajax

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

Выравнивания

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

Аналог

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

Текст привязки

Текст, связанный с сайтом и обычно используемый для SEO (поисковой оптимизации).

Анимация

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

Ascender

Ascender — это вертикальные восходящие штрихи, которые возвышаются над высотой по оси x.Например, буквы h , b и d .

Соотношение сторон

Это пропорциональное соотношение между шириной и высотой изображения или Ш: В. Например, квадратный прямоугольник будет иметь соотношение сторон 1: 1.

Аватар

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

Баланс

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

Baselinegrid

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

Внизу сгиба

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

Body Copy

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

Размытие

Создание мягкого или размытого эффекта вокруг изображения.

Торговая марка

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

Высота заглавной буквы

Вернемся к нашему другу, базовая линия — высота заглавной буквы — это высота верхней части заглавной буквы любого заданного шрифта над базовой линией. Высота заглавной буквы относится к буквам с плоским верхом, например H и I . Круглые буквы, такие как O , и заостренные, например, A , могут выступать над высотой заглавной буквы в их верхнем регистре.

Пример из практики

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

Дополнительные

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

Сжатие

Сжатие — это минимизация размера байтов в графическом файле без ущерба для качества изображения или написанного текста.

Контрастность

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

Теория цвета

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

Копия

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

Обрезка

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

CSS

CSS (каскадные таблицы стилей) описывает, как должен быть построен HTML. CSS гарантирует, что разработчики будут иметь чистый, организованный и единообразный вид своих страниц.После того, как стиль будет создан, его можно будет воспроизвести на всех других страницах, что значительно упростит согласованность.

Долг

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

Descender

Descender — это часть буквы, которая спускается ниже базовой линии этого конкретного символа.Обычно вы видите это с буквами: g, y , q и p .

Display Typeface

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

DPI

точек на дюйм (DPI) — это количество точек на квадратный дюйм в цифровом дизайне или печати. В зависимости от плотности точек на изображении оно может иметь более высокое или более низкое разрешение просмотра.

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

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

Элементы

Элементы — это то, что составляет изображение, например, размер, цвет, форма, текстура, положение, плотность и направление — все это компоненты, составляющие объект.

Конечный пользователь

Человек, для которого вы разрабатываете конечный продукт.

EPS

EPS (сокращение от Encapsulated PostScript) используется, когда вы хотите напечатать иллюстрации с высоким разрешением. Файлы EPS обычно создаются в Adobe Illustrator.

Отслеживание взгляда

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

Растушевка

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

Figma App

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

Плоский

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

Блок-схема

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

Шрифт

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

Геймификация

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

Золотое сечение

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

GIF

GIF (формат обмена графическими данными) представляет собой анимированное изображение.

Градиент

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

Сетка

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

GUI

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

Hex

Шестизначный код, используемый для представления определенного цвета. Например, черный имеет шестнадцатеричный код 000000, а белый — шестнадцатеричный код FFFFFF.Они обычно используются в Sketch и Figma при проектировании.

Иерархия

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

Оттенок

Оттенок — это чистый цвет. По сути, это просто описание цвета. Желтый, синий и оранжевый — разные оттенки.

High Fidelities

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

Значок

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

iOS

Мобильная операционная система, созданная Apple.

Итерация

Итерация в дизайне — это когда вы постоянно изменяете, тестируете и повторяете конкретный макет дизайна до тех пор, пока он не станет понятным для пользователя.

JPEG

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

Кернинг

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

Knolling

Knolling — это когда вы располагаете объекты так, чтобы они располагались под углом 90 градусов или были параллельны друг другу.

Целевая страница

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

Интерлиньяж

Высота строки или интервал между двумя строками текста.

Логотип

Символ или изображение, созданное для представления или продвижения вашего бизнеса.

Logo Mark

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

Lorum Ipsum

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

С потерями

При сжатии изображения теряется часть качества, что называется потерями.

Навигация / Меню

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

Поля

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

Микрокопия

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

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

Средняя линия — это воображаемая линия, на которой останавливаются все не восходящие буквы.

Mockup

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

Монохромный

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

Моноширинный

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

Moodboard

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

MVP

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

Непрозрачность

Часто называемое «прозрачностью» — это количество света, которое вы пропускаете через объект. Регулировка непрозрачности позволяет вам плавно переходить, смешивать, осветлять или накладывать слой внутри элемента.

Открытый исходный код

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

Открытый тип

Межплатформенный файл шрифта, в котором шрифты масштабируются.

Сирота

Отдельная строка или буква, стоящая сама по себе в конце абзаца, страницы или столбца.

Палитра

В дизайне это определенный диапазон цветов, который вы будете использовать для веб-сайта или приложения.

Pantone

Система соответствия Pantone — это стандартизированная цветовая схема, используемая для печати и графического дизайна. Он используется в ряде других отраслей, включая дизайн и производство товаров и одежды. У каждого цвета есть свой индивидуальный номер и название.

PDF

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

Персона

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

Persona Mapping

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

Пиксель

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

Плагин

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

PNG

PNG означает Portable Network Graphics и представляет собой сжатый растровый графический формат.Он используется в Интернете, а также является популярным выбором для графики приложений.

PPI

Pixels Per Inch (PPI) используется для описания плотности пикселей между изображениями на экране.

Прототип

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

Близость

Как объекты сгруппированы или расположены на странице.Связанные друг с другом изображения будут ближе друг к другу, а несвязанные — дальше друг от друга.

QA

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

Растр

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

Разрешение

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

Отзывчивый

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

RGB

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

Правило третей

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

Sans-Serif

Sans означает «без», а шрифт без засечек не имеет засечек или крючков в конце некоторых букв.

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

Интенсивность цвета.

Script

Гарнитуры Script — это шрифты или шрифты, основанные на исторических или современных стилях почерка и более гибкие, чем традиционные гарнитуры.

Масштаб

Относится к относительному размеру элемента дизайна по сравнению с другим.

Засечки

Засечки — это крошечные линии и крючки на концах штрихов некоторых букв алфавита.

Набросок

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

Skeuomorphism

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

Slab-Serif

Slab serif обозначаются толстыми блочными засечками.

Sprint

Sprint — основная особенность Scrum / Agile framework.Спринты — это короткие периоды времени, в течение которых скрам-команда должна выполнить цели к концу спринта. Обычно они длятся не более нескольких недель и выполняются поэтапно, например: планирование, проектирование, разработка, внедрение, тестирование, развертывание, затем проверка и повторение.

Шток

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

Stock Photo

Место, где вы можете найти лицензионные изображения для массового использования при разработке веб-сайтов, блогов, мобильных приложений и т. Д.Если у вас нет фотографа, популярные сайты для стоковых фотографий — Unsplash, Pixabay и Pexels.

Раскадровка

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

Обводка

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

Руководство по стилю

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

SVG

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

Симметрия

Симметрия означает ощущение гармоничного баланса и пропорции общего дизайна при просмотре.

Шаблон

Шаблон — это набор согласованных дизайнов.При разработке веб-сайта вы хотите, чтобы все оставалось на бренде, а шаблоны создают для этого место.

Текстура

Поверхность, характерная для определенного рисунка, например гладкая или шероховатая.

Миниатюра

Уменьшенное изображение объекта, чтобы дать возможность человеку, просматривающему дизайн, быстро представить.

Эскиз миниатюр

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

Оттенок

Более светлая или более темная версия определенного цвета.

Отслеживание

Отслеживание — это когда вы ослабляете или сужаете выбранный набор текста.

Triadic

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

Гарнитура

Набор символов, таких как буквы и цифры, которые имеют одинаковый дизайн.

Типографика

Это искусство объединения групп букв, цифр и символов с одинаковым шрифтом во что-то приятное для глаз.

UI

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

Удобство использования

Здесь вы принимаете во внимание, как пользователь взаимодействует с определенным дизайном. Является ли приложение или веб-сайт, который вы разработали для пользователей, интуитивно понятным, безопасным и эффективным, позволяя им легко ориентироваться?

Поток пользователей

Путешествие пользователя от начала до конца, например, успешная покупка товара на кассе.

UX

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

Вектор

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

Водяной знак

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

Вес

Увеличение веса объекта делает его тяжелее. Различные способы увеличения веса — это придание толщине линии или усиление цвета объекта. Все эти факторы могут сделать изображение более полным.

Пробел

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

Вдова

Вдова — это очень короткая строка или одно слово, расположенное в самом конце абзаца или столбца.

Wire Frames

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

Высота по X

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

ZIP

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

Все определения были созданы с помощью следующих сайтов:
https: // фонд карьеры.com / en / blog / ux-design / ux-design-glossary /
https://99designs.com/blog/tips/15-descriptive-design-words-you-should-know/
https: // buffer.com/library/53-design-terms-explained-for-marketers/
https://www.smashingmagazine.com/2009/05/web-design-industry-jargon-glossary-and-resources/

Как всегда, QuarkWorks готов помочь с любым проектом программного обеспечения — веб, мобильным и т. Д.! Если вы заинтересованы в наших услугах, посетите наш веб-сайт.Мы будем рады ответить на любые ваши вопросы! Просто напишите нам в Twitter, Facebook, LinkedIn или Instagram.

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

Написано Кристен Райт на 9 сентября 2019 г.

Последнее обновление 12 сентября 2019 г.

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

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

Термины веб-дизайна: Словарь веб-дизайна

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

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

Узнайте больше о веб-терминологии в новой электронной книге:
65 Термины веб-дизайна, которые вы должны знать

Условия использования бренда

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

1. Идентификация : Все визуальное представление вашего бренда, может включать логотип, цвет, типографику, изображения, голос и т. Д. Не только логотип.
2. Lettermark / Wordmark / Logotype : Тип логотипа, состоящий из стилизованных букв (IBM) или слов (Coca-Cola)
3. Торговая марка : Тип логотипа с графическим изображением (Apple, Target)
4. Значок : упрощенная визуализация объекта или концепции. Логотип и значок — это не одно и то же.
5. Дизайн-система : репозиторий многократно используемых цифровых компонентов, которые объединяются в веб-сайт.
6. Руководство по бренду : визуальный и философский справочник по цвету, индивидуальности и голосу бренда.

Условия взаимодействия с пользователем

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

7. Персона : вымышленный персонаж, представляющий основного пользователя вашего сайта / продукта. Обычно персонажи очень хорошо развиты, потому что они должны представлять реальных людей с реальными мотивами.
8. Каркас : макет сайта с низкой точностью, представление общего содержимого на уровне блоков и интерактивных элементов.
9. Mockup : Точная верстка сайта, представление окончательного цвета, типографика, изображения и т. Д.
10. Прототип : Интерактивная версия сайта, не может быть создана с окончательным кодом.
11. CTA : призыв к действию, обычно в сочетании с кнопкой.
12. Преобразование : когда пользователь выполняет определенное желаемое действие.
13. Целевая страница : Отдельная страница, оптимизированная для определенной аудитории или результатов поиска.
14. Удобство использования : Как на самом деле пользователи взаимодействуют с вашим сайтом, обычно проверяется путем выполнения ряда управляемых задач.

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

Пользовательский интерфейс (UX, UI) включает элементы на странице, с которыми взаимодействует пользователь. Ваш пользовательский интерфейс действительно влияет на ваш пользовательский опыт, хотя это не одно и то же.Не заставляйте пользователей думать; Создайте интуитивно понятный интерфейс, использующий современные шаблоны.

15. Breadcrumb : иерархические ссылки на контент.
16. Меню : основная область навигации, иногда с раскрывающимся списком или всплывающими элементами подменю.
17. Фильтр : предопределенные элементы, которые позволяют сужать видимый контент по различным таксономиям (таксономии — это причудливый способ обозначения категорий).
18. Поиск : открытый ввод, который запрашивает контент и возвращает список результатов.
19. Slider : модный, анимированный способ отображения информации, который вам, вероятно, не стоит использовать. 🙂

Термины композиции

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

20. Balance : Использование похожих или дополнительных элементов дизайна, чтобы композиция выглядела одинаково.
21. Повторение : Использование повторяющихся элементов для усиления паттернов или в качестве знакомых визуальных сигналов.
22. Пробел : Сколько «пространства для дыхания» есть у каждого элемента?
23. Сетка : Базовая структура дизайна, которая определяет, как все расположено.
24. Правило третей : Визуальная концепция, согласно которой наиболее приятные фокусные точки находятся на пересечении трех строк и столбцов.

Термины иерархии

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

25. Масштаб : Насколько велики или малы элементы на странице относительно друг друга?
26. Близость / выравнивание : Какие элементы на странице связаны друг с другом?
27. Координатор : место на странице, на которое мы направляем внимание пользователя
28. Семантическая разметка : Правильное использование HTML-элементов для обозначения иерархии и использования в содержимом.

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

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

29. шрифт (гарнитура) : Набор букв и глифов / символов
30. font-family : Какой шрифт вы используете?
31. font-size : Насколько он большой / маленький?
32. font-weight : Насколько он тяжелый / легкий?
33. font-style : курсив, подчеркивание, зачеркивание
34. высота строки (интерлиньяж) : сколько места между строками?
35. межбуквенный интервал (отслеживание) : Регулировка интервала между группами букв / блоками текста.
36. кернинг : интервал между отдельными буквами.
37. text-decoration : Подчеркнут ли текст или добавлены дополнительные стили?
38. serif / sans serif : шрифты с засечками имеют дополнительный декоративный штрих или линию до конца букв, тогда как шрифт без засечек — без.

Условия цвета

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

39. HEX : на веб-сайтах шестнадцатеричный цвет, шестизначное число, используемое для представления цвета в HTML / CSS.
40. RGB : Аддитивная цветовая модель, используемая для экранов, сочетание значений красного / зеленого / синего света для формирования цветов.
41. CMYK : для печати, субтрактивная цветовая модель, используемая для чернил, сочетание голубых / пурпурных / желтых / черных чернил для формирования цветов.
42. Pantone / плашечный цвет : специальные специальные чернила определенного цвета. Крупные бренды обычно имеют свой собственный цвет Pantone.
43. Оттенок : Где он в цветовом спектре?
44. Насыщенность : Насколько яркие или тусклые цвета?
45. Контрастность : Насколько он выделяется?
46. Непрозрачность: Сплошной или прозрачный?

Термины изображений

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

47. Вектор : изображения, созданные с помощью математики (SVG, EPS).
48. Растр : изображения, состоящие из пикселей (JPG, TIFF, PNG, GIF).
49. Разрешение : Сколько пикселей имеет растровое изображение (например, 800 × 600 или 2400 × 1200). Более высокое разрешение обычно означает больший размер, но более высокую детализацию.
50. Сжатие : Оптимизация (большой / маленький размер файла).
51. JPG / JPEG : лучше всего подходит для фотографии и детализированных изображений.
52. PNG : лучше всего подходит для графики, простого цвета и изображений с прозрачностью.
53. GIF : лучше всего подходит для графики или анимации с низкой детализацией.
54. TIFF : Лучшее для качества печати, не подходит для отображения на экране.
55. SVG : формат векторных изображений, подходящий для отображения в Интернете, лучше всего подходит для графики и логотипов.

Термины веб-терминологии

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

56. Заголовок : Заголовки и субтитры, семантически записанные с помощью тегов h2 — h6. Полезно для организации информации в иерархию и используется поисковыми системами и программами чтения с экрана.
57. Основной текст / Основной текст : Основное письменное содержание, обычно абзацы, списки, цитаты и т. Д.
58. Герой : основное изображение / графический элемент на главной или целевой странице, обычно с основным призывом к действию.
59. Single-Scroll : веб-сайт, на котором большая часть контента содержится на одной странице
60. Адаптивный дизайн : Дизайн, который не фиксируется, но адаптируется к размеру экрана и / или устройству пользователя.
61. Точка останова : определенная точка (например, ширина), в которой содержимое / макет веб-сайта будет изменяться, чтобы соответствовать другому интерфейсу.
62. Доступно : Возможность использования веб-сайта любой аудиторией, в том числе с нарушениями зрения, слуха или двигательной функции, с помощью вспомогательных технологий или стандартной навигации.
63. Front-End : В общем, работа с кодом, который выполняется в браузере и контролирует то, что просматривается и с чем взаимодействуют.
64. Back-End : В общем, работа с кодом, который выполняется на сервере и управляет содержимым и логикой.
65. CMS : Система управления контентом (например, WordPress).

Дополнительные ресурсы для терминов веб-дизайна

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

Посмотрите повтор веб-семинара: «Как говорить на единороге — понимание языка дизайна»

Мишель Шульп из Marktime Media — независимый графический дизайнер и фронтенд-разработчик из Миннеаполиса. Прежде чем начать свою карьеру, она изучала визуальные коммуникации с несовершеннолетними по психологии и социологии. По мере развития своей работы она также занималась фронтенд-разработкой и проектированием пользовательского интерфейса, чтобы дополнить свой набор навыков. Такое сочетание дисциплин привело ее к принятию стратегического подхода к дизайну, ориентированного на решение реальных проблем и достижение реальных целей, основанных на том, как люди думают.Узнайте больше о веб-дизайне с Мишель во время семинара по веб-дизайну.

Узнайте больше о веб-терминологии в новой электронной книге:
65 Термины веб-дизайна, которые вы должны знать

Кристен пишет учебные пособия, чтобы помочь пользователям WordPress с 2011 года. Обычно она работает над новыми статьями для блога iThemes или разрабатывает ресурсы для #WPprosper. Вне работы Кристен любит вести дневник (она написала две книги!), Ходить в походы и кемпинги, готовить и ежедневно путешествовать с семьей, надеясь жить более настоящей жизнью.

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

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

Звучит знакомо?

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

Глоссарий окончательных терминов веб-дизайна

A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z

A

1) Центровка

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

Источник: Pixabay

2) Аналогичные цвета

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

Источник: nopira

3) Восходящее устройство

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

Источник: Макс Нейлор

B

4) Исходный

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

Источник: Макс Нейлор

С

5) Высота крышки

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

Источник: Макс Нейлор

6) Цветовая модель CMYK

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

Источник: Capsoul

7) Цветовой круг

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

Источник: nopira

8) Цветовые схемы

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

9) Дополнительные цвета

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

Источник: nopira

10) Компрессия

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

11) Контрастность

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

Источник: Pixabay

12) Урожай

Когда внешние части изображения удаляются для изменения кадра объекта или для изменения соотношения сторон изображения.

13) CSS

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

D

14) Спусковое устройство

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

Источник: Макс Нейлор

15) Точек на дюйм (DPI)

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

16) Падающая тень

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

Источник: Tizio

E

17) EPS

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

18) Удлинитель

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

F

19) Растушевка

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

20) Шрифт

Шрифт одного определенного стиля и размера. Например, шрифт Times New Roman полужирный размер 14.

G

21) GIF

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

Источник: Мануэль Альмагро Ривас

22) Градиент

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

Источник: Public Domain Pictures

23) Сетка

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

H

24) Шестнадцатеричный код

Код, используемый в HTML и CSS для обозначения определенного цвета, часто появляется после знака решетки (#). Ниже представлена таблица цветовых кодов HEX:

Источник: bmdavll

25) HTML

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

26) Оттенок

То, что большинство людей называют «цветом» — красный, оранжевый, желтый и т. Д.

Дж

27) JPEG

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

К

28) Кернинг

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

Источник: Шербайт

L

29) Ведущая

Расстояние между строками шрифта.

30) С потерей

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

31) Без потерь

В отличие от сжатия с потерями, этот формат позволяет восстанавливать детали изображения.

M

32) Средняя линия

Расстояние от базовой линии до верха большинства строчных букв, включая «e», «g» и кривую «h». Также известно как «медиана», как показано ниже.См. Верхний, верхний и нижний.

Источник: Макс Нейлор

N

33) Негативное пространство

Пустое пространство вокруг дизайна, будь то веб-страница или отдельное изображение — также см. пустое пространство .

Источник: Public Domain Pictures

O

34) Шрифты открытого типа

Текущий стандарт форматов шрифтов. Он содержит версии экрана и принтера в одном файле и совместим как с Windows, так и с Mac.Расширение файла — .otf.

35) Сирота

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

Источник: Maat

P

36) Пантон

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

Источник: Pixabay

37) PDF

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

38) Пиксель

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

39) пикселей на дюйм (PPI)

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

40) PNG

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

R

41) Прямоугольные (или тетрадные) цвета

Четыре цвета — две пары дополнительных цветов.

Источник: nopira

42) Разрешение

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

43) Модель цвета RGB

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

Источник: Майк Хорват

S

44) Насыщенность

Насколько яркий или насыщенный цвет.

Источник: SharkD

45) Засечка

Маленькая линия, прикрепленная к концу штриха в некоторых шрифтах. «Без засечек» относится к шрифтам, в которых нет этой строки.

Источник: GJo

46) Оттенок

Сколько черного смешано с оттенком.

47) Разделение дополнительных цветов

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

Источник: nopira

48) Квадратные цвета

На цветовом круге четыре цвета равномерно разнесены друг от друга.

Источник: nopira

49) Шток

Первичный вертикальный штрих в письме. Он используется в букве «B» и диагональной линии «V».

50) Штрихи

Строки, составляющие букву гарнитуры.

т

51) Хвост

Нисходящий штрих в букве, которая часто бывает декоративной, например в букве «Q».

52) Терминал

Конец обводки без засечек.

53) Тонировка

Сколько белого смешано с оттенком.

54) Триадные цвета

Цветовая схема, в которой сочетаются три цвета, расположенные под углом 120 градусов друг от друга на цветовом круге. Часто считается лучшей цветовой схемой.

Источник: nopira

55) Гарнитура

Дизайн-набор символов, включая буквы, цифры и знаки препинания. Примеры включают Times New Roman, Helvetica и Arial.

В

56) Векторное изображение

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

57) Визуальная иерархия

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

Вт

58) Водяной знак

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

59) Масса

В шрифтах — толщина обводки. Некоторые примеры включают полужирный, светлый и полужирный.

60) Белое пространство

Пустое пространство вокруг объекта в дизайне — также смотрите негативное пространство.

Источник: Pexels

61) Вдова

Часть текста в конце абзаца, переходящая в следующий столбец или страницу.

Источник: Maat

х

62) Высота X

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

Источник: Макс Нейлор

Z

63) ZIP файл

Формат файла, в котором несколько файлов сжимаются и объединяются в одну папку. Сжатые файлы не теряют никаких данных при уменьшении и легко восстанавливаются путем распаковки ZIP-файла.

Какие еще термины веб-дизайна вы бы добавили в список? Дайте нам знать об этом в комментариях.

Примечание редактора: этот пост был первоначально опубликован в июле 2013 года и был обновлен для обеспечения точности и полноты.

91+ терминов, которые вы должны знать

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

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

91 Термины UX-дизайна, которые должны знать все дизайнеры

1. A / B-тестирование

Также известное как сплит-тестирование, A / B-тестирование — это практика сравнения двух версий веб-страницы с одной переменной в Интернете, чтобы определить, какая один работает лучше.

Не знаете, призыв к действию какого цвета приведет к увеличению числа конверсий на вашем сайте? A / B тестируйте!

Источник: Dribbble

2.Специальные возможности

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

3. Адаптивный

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

4. Доступность

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

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

5. Agile

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

6. Аналитика

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

7. Android

Как UX-дизайнер, вы обычно сталкиваетесь с двумя операционными системами: Android и iOS. Android — мобильная операционная система Google с открытым исходным кодом. Визуально его характеризует Material Design, язык дизайна, разработанный Google в 2014 году.

Но что же такое операционная система? Операционная система — это программное обеспечение, которое поддерживает основные функции продукта.Думайте об этом как о мозге вашего смартфона.

8. API

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

9. Аватар

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

Источник: Dribbble

10.Back-end и Front-End разработка

Вы часто слышите, как разработчики говорят о front-end и back-end разработке. В разработке программного обеспечения термины «передняя» и «внутренняя» относятся к разным сегментам продукта.

Интерфейс — это то, что мы видим. Подумайте о кнопках, тексте, красивых цветах и слое, которое вы видите на экране при взаимодействии с продуктом.

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

11. Бэклог

Бэклог — это список задач, которые необходимо выполнить. Список расставлен по приоритетам, и в идеале задачи будут выполняться в указанном порядке.

12. Beacon

Beacon — это небольшие радиопередатчики Bluetooth. Они общаются со смартфоном пользователя и используются для обмена информацией.

13. Breadcrumb

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

14. Ошибка

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

15. Кэш-память

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

16. Сортировка карточек

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

Подумайте об amazon.com. У него огромный инвентарь! Чтобы помочь создать структуру меню и навигацию, которая находит отклик у пользователей, мы можем провести упражнение по сортировке карточек.

17. Чат-бот

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

18.Clickstream

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

Источник: Dribbble

19. Коммиты

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

20. Коэффициент конверсии

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

21. CRM

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

22. CSS

CSS или каскадные таблицы стилей — это язык программирования таблиц стилей, используемый для определения стиля веб-сайта.

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

23. Качество обслуживания клиентов (CX)

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

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

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

Весь этот путь — это то, что мы называем клиентским опытом или CX. Он относится ко всем различным взаимодействиям пользователя с брендом через его различные каналы и продукты, а также к тому, как пользователь к ним относится. Это оказывает сильное влияние на доверие к бренду. Аналогичный термин: сервис-дизайн.

24. Наука о данных

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

25. Задолженность по дизайну

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

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

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

26. Дизайн-мышление

Дизайн-мышление — это 5-этапный метод творческого решения проблем. Пять этапов:

Сопереживание: понимание проблемы
Определение: определение проблемы
Идея: мозговой штурм потенциальных решений
Прототип: создание ваших решений
Тест: тестирование ваших решений

Вы можете узнать больше о дизайне думаю здесь.

27. Дневниковое исследование

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

28. Карта эмпатии

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

29. Конечный пользователь

Для кого мы разрабатываем продукт? Этот человек — наш конечный пользователь.

30. Отслеживание взгляда

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

31.Плоский дизайн

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

32. Блок-схема

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

Источник: Dribbble

33. Геймификация

Геймификация — это процесс интеграции элементов и принципов игрового дизайна в продукты с целью стимулирования взаимодействия с пользователем.

34. GitHub

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

35. Грид-система

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

36. Аппаратное обеспечение

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

37. Тепловая карта

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

Источник: Dribbble

38. HTML

Язык гипертекстовой разметки, или HTML, является стандартным языком программирования, используемым для создания веб-сайтов.В отличие от CSS, он связан со структурой веб-сайта. Думайте об этом как о языке программирования, который мы используем для создания проекта веб-сайта. Узнайте больше о HTML здесь.

39. Взаимодействие человека и компьютера

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

40. Гибридное приложение

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

41. Информационная архитектура

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

42. Дизайн взаимодействия

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

43. iOS

iOS — мобильная операционная система, разработанная и разработанная Apple. Если у вас iPhone, это ОС на вашем устройстве.

44. IP-адрес

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

45. Итерация

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

46. Javascript

Мы рассмотрели HTML и CSS, две из трех краеугольных технологий веб-разработки. Javascript, третий краеугольный камень, определяет, как должны вести себя как HTML, так и CSS. Думайте об этом как о языке, который помогает нам делать элементы на странице интерактивными.

47. KPI

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

48. Целевая страница

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

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

49. Lean UX

Помните Agile? Lean UX, основанный на Agile, представляет собой совместный ориентированный на пользователя подход, который отдает приоритет «циклам обучения» (построение, обучение и измерение с помощью итераций) над проектной документацией.

50. Материальный дизайн

Материальный дизайн, часто называемый просто Материалом, — это язык дизайна, разработанный Google и используемый в устройствах Android.

51. Ментальная модель

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

По теме: Что такое скейморфизм в UX-дизайне?

52. Микрокопия

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

53. Мобильный Интернет

Мобильный Интернет — это не отдельный раздел Интернета или особое место. Термин «мобильный Интернет» относится к онлайн-прыжкам на мобильном устройстве.

54. Мокап

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

55. MVP

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

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

56. Открытый исходный код

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

57. Парная разработка / парное программирование

Парная разработка или парное программирование — это практика работы над кодом по два.Два разработчика по очереди пишут и корректируют код.

58. Персона

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

Источник: Dribbble

59. Pixel

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

60. Прототип

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

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

61. Pull Request

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

62. Рефакторинг

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

63. Адаптивный

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

64. SaaS

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

65. Scrum

Scrum — это гибкая среда разработки программного обеспечения.

66. SDK

Комплект для разработки программного обеспечения или SDK — это программный пакет, содержащий инструменты, необходимые для разработки продуктов для конкретной платформы или операционной системы. Они помогают ускорить процесс разработки, предоставляя разработчикам «части», которые они могут использовать вместо того, чтобы писать для них код с нуля.

67.SEO

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

68. Карта сайта

Карта сайта — это визуальное представление страниц и иерархии веб-сайта.

69. Наброски

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

70. Slack

Slack — это внутренняя платформа обмена сообщениями для команд. Это очень важно для разработки продукта. Если вы проходите у нас курс, вы, вероятно, используете его для общения со своими коллегами и сообществом CareerFoundry.

71. Программное обеспечение

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

72. Спринты

В гибкой разработке программного обеспечения мы называем определенные периоды времени, отведенные для выполнения определенных задач, «спринтами». Их продолжительность может варьироваться, но обычно составляет около 1-3 недель.

73. Раскадровка

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

Источник: Dribbble

74. SVG

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

75. Анализ задач

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

76. Технический долг

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

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

77. Элемент пользовательского интерфейса

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

78. Шаблон пользовательского интерфейса

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

79. Модульное тестирование

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

80. Юзабилити-тестирование

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

81. Дизайн, ориентированный на пользователя

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

82. Пользовательский опыт (UX)

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

83. Пользовательский поток

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

84. Пользовательский интерфейс

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

85. Карты путешествий пользователей

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

86. Пользовательский сценарий

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

87. Пользовательские истории

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

«Как <вставить тип пользователя>, я хочу, чтобы <вставьте функцию или действие>, чтобы иметь возможность <вставить желаемый результат>».

88. Водопад

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

89. Задача с белой доской

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

90. Пустое пространство

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

Источник: Dribbble

91. Каркас

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

Используйте этот список как контрольный

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

20 терминов дизайна, которые должен знать каждый не дизайнер

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

Итак, приступим!

1. Состав

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

2. Тело копии

(Источник: Ad-Herent)

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

3. Ведущий

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

4. Поддон

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

Связанные: комбинации цветовой палитры, которые улучшат вашу дизайнерскую игру в 2021 году

5. Монохромный

(Источник: блог UX)

Монохромный относится к дизайну / фотографии, ограниченному одним ( монохромный, ) цветом ( цветов, ). Кроме того, это также относится к использованию разных оттенков одного цвета.

6. Тонировка

Добавление белого цвета к любому оттенку на цветовом круге и обесцвечивание его придает ему форму оттенка.

7. Дополнительный

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

8. Триада

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

9. Аналог

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

10. UI

(Источник: Web Fuel)

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

11. Посадочная страница

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

12. Тропа из хлебных крошек

(Источник: Надежный Софт)

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

13. Lorem Ipsum

(Источник: Блог Marketing Sherpa)

Lorem Ipsum или «фиктивный текст» — это заполнитель / заполнитель вместо фактического основного текста, используемый для определения того, как будет выглядеть готовый дизайн. Кроме того, латинские слова выглядят лучше, чем просто « Добавьте текст здесь »!

14. Serif

Serif относится к авторитетным линиям и крючкам на концах горизонтальных и вертикальных линий на буквах.

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

15. Без засечек

Впоследствии Sans Serif ( sans : французское слово, означающее «без») описывает острые и современные шрифты без засечек на концах.

16. Скрипт

Гарнитуры шрифтов

Script напоминают стили рукописного ввода и каллиграфические, что придает читателю элегантный вид.

17. Slab Serif

Гарнитуры Slab обычно толще, блочнее и жирнее, чем их другие аналоги с засечками.

18. Высота по оси X

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

19. Восходящее устройство

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

20. Спусковое устройство

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

Совет по упрощенному дизайну : Чувствуете большую уверенность в своих знаниях? Попробуйте опробовать некоторые из этих терминов и концепций дизайна социальных сетей в своем упрощенном рабочем пространстве!

Термины дизайн: Термины графического дизайна — Графический дизайн Ana’s Design

Термины графического дизайна — Графический дизайн Ana’s Design

Айдентика

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

Логотип

Брендбук

Гайдлайн

Мокап

Паттерн

Фавикон

Фирменный шрифт

Форматы и цвета в терминах графического дизайна

Фирменные цвета

Форматы изображений

Растровое изображение

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

Популярные векторные форматы SVG, AI.

58 терминов в области графического дизайна: изучайте жаргон как профессионал

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

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

2. CMYK и RGB

3. DPI и PPI

4. Типографика

5. Сетки

6. Дизайн логотипов и брендинг

Графический дизайн для всех. Термины в дизайне

Все в одном месте

Графический дизайн

Знак + текст

Только текст

Только знак

RGB

CMYK

Pantone

Словарь терминов, глоссарий по ландшафтному дизайну

Мы решили облегчить Вашу задачу в непростом деле изучения ландшафтного дизайна и создали для Вас:

Глоссарий — словарь терминов и понятий.

Графический дизайн — справочник, словарь терминов

Абрис

Градиент

Инверсия

Коллаж

Логотип

Лигатура

Символ

Монохром / Монохромная фотография, иллюстрация

Инфографика

Цветовая модель

CMYK

RGB

Термины на тему «Дизайн» — Маркетинг в интернете, Д.Разахацкий

Подписаться

Статьи

Лайфхаки и разные цитаты

Фото дня

99 важных дизайнерских слов, которые вы должны знать

Конструкция

Состав и расположение

Весы

Симметричный

Асимметричный

Радиальный

Близость

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

Повторение

Контраст

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

Правило третей

Сетка

Иерархия

Масштаб

Эскиз эскиза

Макет

Фотография и искусство

Разрешение

точек на дюйм

пикселей на дюйм

Прокачка

Накладка

пикселей