Мысли __ 27 августа, 2026

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

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

❤ И вот у вас уже есть набор конкретных UX/UI решений, которые и без подглядывания в референс можно применять в своей работе.
2. Обращайте внимание не на сами элементы, а на принципы
Допустим, вам понравился сайт с очень крупной типографикой. Можно просто скопировать себе этот же самый размер заголовка в 120px. А можно спросить себя: «Зачем тут такой огромный заголовок?»

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

❤ И тогда вы увидите принцип, а не просто UI-элемент — сделать типографику главным визуальным приёмом на сайте.
3. Разберите референс по слоям
Разложите понравившийся вам сайт по уровням:
  • Концепция (идея дизайна)
  • Композиция
  • Сетка
  • Типографика
  • Цвет
  • Фотоконтент
  • UI (кнопки, ссылки, меню, формы)

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

❤ А еще, разбирая сайт на уровни, вы можете заимствовать приёмы только с одного уровня, а затем комбинировать их с другим уровнем с другого референса. Таким образом рождаются действительно уникальные дизайн-решения.
Вывод
Чтобы вдохновляться референсом и не копировать его, заимствуйте не конечный результат, который вы видите на экране, а то, какую роль на сайте выполняет конкретное решение, какую проблему клиента данный дизайн решает!
Понравилась статья?
Похожие статьи

Если перед вами стоит задача вписать определенное количество карточек в вашу сетку, а вам не хватает 1-2 для закрытой и устойчивой композиции, то вот несколько приёмов, которые помогут решить эту проблемку.

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

Делюсь личным опытом о том, как я тренирую свою насмотренность перед работой над проектами и написанием статьи о трендах в веб-дизайне.

Комментарии
Пять способов задизайнить карточки под сетку сайта
Предыдущая статья
Напишите мне
Хотите нанять меня? Или узнать больше о моей работе? Свяжитесь со мной, я буду рада ответить на все ваши вопросы или обсудить с вами наш новый проект.