Сделай как на референсе!
Я почти никогда не работаю с референсами в формате «о, красиво, сделаю что-то похожее». Потому что обычно происходит так: тебе клиент или руководитель кидает референс и говорит: «хочу примерно вот так». Ты смотришь на него. Красиво... А что именно «вот так» — х*й знает А если референсов несколько и они вообще разные — ещё веселее.
Поэтому я обычно работаю через параметризацию. По сути, просто разбираю каждый референс на отдельные составляющие: сетку, композицию, типографику, цвета, отступы, радиусы, UI-сущности, работу с фото, графику, анимацию и в целом то, за счёт чего создаётся этот самый «вайб». Потом собираю всё это в сводку и уже смотрю, что конкретно из каждого референса я могу забрать в свой проект.
Например, из одного мне может быть нужна работа с типографикой, из другого — композиционный принцип, из третьего — характер фотографий. При этом какой-нибудь очень красивый элемент я вообще не возьму, потому что конкретно в моей концепции он будет выглядеть как инородная хрень. И вот это для меня самое полезное. Я перестаю пытаться буквально «повторить референс» и начинаю понимать, почему он вообще выглядит именно так. Плюс это сильно помогает попадать в ожидания клиента. Потому что абстрактное «хочу как здесь» превращается в довольно конкретный набор визуальных правил, с которыми уже можно нормально работать
Особенно люблю этот метод, когда референсы на первый взгляд вообще не мэтчатся между собой. После декомпозиции часто оказывается, что у них есть общий визуальный знаменатель. А иногда наоборот — становится понятно, что половину лучше просто выкинуть.
Короче, референс для меня — это не картинка, которую надо повторить. Это набор решений, который сначала надо разобрать, а потом собрать заново уже под свою задачу А вот как я решаю, что из референса подходит конкретному продукту, а что нет — это уже тема для отдельного поста.