Референсы — материалы, которые человек собирает в поисках вдохновения перед тем, как приступить к реализации собственного проекта. Для копирайтеров ими могут стать статьи в блогах, для SMM-щиков — профили в соцсетях, для программистов — фрагменты кода, а для веб-дизайнеров - примеры сайтов.
Behance. Сервис для художников, фотографов, графических и веб-дизайнеров. Здесь авторы публикуют свои работы и ищут вдохновение в проектах коллег.
Pinterest. Социальная сеть, где пользователи делятся друг с другом красивыми фотографиями, иллюстрациями и кадрами из фильмов. Чтобы найти референсы, введите в поисковую строку запрос: цвет, стиль или тематику изображения. В ленте вы увидите как отдельные картинки, так и целые подборками. Плюс сервиса — возможность создавать свои доски с понравившимися примерами.
Freepik. Сервис, на котором можно найти бесплатные иллюстрации, шаблоны, мокапы и векторную графику. Обычно его используют дизайнеры, чтобы искать медиа-контент для сайтов, рекламных креативов, презентаций или гайдов.
Как работать с референсами?
Поиск примеров в разных источниках. Для этого используйте ключевые слова, которые отражают стилистику или тематику проекта: «минимализм в дизайне сайтов», «дизайн студии йоги»
Отбор и анализ референсов. Сохраните понравившиеся примеры в отдельную папку, пересмотрите их и проанализируйте, чем они вас зацепили. Сделайте пометки: «хороший шрифт», «интересная композиция», «необычное оформление футера», «удобное меню»
Составьте мудборд. Это тематические коллажи, которые превращают набор разрозненных примеров в единую концепцию. Чтобы оформить мудборд, используйте физическую доску и прикрепите на нее распечатанные изображения. Второй вариант — создать презентацию или цифровой коллаж.
Для чего нужны референсы?
Помогает побороть страх чистого листа. Сложно приступить к работе, когда не знаешь, с чего начать. Референсы приносят вдохновение и ясность, как реализовать конкретную задумку
Развивает насмотренность. Это визуальный опыт, который помогает отличать хорошие задумки от плохих и генерировать собственные идеи. Его часто не хватает начинающим специалистам
Помогает быть в тренде. Референсы отражают тенденции, актуальные в разных сферах: новые технологии, модные цветовые сочетания, популярные стили
Позволяет погрузиться в контекст. Поиск примеров помогает проанализировать конкурентов и выделиться на их фоне за счет уникальных решений. Кроме того, это эффективный способ изучить особенности узкой сферы. Допустим, понять, из каких разделом состоят сайты-визитки, лендинги и интернет-магазины
Защищает от ошибок. Референсы подскажут, что смотрится хорошо, а что не очень. Они предостерегают от использования неудачных цветовых сочетаний, плохих ракурсов и ненадежных конструкций
Облегчает коммуникацию между заказчиком и исполнителем. Объяснить задумку, которая есть в голове, на словах непросто — легче показать примеры. Обмен референсами помогает заказчику и исполнителю настроиться на одну волну.
Подробнее о референсах можно ознакомиться на сайте:
https://vc.ru/design/933934-chto-takoe-referensy-gde-iskat-referensy-dlya-sayta-zachem-oni-nuzhny-veb-dizayneram-i-zakazchikam-saytov
Referest. Сервис с подборкой скриншотов сайтов, UI элементов и мобильных приложений для вдохновения веб-дизайнеров. Плюс в том, что многие сайты показанные на Referest разработаны на тильде
#madeontilda. Галерея сайтов от тильды