Исследование актуальных программ для разработки дизайна мобильных приложений | Статья в журнале «Молодой ученый»

Отправьте статью сегодня! Журнал выйдет 29 августа, печатный экземпляр отправим 16 сентября.

Опубликовать статью в журнале

Автор:

Рубрика: Информационные технологии

Опубликовано в Молодой учёный №48 (286) ноябрь 2019 г.

Дата публикации: 01.12.2019

Статья просмотрена: 172 раза

Библиографическое описание:

Рындина, Е. Д. Исследование актуальных программ для разработки дизайна мобильных приложений / Е. Д. Рындина. — Текст : непосредственный // Молодой ученый. — 2019. — № 48 (286). — С. 25-27. — URL: https://moluch.ru/archive/286/64523/ (дата обращения: 15.08.2020).



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

Ключевые слова: мобильные приложения, веб-дизайн, программы для веб-дизайна.

Невозможно отрицать стремительный подъем популярности смартфонов. Число пользователей мобильных устройств, а также количество скачиваний мобильных приложений растет с каждым днем. Это обусловлено высокой функциональностью, скоростью и удобством «карманной» техники, так как с помощью нее можно найти нужную информацию, находясь в любом месте: люди используют смартфоны тогда, когда доступ к компьютеру отсутствует или в нем нет необходимости. Мобильные приложения делают жизнь пользователей проще, ведь не большое устройство, которое всегда находится под рукой значительно сокращает время для выхода в Интернет. [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.

Основные термины (генерируются автоматически): приложение, программа, разработка дизайна, CSS, возможность, дизайн приложений, необходимое место, устройство.


Ключевые слова

Мобильные приложения, веб-дизайн, программы для веб-дизайна

Похожие статьи

Дизайн мобильного приложения | Статья в журнале...

Концепция дизайна мобильного приложения. При выборе нужного приложения среди большого выбора первое, чем

Подводя итог, можно сделать следующий вывод. Разработка дизайна мобильного приложения является основной и даже главной частью самого мобильного...

Проектирование мобильных приложений и облачных сервисов

При выборе платформы разработки приложения необходимо сначала определиться с ее типом.

Оборотная сторона разработки родных приложений для каждой платформы нужно писать свой код.

Мобильные Web-приложения обычно пишут на HTML5, CSS и JavaScript.

Дизайн компьютерных приложений для визуализации...

Обучающийся, использующий эти приложения, имеет возможность наблюдать за

Библиографическое описание: Данилов О. Е. Дизайн компьютерных приложений для

В статье рассмотрены варианты дизайна многооконных компьютерных приложений, моделирующих...

Разработка мобильного мультиплатформенного приложения...

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

Фреймворк позволяет оборачивать CSS, HTML5 и JavaScript код в зависимости от выбранной платформы устройства.

Адаптивный дизайн веб-сайта с использованием...

В данной статье раскрывается понятие адаптивного дизайна как одного из процессов веб разработки.

Исходя из этого становится понятно, что интернет приложения и веб сайты являются

Адаптивный дизайн призван сделать веб-страницы и отображение их содержимого...

Сравнительный анализ методов представления информации для...

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

Разработка мобильных приложений с использованием облачных...

Разработка мобильных приложений на современном этапе является крайне популярной услугой.

Чтобы сделать пользование таким приложением удобным необходимо, чтобы

Начиная с 2017 г. для разработки мобильных приложений на основе облачных баз данных...

Оценки возможностей использования различных подходов при...

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

Роль современных мобильных приложений в учебном процессе...

Это приложение доступно для устройств на базе операционных систем Android и iOS.

Несколько большими, чем рассмотренные выше, возможностями обладает приложение

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

Похожие статьи

Дизайн мобильного приложения | Статья в журнале...

Концепция дизайна мобильного приложения. При выборе нужного приложения среди большого выбора первое, чем

Подводя итог, можно сделать следующий вывод. Разработка дизайна мобильного приложения является основной и даже главной частью самого мобильного...

Проектирование мобильных приложений и облачных сервисов

При выборе платформы разработки приложения необходимо сначала определиться с ее типом.

Оборотная сторона разработки родных приложений для каждой платформы нужно писать свой код.

Мобильные Web-приложения обычно пишут на HTML5, CSS и JavaScript.

Дизайн компьютерных приложений для визуализации...

Обучающийся, использующий эти приложения, имеет возможность наблюдать за

Библиографическое описание: Данилов О. Е. Дизайн компьютерных приложений для

В статье рассмотрены варианты дизайна многооконных компьютерных приложений, моделирующих...

Разработка мобильного мультиплатформенного приложения...

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

Фреймворк позволяет оборачивать CSS, HTML5 и JavaScript код в зависимости от выбранной платформы устройства.

Адаптивный дизайн веб-сайта с использованием...

В данной статье раскрывается понятие адаптивного дизайна как одного из процессов веб разработки.

Исходя из этого становится понятно, что интернет приложения и веб сайты являются

Адаптивный дизайн призван сделать веб-страницы и отображение их содержимого...

Сравнительный анализ методов представления информации для...

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

Разработка мобильных приложений с использованием облачных...

Разработка мобильных приложений на современном этапе является крайне популярной услугой.

Чтобы сделать пользование таким приложением удобным необходимо, чтобы

Начиная с 2017 г. для разработки мобильных приложений на основе облачных баз данных...

Оценки возможностей использования различных подходов при...

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

Роль современных мобильных приложений в учебном процессе...

Это приложение доступно для устройств на базе операционных систем Android и iOS.

Несколько большими, чем рассмотренные выше, возможностями обладает приложение

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

Задать вопрос