{"id":13596,"url":"\/distributions\/13596\/click?bit=1&hash=329b32e60451b0cf4a47d27086703802ee8d7075c5235c0738b6fba6a30c172a","title":"\u0421\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u043d\u0432\u0435\u0441\u0442\u043f\u043e\u0440\u0442\u0444\u0435\u043b\u044c \u0431\u0435\u0437 \u0438\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u043d\u044b\u0445 \u0430\u043a\u0446\u0438\u0439","buttonText":"\u0412\u0430\u0440\u0438\u0430\u043d\u0442\u044b","imageUuid":"11fd0da9-ce32-56eb-b033-c76a7a38791d","isPaidAndBannersEnabled":false}
Артуш Манукян

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

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

Предыстория

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

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

Почему Eagle? Преимущества и функционал

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

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

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

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

На скриншоте вы сразу можете увидеть доступный функционал.

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

Процесс сохранения референсов интегрируется в повседневную работу.

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

Можно перенести сразу в нужную папку.

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

Фильтры.
Структура с папками.
Возможности редактирования папки.
При скриншоте через расширение ссылка сохранилась автоматически. Помимо этого было создано название. Удобно также, что есть возможность проставить рейтинг.
Поиск референсов через теги.

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

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

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

Поддерживаемые форматы для Windows (81 шт)

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

Фильтры есть и здесь.

Моя иерархия папок

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

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

Делюсь с вами самым сокровенным)

Интересный лайфхак

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

Итоги

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

0
2 комментария
Фёдор Трухин

Отличный обзор, скинул ссылку на него авторам программы, надеюсь что смогу за ваш обзор получить серийный номер на программу ))))
А вам поставлю плюсик за обзор )))

Ответить
Развернуть ветку
Михаил Лещев

Гений)

Ответить
Развернуть ветку
Читать все 2 комментария
null