Не так давно я начала обучение UX/UI дизайну и очень быстро столкнулась с необходимостью собирать референсы. Начала я, как и все, с того что создала подборки. Но, вся сложность заключалась в том, что сайтов много, а память моя не так уж функциональна… Представьте, что перед вами стоит задача — сделать страницу каталога для интернет-магазина. И вроде как, пару недель назад вы видели классные примеры, и даже сохранили их, но вот проблема.. не помните где искать. Вы методично открываете сайт за сайтом:
- Pinterest
- Dribbble
- Behance
- Awwwards и многие другие
- не забываем про закладки в браузере и список классных сайтов, сохраненный в Notion и excel-файле.
Как понимаете, обычно поиск не заканчивался успехом. Тогда я услышала, что можно сохранять скрины сайтов целиком или отдельных его частей в файле фигмы. Но и тут не все так идеально.. Файл рос и рос, и постепенно его загрузка стала сложной задачей для моего ноутбука.
И в этот момент я услышала от других ребят на обучении про Eagle, они говорили, что это лучшее решение для дизайнеров на рынке. Спустя какое-то время я решила попробовать этот продукт. И не разочаровалась. Теперь Eagle я открываю вместе с браузером по умолчанию. Итак, для чего я его использую:
- хранение базы с референсами для работы и учебы
- работа с референсами непосредственно с этой же программе (подбор, сортировка и т.д.)
Стоит отметить, что помимо самой программы у ребят есть очень удобное расширение для браузера, которое делает скрин страницы и автоматически сохраняет в базу Eagle. А дальше — дело за вами.
Для себя я решила организовать систему хранения по папкам, создала базу и по мере необходимости дополняю ее. Так, на начальном этапе у меня появились:
- Страница регистрации
- Страница оплаты
- Каталог товаров
- Карточка товара
- Слайдер
- Карта
- Контакты
- Футер
- Хедер и т.д.
В дополнение к этому я использую теги, которые я разделила по:
- тематика сайта (одежда, сумки, бижутерия, услуги и т.д.)
- название сайта
- тема (светлая и темная)
Что еще мне понравилось в данном инструменте, так это удобная работа с каждым объектом. При копировании изображения в Eagle вы сможете:
- прописать название изображения
- назначить теги
- прописать примечание
- выбрать в какую папку сохранить изображение
- приложение само обозначит ссылку, откуда вы скопировали фото
- и, что важно, обозначит палитру цветов, используемую на изображении
Вывод: eagle значительно упростил мне работу с базой референсов, помог это делать быстрее и проще. Теперь я:
- Регулярно пополняю базу референсов
- При необходимости найти хорошее решение захожу в нее и использую фильтрацию
- Разгрузила голову и стала эффективнее