Добавить в корзинуПозвонить
Найти в Дзене

Насмотренность, которая делает вашу лампочку

Каждую дизайн задачу можно решить тысячами способов, но про эти способы надо иметь в голове или под рукой. Опыт знакомых дизайнеров показывает, что каждый, кто начал вести базу референсов, стал подбирать решения для своих проектов заметно быстрее. Своя база референсов это: Где хранить базу референсов? Старцы из UX предлагают коллекционировать скришноты Вконтакте, Телеграм или Пинтерест (я не шучу, такие люди существуют). Такими способами, вероятно, пользоваться возможно, но зачем? В базе референсов есть смысл, когда в ней все упорядочено. Для структурирования все программы используют папки и теги, в большинстве программ можно оставлять комментарии к шотам. В целом, это все что нужно, но бывают и дополнительные удобства, и функции. Почему Eagle? Скриншотилка Eagle заслуживает отдельного внимания: Возможно, это лучшая программа для базы референсов, на данный момент, которую можно было бы купить за деньги ($30 и есть бесплатная пробная версия на 30 дней). ru.eagle.cool Какие есть вариан
Оглавление

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

Своя база референсов это:

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

Где хранить базу референсов?

Старцы из UX предлагают коллекционировать скришноты Вконтакте, Телеграм или Пинтерест (я не шучу, такие люди существуют). Такими способами, вероятно, пользоваться возможно, но зачем?

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

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

Окно Eagle
Окно Eagle

Почему Eagle?

  • Отображает больше форматов изображений чем любая другая специализированная программа.
  • Работает на Mac и Windows.
  • Приятный UI  — обилие вариантов отображения изображений, ненужные панели можно скрывать, можно задавать цвета папкам, превью работает так как и должно.
  • Папки, категории, теги, ключевые слова, поиск по цвету, мощный фильтр.
  • Классификация тегов, выявление дубликатов, интеллектуальные папки, отметки прямо на изображениях.
  • Хранение ссылок на сайты и видео, возможно хранить аудиореференсы, если это вдруг надо.
  • Можно делать экспорт/импорт базы (обмениваться с другими людьми или принимать в наследство).

Прежде чем сохранить скриншот, можно его подвигать на сайте.
Прежде чем сохранить скриншот, можно его подвигать на сайте.

Скриншотилка Eagle заслуживает отдельного внимания:

  • Автоматически сохраняет ссылку, что очень удобно.
  • Есть быстрые клавиши.
  • Можно выставить задержку на скриншот, чтобы дать анимации прогрузиться! Такого вообще ни у кого не видел.
  • Можно подвигать область скриншота прежде чем картинку отправить в программу, чтобы влезло больше чем размер экрана.

Возможно, это лучшая программа для базы референсов, на данный момент, которую можно было бы купить за деньги ($30 и есть бесплатная пробная версия на 30 дней). ru.eagle.cool

Какие есть варианты и что с ними не так?

Figma. Web app.

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

Adobe Bridge (free). Mac, Windows.

Надежное, проверенное решение, хоть и несколько неуклюжее. Отображение шотов неудобное, хранить ссылку негде. Есть решения удобнее.

Pixave (free). Mac.

  • Есть папки, теги, поиск по цвету.
  • Своя скриншотилка.
  • Есть бесплатная версия для ipad (от 2018 года).

UI не без проблем:

  • Просмотр изображений странный: тачападом можно перемещаться по шоту, а мышкой нет;
  • PDF открывает, масштабируя по ширине, а изображения по высоте.

Есть ощущение, что проект заброшен, так как не обновлялся больше года.

Allusion app (open source). Mac, Windows, Linux.

  • Есть папки и теги. Ссылку хранит в exif и там же можно оставлять комментарии.
  • Просмотр изображений своеобразный — по пробелу открывается отдельное окно, которое можно вывести на отдельный монитор.
  • Масштабирование проще не использовать, но оно и редко нужно.
  • PDF не показывает и, в целом, количество форматов ограничено.
  • Нет скриншотилки.

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

Из преимуществ — бесплатно, и это единственный вариант для Linux.

raindrop.io (free / 2400р/год). Web app.

Если база референсов небольшая и хватает бесплатной версии (100 Мб в месяц — это не мало, с этим можно жить), тогда это отличное решение.

  • Похожие теги можно располагать рядом.
  • Еще одна проблема в том, что, как и многие, я сначала просто хранил скриншоты в Figma, потом хранил их в папках на компьютере, а поместить их теперь в raindrop возможно только костылями  — импортировать можно только html, csv, enex или txt. Если собирать в ней базу, то с нуля, или сначала собрать ее в том же Eagle, и экспортировать оттуда.

scrapp.me (free / $8/месяц). Web app.

Отечественный продукт для скромной бесплатной коллекции референсов — только 50 скриншотов в день и 1 Гб на все про все. На самом деле, это много — гигабайт забьется не скоро, но при активной работе закончится в итоге. И есть очень неприятный момент, когда цену невозможно посмотреть до начала использования продукта.

  • Основной инструмент категоризации — теги.
  • Папок нет.
  • Из плюсов — скриншотилка автоматически прикрепляет ссылку.

Просто чтобы упомянуть.

Следующие решения крутые, но дорогие и подходят для компаний или команд.

niice.co — для команд от 10 человек (цена от $83/месяц)

collecta.space $80/год или $8/месяц