Как работать с референсами?

ВСЕ ПРО РЕФЫ

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

Какие бывают?

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

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

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

Поиск

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

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

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

Как работать с референсами?

Работа

После поиска референсов стоит согласовать стилистику проекта с клиентом, можно отправить ему собранные работы.
Проанализируй моменты, которые понравились заказчику в референсах, и поищи еще примеры при необходимости. Забракованные клиентов референсов можно сразу удалить.
Крайне важно в работе с референсами полагаться не на свои вкусовые предпочтения, а на нужды конкретного проекта и заказчика.
Используй собранные работы в Figma по максимуму: оставляй заметки, рисуй на них, «примеряй» к своему макету.
Ты можешь даже составлять из референсов целые макеты, как правило, это удобно при проработке структуры страницы и блоков.
Обращай внимание на мелкие детали - например, какая верстка у заголовков, какая анимация при наведении или стиль иконок.
Смотри референсы на UX и UI ошибки, чтобы ненароком их не повторить. Соединяй функциональные и визуальные референсы, чтобы получить уникальный результат.

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

Как работать с референсами?
2
1 комментарий