Eagle — помощь в хранении референсов

Сегодня коснусь темы хранения и систематизации референсов.

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

Но какое-то время спустя, в ходе серфинга в интернете наткнулся на Eagle.

Причин выбрать именно его много, выберу несколько наиболее важных для меня:

1. Подробные инструкции на официальном сайте Eagle. Можно найти ответы практически на любой вопрос.

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

3. Быстрота взаимодействия. Например, можно быстро перенести картинку в Eagle просто зажав на ней курсор и потянув в любую сторону. Появится вот такое окно (скриншот ниже).

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

4. Система тегов, папок и фильтрации. Я очень системный человек и для меня всегда был важен порядок везде: в комнате, на рабочем месте, в рабочих файлах. И именно система тегов, папок и наличие фильтрации позволяет мне добиваться того же и в Eagle.

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

5. Разнообразие поддерживаемых форматов. Можно использовать целых 81 формат для хранения референсов. Сюда входят статичные фотографии разных форматов, видео, шрифты, SVG и многое другое. Подробнее об этом можно почитать здесь.

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

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

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

Это конечно же Hotkeys) С первых минут использования я заметил, что уходит достаточно много времени на поиск и открытие функционального элемента. Вместо этого можно быстро нажать сочетание клавиш и добиться того же результата с минимумом усилий. Рекомендую использовать, вы однозначно заметите разницу.

Eagle - отличный инструмент для хранения референсов. Он значительно упрощает и ускоряет работу. Все форматы хранятся в 1 месте и не нужно вспоминать, где ты оставил скриншот того красивого сайтика. Могу смело рекомендовать использовать Eagle для хранения референсов.