Как подобрать референс?

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

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

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

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

1 Детализация

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

2 Авторы рефов

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

3 Уровень сложности 

Насколько тяжело вам повторить реф? 

Знаете ли вы, как его отрисовать? Если вопрос в количестве деталей, то это не проблема. То есть - вы можете отрисовать макет, сохраняя в нем всё на 100%. Либо вы технически не можете выполнить задачу. Например, вам нужно отрисовать 3D, а вы не умеете. В таком случае нужно обязательно узнать, требуется от вас это работа или нет, и как ее лучше выполнить. 

4 Композиция

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

Что в ней необычного? Какие элементы самые красивые? Какое сочетание элементов самое удачное? Смогли ли вы скопировать самые красивые решения? Не упустили ли детали?

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

Далее вам нужно будет приступить к подбору референса самостоятельно. 

Что вам может помочь? 

1 Мыслите абстрактно.

Не ищите референс с таким же контентом, как у вас «один в один». 

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

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

2 Выбор автора 

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

Используете топ дрибла, беханса, пинтереста, авардс. 

3 Выбор стилистики 

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

Но и не нужно брать что-то совершенно другое. То есть, соблюдайте баланс.

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

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

4 Заменяем, а не удаляем 

После выбора рефа вы не имеете права заменять акценты или что-то перестраивать в нем. 

Все детали должны остаться на месте. 

Ничего нельзя удалять, можно лишь заменить на нечто подобное. 

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

5 Всегда следите за акцентами 

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

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

6 Используйте референсы по нескольку раз 

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

7 Референсы под UX 

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

После по другому референсу UI задайте стилистику. 

8 Не упрощайте

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

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

9 Ничего не придумывайте сами. 

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

Пример реализации https://www.figma.com/file/xwWHDBaPtqKaLvWepDpBpZ/%D1%83%D1%80%D0%BE%D0%BA?node-id=0%3A1