Что такое референсы: виды и где их брать и как с ними работать

UX-специалист
Стаж 8 лет
Опубликовано: 22.02.2024

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

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

Что такое референсы

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

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

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

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

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

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

Для чего нужны референсы и где их применяют

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

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

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

Изучение информации

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

Реальный объект и рисунок на основе примера. Источник изображения: pinterest.com
Реальный объект и рисунок на основе примера. Источник изображения: pinterest.com

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

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

Например, у задачи «создать сайт» может быть несколько путей решения: 

  • создать на конструкторе;
  • создать на CMS;
  • написать самостоятельно кодом и версткой.

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

Анализ ситуации

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

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

Не стереотипные цвета и формы помидор, которые могут стать референсом для творчества. Источник изображения: treespk.ru
Не стереотипные цвета и формы помидор, которые могут стать референсом для творчества. Источник изображения: treespk.ru

Изучение конкурентов и рынка

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

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

Обсуждение задачи с заказчиком и коллегами для формирования общего видения

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

У людей может быть разный взгляд на одни и те же вещи
У людей может быть разный взгляд на одни и те же вещи

Источник вдохновения

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

Живой референс и копия из его шерсти
Живой референс и копия из его шерсти

Кому нужны референсы

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

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

Что можно использовать в качестве референсов

Примером для вдохновения может быть любой визуальный образ, осязаемые вещи или объекты:

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

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

Виды референсов

Объекты, используемые в качестве референсов можно разделить на три категории:

  1. Двухмерные объекты. Картинки, фото, иллюстрации, скриншоты, кадры из фильмов, видео, макеты, цветовые схемы, образцы шрифтов и стилей.
  2. Пример цветовой схемы для сайта. Источник изображения: levashove.ru
    Пример цветовой схемы для сайта. Источник изображения: levashove.ru
  3. Трехмерные объекты. Персонажи и предметы из компьютерных игр, объекты ландшафтного дизайна, интерьеры — все то, что можно рассмотреть с разных сторон и в разных плоскостях.
  4. 3D персонаж, которого можно рассмотреть с разных сторон. Источник изображения: www.artstation.com
    3D персонаж, которого можно рассмотреть с разных сторон. Источник изображения: www.artstation.com
  5. Материальные объекты. Скульптуры, архитектура зданий и сооружений, предметы окружающего мира, люди, животные, мебель, устройства и механизмы — все то, что можно увидеть вживую, пощупать, ощутить габариты, посмотреть в разных локациях и т. д.

Фотографии скульптур — это двухмерные объекты, скульптуры, спроектированные и размещенные в компьютерной 3D-программе — трехмерные, а сама скульптура — материальный объект.

Бюст Петра 1 в Русском музее. Источник изображения: www.timeout.ru
Бюст Петра 1 в Русском музее. Источник изображения: www.timeout.ru

С помощью референсов можно визуализировать:

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

Как правильно работать с референсами

  1. Не копировать в точности чужие работы. Законодательство защищает чужие работы авторским правом. Согласно статье 1257 Гражданского кодекса РФ, автором работы считается лицо, творческим трудом которого произведение создано. За нарушение авторских прав предусмотрена административная (статья 7.12 КоАП РФ) и уголовная (статья 146 УК РФ) ответственность.
  2. Подмечать плюсы и минусы работ. Плюсы помогают сделать свою работу более совершенной, а минусы — не допустить критических ошибок.
  3. Структурировать и сортировать примеры. Если проект один, копилочка примеров будет не слишком большой, чтобы в ней потеряться. Но если работа ведется сразу над несколькими проектами, да еще и разных тематик, лучше сразу делать подборки и давать им понятные названия.
  4. Искать примеры не только в своей области. Примеры служат для поиска идей, а идеи не всегда находятся в очевидных местах. При поиске стоит рассматривать не только свою область деятельности и прямых конкурентов, но и смежные области и даже в те, что кажутся далекими и совсем не подходящими.
  5. Подбирать достаточное количество примеров. Референсов по каждой теме или проекту должно быть столько, чтобы была возможность выбирать между ними, сравнивать их, находить схожие черты и то, что выделяет среди других каждый из них.

В чем разница между референсами и мудбордом

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

Пример мудборда для интерьера комнаты. Источник изображения: pinterest.com
Пример мудборда для интерьера комнаты. Источник изображения: pinterest.com

Где искать примеры референсов

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

Pinterest 

Сайт: https://ru.pinterest.com/

Интерфейс и лента пользователя в сервисе Pinterest
Интерфейс и лента пользователя в сервисе Pinterest

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

Behance

Сайт: https://www.behance.net/

Интерфейс и лента пользователя в сервисе Behance
Интерфейс и лента пользователя в сервисе Behance

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

Dribbble

Сайт: https://dribbble.com/

Интерфейс и лента рекомендаций сайта Dribbble
Интерфейс и лента рекомендаций сайта Dribbble

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

Сайты рейтингов и премий

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

Среди таких сайтов:

Коротко о главном

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

Материалы:

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

Окладникова М. Н. «Организация дистанционного образовательного процесса при обучении вёрстке и компьютерному дизайну»

Оценить статью
Нет ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!