Дизайн-подход и работа с референсами

В этой статье расскажу, зачем смотреть референсы и как их использовать.

Я выбрал удобный для себя способ, сделал архив в телеграме-канале https://t.me/mesteropinion. Там я разделяю референсы тегами по смыслу и из-за публичности более внимательно отношусь к контенту – что оставлять, а что пропускать. В конце статьи вернусь к хранению референсов и покажу еще несколько инструментов.

Дизайн-подход и работа с референсами

Что такое дизайн-подход?

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

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

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

(1) – Если сразу рисовать или начинать с проработки деталей, получится, что вы не увидите всей картины сразу и не сможете показать заказчику стилистический и визуальный образ на ранних этапах проекта. Это потенциально может вызвать конфликтные ситуации или просто недопонимание с тем, кто ставит задачу.

(2) – Дизайн-подход похож на прогрессивный джипег. На любом этапе проекта вы можете посмотреть или показать заказчику, как все будет в итоге. На всех этапах у вас будет весь проект, который вы прорабатываете детальнее с каждым новым подходом.

Метод прогрессивного джипега
Метод прогрессивного джипега

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

Как развивать визуальный вкус?

Главная супер-сила любого дизайнера — его визуальный вкус. Он не появляется сам по себе, его нужно нарабатывать и развивать.

Дизайн-подход и работа с референсами

Он формируется благодаря базе знаний, опыту и насмотренности.

База знаний – теоретические знания, книги, стати, лекции, подкасты, опыт – количество кейсов которые вы решили, количество проектов которое сделали, а насмотренность – база референсов.

Есть три уровня решения задач, на первых двух нужна большая насмотренность.

Дизайн-подход и работа с референсами

Насмотреность

Давайте обратимся к насмотренности. Очень важно соблюдать следующие принципы.

  • Регулярность – чтобы тренировать вкус, понимать, какой дизайн сейчас актуальный, увеличивать базу приемов, следить за трендами. А еще это просто интересно. Я стараюсь что-то смотреть каждый день, выделяю хотя бы полчаса на это.
  • Практика – чтобы учиться оценивать проект со всех сторон, без практики сложно оценить нюансы проекта. Практика помогает совершенствовать использование инструментов.
  • Анализ – чтобы глубже понимать решения, а не просто смотреть на красивые картинки.

Анализ

На что стоит обращать внимание при анализе.

  • Смыслы, идеи – понять зачем и почему сделано именно так, почему дизайнер придумал именно такие решения и подходы.
  • Техника дизайна – верстка, силовые линии, сетка, шрифты, отступы, и как все работает вместе.
  • Механики – идентификаторы, то есть элементы, которые проходят через всё, и как всё масштабируется.
  • Взаимодействие – анимации и микроанимации, чтобы посмотреть, понимает ли нас интерфейс еще до наших действий.

Систематизация

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

В начале статьи я уже рассказал про свой способ – https://t.me/mesteropinion.

Вот еще несколько ресурсов, которые подходят для хранения и систематизации:

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

47
10 комментариев

Не знаю, есть ли сейчас проблема с оплатой Eagle, но он топ для сохранения референсов

3
Ответить

Подписываюсь под каждым словом.

Раньше сортировал по папкам. Не удобно было искать и группировать по смысловым группам.

Eagle решает все проблемы: теги, папки, примечания и фильтры. Работает шустро. Синхронизация через облако.

1
Ответить

Интересно

Ответить

Да, это отличный инструмент) Открыл его в начале года. Жаль, что нет чего-то типа веб-версии. Чтобы зайти с телефона и что-то быстро посмотреть, подобрать. Но это был бы уже космос.

Ответить

Я собираю везде, потом ищу где сохранила)))

3
Ответить

тоже так делал

Ответить

Хороший материал!

2
Ответить