Какие графические программы должен знать frontend разработчик? В этой статье я представляю список графических программ, о которых должен знать разработчик интерфейсов.
Нужно ли разработчику интерфейса знать графические программы (и уметь их использовать)?
Графические программы в основном используются для вырезания графики или чтения размеров из графического дизайна.
Общение между дизайнерами и разработчиками очень важно, особенно когда речь идет о пользовательском интерфейсе приложения.
Adobe Photoshop
Одна из самых популярных графических программ для редактирования растровой графики. Очень мощный инструмент, используемый для веб-дизайна и редактирования фотографий.
- Лицензия: Платная / Пробная
- Система: Windows / macOS
Adobe Illustrator
Программа семейства Adobe, предназначенная для векторной графики. Как и Photoshop, это очень мощный инструмент.
- Лицензия: Платная / Пробная
- Система: Windows / macOS
Adobe XD
Еще одна программа от Adobe. Он основан на векторной графике и используется для разработки пользовательского интерфейса веб-приложений - как браузерных, так и мобильных.
- Лицензия: Бесплатная / Платная
- Система: Windows / macOS
Figma
Figma используется для создания и создания прототипов проектов. Также позволяет сотрудничество со сторонами по проекту в режиме реального времени.
- Лицензия: Бесплатная / Платная
- Система: Windows / macOS / веб-браузер.
Sketch
Sketch - это программа для создания прототипов проектов. Она позволяет многим людям совместно работать над концепциями.
- Лицензия: Платная
- Система: macOS
Lunacy
Lunacy является программным обеспечением для разработки прототипов. Открывает файлы .sketch в Windows. По словам авторов, это Sketch для Windows.
- Лицензия: Бесплатно
- Система: Windows
Zeplin
Zeplin - это программа для взаимодействия дизайнеров и разработчиков интерфейсов в пользовательском интерфейсе.
- Лицензия: Бесплатная / Платная
- Система: Windows / macOS / веб-браузер.
Avocode
Avocode - это инструмент для создания и совместной работы над проектом. Он позволяет создавать интерактивные прототипы и делиться ими с другими.
- Лицензия: Пробная / Платная
- Система: Windows / macOS / Linux
Affinity Photo
Affinity Photo - программа, созданная для растровой графики. Он обладает множеством функциональных возможностей и является достойной альтернативой Adobe Photoshop (а может, и не только?).
- Лицензия: Пробная / Платная
- Система: Windows / macOS / IPad
Affinity Designer
Affinity Designer является эквивалентом Adobe Illustrator. Позволяет работать с векторной графикой.
- Лицензия: Пробная / Платная
- Система: Windows / macOs / iPad
InVision Studio
InVision Studio - это еще одна программа для создания прототипов пользовательских интерфейсов и анимации с возможностью совместной работы нескольких человек.
- Лицензия: Бесплатная / Платная
- Система: Windows / macOS
GIMP
GIMP - бесплатная программа для растровой графики. Она имеет открытый исходный код, благодаря которому каждый может внести свой вклад в ее разработку.
- Лицензия: Бесплатная
- Система: Windows / macOS / Linux
Inkscape
Inkscape, как и GIMP, бесплатен и имеет открытый исходный код. Используется для работы с векторной графикой.
- Лицензия: Бесплатная
- Система: Windows / macOS / Linux
Framer X
Framer X - это инструмент для работы с прототипами интерактивного пользовательского интерфейса.
- Лицензия: Пробная / Платная
- Система: macOS
CorelDraw
CorelDraw - это графическая программа для растровой и векторной графики.
- Лицензия: Пробная / Платная
- Система: Windows / macOS