{"id":14279,"url":"\/distributions\/14279\/click?bit=1&hash=4408d97a995353c62a7353088166cda4ded361bf29df096e086ea0bbb9c1b2fc","title":"\u0427\u0442\u043e \u0432\u044b\u0431\u0435\u0440\u0435\u0442\u0435: \u0432\u044b\u0435\u0445\u0430\u0442\u044c \u043f\u043e\u0437\u0436\u0435 \u0438\u043b\u0438 \u0437\u0430\u0435\u0445\u0430\u0442\u044c \u0440\u0430\u043d\u044c\u0448\u0435?","buttonText":"","imageUuid":""}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Анализ

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

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

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

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

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

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

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

0
10 комментариев
Написать комментарий...
Oleg Oleg Oleg

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

Ответить
Развернуть ветку
Ильнур Ядгаров

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

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

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

Ответить
Развернуть ветку
roman mester
Автор

Интересно

Ответить
Развернуть ветку
Дмитрий Виноградов

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

Ответить
Развернуть ветку
Женя Жуланова

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

Ответить
Развернуть ветку
roman mester
Автор

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

Ответить
Развернуть ветку
Egor Nasonov

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

Ответить
Развернуть ветку
Максим Коркодинов

Классный материал, а я в Notion собираю.)

Ответить
Развернуть ветку
roman mester
Автор

Notion супер, главное правильно организовать там все

Ответить
Развернуть ветку
Дарья Мартовски

На пинтересте собираю. Интересная статья, схема в начале понравилась

Ответить
Развернуть ветку
7 комментариев
Раскрывать всегда