📒 Как анализировать референсы, чтобы их не копировать?

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

🚩 1. Опишите референс словами

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

❤ И вот у вас уже есть набор конкретных UX/UI решений, которые и без подглядывания в референс можно применять в своей работе.

🚩 2. Обращайте внимание не на сами элементы, а на принципы

Допустим, вам понравился сайт с очень крупной типографикой. Можно просто скопировать себе этот же самый размер заголовка в 120px. А можно спросить себя: «Зачем тут такой огромный заголовок?»

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

✨ И тогда вы увидите принцип, а не просто UI-элемент — сделать типографику главным визуальным приёмом на сайте.

🚩 3. Разберите референс по слоям

Разложите понравившийся вам сайт по уровням:
🤩 Концепция (идея дизайна)
🤩 Композиция
🤩 Сетка
🤩 Типографика
🤩 Цвет
🤩 Фотоконтент
🤩 UI (кнопки, ссылки, меню, формы)

⭐ Когда вы разбираете сайт по слоям, вы начинаете видеть, что бОльшая часть его «уникальности» — совершенно обычные приёмы, а по-настоящему уникальным этот референс делает их грамотное сочетание.

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

📍 Вывод: чтобы вдохновляться референсом и не копировать его, заимствуйте не конечный результат, который вы видите на экране, а то, какую роль на сайте выполняет конкретное решение, какую проблему клиента данный дизайн решает!

⬇️ Буду рада, если поделитесь в комментариях своими мыслями по данной теме 💗

#дизайн #гайд #насмотренность