Eagle. Как дизайнеру навести порядок в референсах

Всем привет, меня зовут Руслан, я начинающий UX/UI-дизайнер. Не так давно я пошел на курсы от известной студии, чтобы улучшить свои скилы и там началась работа с референсами. Сначала я собирал их в фигме, потому что об этом говорили преподаватели, но спустя некоторое время хранить большое количество скриншотов и картинок становилось проблематично. Программа зависала и работа становилась сложной и неудобной. Я состою во многих чатах, и часто слышал о приложении Eagle, о котором очень лестно отзывались как новички, так и опытные дизайнеры. И вот я решил попробовать тот самый Eagle

Но для начала давайте немного поговорим о референсах. Будучи дизайнеров, ты постоянно должен развивать свою насмотренность, чтобы знать, как решить ту или иную задачу. Я считаю невозможно (или очень трудно) придумать что-то из своей головы, поэтому на помощь приходит опыт других людей. Это и есть референсы. В моем случае это картинки и видео разных разделов сайтов и интерфейсов. Также сюда можно отнести шрифты, различные формы, анимацию и тд.

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

Eagle

Когда тебе нужно упорядочить все те сотни картинок и не потерять их, на помощь приходит Eagle. Это программа для четкого и логичного сохранения своей библиотеки знаний.

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

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

Также я могу оставить заметку, чтобы описать референс (почему он мне понравился, что нужно использовать и так далее).

Поэтому навигация в программе легкая и интуитивно понятная для каждого.

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

Вот пару горячих клавиш, которые помогают это сделать:

Alt+0 (сохранить ссылку в Eagle)

Alt+2 (снимок выбранной области)

Alt+4 (снимок всей страницы)

Это те горячие клавиши, которыми я пользуюсь постоянно.

Но можно не использовать клавиши, а просто потянуть за изображение и сразу его поместить в нужную тебе папку.

Полезные лайфхаки

Скриншот без привязки к браузеру. Это для того, чтобы на скриншоте показать какой-либо элемент в состоянии анимации (например, наведения). Это первая программа у меня, которая позволяет так удобно работать с таким запросом.

Eagle поддерживает все графические форматы, которые тебе требуются.

Также очень удобно сохранять видео. Нужно просто нажать пару кликов мышкой. Все! Видео у тебя в библиотеке.

Работа со шрифтами. Можно не устанавливать на компьютер, просто хранить в программе. При необходимости ты нажимаешь на него и устанавливаешь за несколько секунд.

Хранится вся библиотека у тебя на компьютере, что требует какое-то количество памяти. Но есть возможность перенести библиотеку в облако. Я так и сделал. Просто привязал программу к гугл диску и теперь все видео с изображениями хранятся там, не засоряя место у меня на ноутбуке. Если вам нужно поменять путь сохранения, то зайдите в раздел Библиотека и создайте папку, или выберите уже с имеющихся.

Вы можете искать референсы по цветам. Это почти то же самое, что и теги. В поиске можно выставить фильтры и искать так, как вам нужно.

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

В программе можно редактировать изображения. Обрезать, изменить цвет, повернуть, кадрировать. Это тоже часто помогает в работе с изображениями.

Удобный интерфейс. Для работы есть светлая и темная тема. Я как амбассадор темных тем, выбрал именно её! Так же Eagle выглядит очень минималистично и удобно.

Но у программы есть несколько небольших ограничений

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

Eagle — платная программа. Стоит 30$, но лицензию вы покупаете только один раз и всю жизнь получаете поддержку от компании. Также есть бесплатный месячный пробный период. Покупка осуществляется только через PayPal, что для жителей некоторых стран может быть немного затруднительно. Есть различные акции и скидки для студентов.

Опыт использования

Подводя итог, могу сказать, что я чрезмерно доволен использованием этой программы. Библиотека Eagle подходит для всех профессий, связанных с дизайном. Она помогает развивать тебе насмотренность и сохраняет сотни часов времени из-за своего удобства, логики и интуитивно понятной работе. Скачать или попробовать вы можете тут.

Благодарю за внимание!