Какие инструменты дизайнера полезно знать Frontend-разработчику
Frontend-разработчику часто приходится работать в связке с дизайнерами, а иногда и самостоятельно проектировать инфтерфейс веб-приложений. Для разработки дизайна веб-страниц и приложений, прототипирования и совместной работы команды на сегодняшний день чаще всего используются следующие инструменты:
Все вышеперечисленные решения уже стали классикой, а сегодня мы расскажем вам о менее известных, но не менее интересных инструментах:
1. Потребовалось открыть и внести правки в изображение в форматах psd или svg? Есть у нас для вас бесплатный редактор, который работает прямо из браузера - Photopea называется. Редактор умеет работать с растровыми и векторными изображениями.
2. Нравится Sketch, но нет Mac`а? Не беда - Есть Lunacy - нативное windows-приложение, которое умеет работать с файлами sketch`а. Тоже, кстати, бесплатно.
3. Любите оупенсорс и не хотите ежемесячно платить за подписку Adobe Photoshop? Используйте Gimp - кросcплатформенный (есть версии для Linux, macOS, Windows) растровый редактор, который умеет почти все, что умеет Photoshop. Правда, придется привыкнуть к интерфейсу, - отличается заметно.
4. Являетесь активным пользователем социальных сетей и хотите использовать красочные заставки? Есть у нас для вас подгончик: Pixelixe Studio. Инструмент, традиционно, бесплатный. Есть заготовки для LinkedIn, Twitter, Instagram, Facebook, Youtube и Pinterest. Для VK и Telegram, к сожалению, шаблонов нет. В сервис зашит доступ к тысячам изображений из бесплатных фотостоков, есть свои наборы иконок и шрифтов. Экспортировать получившиеся картинки можно в форматах jpg, png или HTML.
5. И последним в нашей сегодняшней подборке станет Vectr - мощный редактор доступный через браузер или в виде desktop-приложения. Название говорит само за себя - редактор предназначен для работы с векторной графикой.
Надеемся, что инструменты, о которых мы рассказали в этом материале вам пригодятся.
А какой инструмент для прототипирования и создания веб-графики используете вы? Ждем ваших ответов в комментариях.