Рост популярности смартфонов и увеличение количества времени пользователей, проведенного в интернете, рождает необходимость компаний привлекать новый поток клиентов посредством мобильных приложений. В этой статье исследуются современные программы для разработки дизайна мобильных приложений. Методом изучения информации и сравнительного анализа были выявлены и продемонстрированы критерии, с помощью которых можно выбрать ту или иную программу.
Ключевые слова: мобильные приложения, веб-дизайн, программы для веб-дизайна.
Невозможно отрицать стремительный подъем популярности смартфонов. Число пользователей мобильных устройств, а также количество скачиваний мобильных приложений растет с каждым днем. Это обусловлено высокой функциональностью, скоростью и удобством «карманной» техники, так как с помощью нее можно найти нужную информацию, находясь в любом месте: люди используют смартфоны тогда, когда доступ к компьютеру отсутствует или в нем нет необходимости. Мобильные приложения делают жизнь пользователей проще, ведь не большое устройство, которое всегда находится под рукой значительно сокращает время для выхода в Интернет. [3] Поэтому многие компании задумываются над разработкой мобильных приложений для своего бизнеса, чтобы c их помощью увеличить входящий поток клиентов.
Прежде чем программисты приступят непосредственно к технической части разработки мобильного приложения, его элементы интерфейса и внешний вид создается дизайнерами. В этой статье я рассмотрю самые популярные программы для разработки дизайна мобильных приложений на 2020 год.
AdobePhotoshop
Adobe Photoshop — это один из самых старых, но не теряющих своей актуальности графических редакторов. Первоначально программа не предназначалась конкретно под дизайн веб-страниц: это растровый редактор изображений c безграничными возможностями для создания любых графических элементов. [2] Однако за неимением альтернативы, первый дизайн сайтов (не говоря о дизайне мобильных приложений, которые появились значительно позже) разрабатывался именно в Adobe Photoshop. На данный момент требования к техническим особенностям дизайна макетов веб и мобильных страниц изменились, но Adobe Photoshop до сих пор не теряет своей актуальности и используется некоторыми дизайнерами и разработчиками.
AdobeXD
В 2015 году компания Adobe Systems выпустила специальную программу для разработки интерфейсов — Adobe XD. Данная среда разработки позволяет создавать активные прототипы и дизайн макетов сайтов и мобильных приложений. Разработчики постарались оставить только самый необходимый функционал для веб-дизайнеров, а также для программистов.
Sketch
Sketch — это векторный графический редактор для проектирования интерфейсов. Был выпущен в 2010 году компанией Bohemian Coding. Особенность этой программы в том, что она доступна только под операционную систему macOS. Sketch стал альтернативой Adobe Photoshop для веб-дизайнеров, так как это приложение имеет минимальный набор инструментов на панели, обладает высокой скоростью запуска и занимает совсем мало места на жестком диске (42 Мб).
Figma
В 2016 году появляется новый сервис для дизайна интерфейсов — Figma. Отличие этой программы от всех предыдущих в том, что это онлайн-редактор. [1] Figma чрезвычайно проста в освоении, а для работы в ней не требуется дополнительно устанавливать программу на компьютер (хотя такая возможность предусмотрена). Особенностью этого сервиса является кроссплатформенность, что позволяет работать над одним проектом нескольким людям в режиме реального времени. Также Figma отвечает всем требованиям разработчиков и дизайнеров, в ней есть возможность добавлять шаблоны практически любых современных гаджетов и смотреть необходимые данные для кода.
Ниже представлена таблица с анализом представленных выше программ, в которой рассмотрены такие сравнительные критерии как: необходимое место на диске для загрузки, функциональные возможности, необходимые для дизайна мобильных приложений, совместимость с устройствами и операционными системами.
Таблица 1
Анализ программ для дизайна мобильных приложений
|
Название |
Необходимое для загрузки место на диске |
Функциональные возможности, необходимые для дизайна приложений |
Совместимость с устройствами иоперационными системами |
|
Adobe Photoshop |
Не менее 3,1 ГБ |
Обработка фотографий; ретушь; создание растровых изображений любой сложности |
Windows10, macOS, Android, iOS |
|
Adobe XD |
2,5 ГБ |
Создание активных прототипов; возможность скопировать CSS; история изменений версий; руководство по стилю; совместный доступ к прототипам по ссылке |
Windows10, macOS, Android, iOS |
|
Sketch |
42 Мб |
Наборы шаблонов под устройства; символы и общие стили; макетная сетка; превью на устройстве; экспорт слоев |
macOS, iOS |
|
Figma |
Не требуется место на диске (сервис работает в любом браузере) |
Одновременная командная работа над одним проектом; комментарии внутри сервиса; компоненты; экосистема; актуальность версий; автоматическая загрузка шрифтов |
Windows, macOS, Android, iOS, все браузеры |
Таким образом, опираясь на данные проведенного исследования (необходимое место для загрузки на диске, функциональные возможности, необходимые для дизайна приложений, cовместимость с устройствами и операционными системами) можно сделать выбор в пользу той или иной программы для разработки дизайна мобильных приложений. Я же, как веб-дизайнер, сначала использовала Adobe Photoshop, а затем перешла на Figma и работаю в этой программе на данный момент.
Литература:
1. Окунев А. «Руководство по Figma», 2019.
2. Аббасов И. Б. «Основы графического дизайна на компьютере в Photoshop CS3, 2008.
3. Парамонов И. В. «Разработка мобильных приложений для платформы Android», 2013.
