Особенности разработки дизайна мобильного приложения

Август 7, 2022

Главная
Информатика
Особенности разработки дизайна мобильного приложения

Содержание

2. Актуальность Таким образом, актуальность данной работы заключается в том, что разработка и реализация дизайна мобильного приложения
3. Объектом курсовой работы является дизайн мобильного приложения. Предметом курсовой работы является особенности разработки дизайна мобильного приложения.
4. Для реализации данной цели были поставлены следующие задачи: определить понятие мобильных приложений; выявить основные элементы приложения;
5. Методы исследования: 1. Анализ литературы по проблеме исследования. 2. Сравнительный анализ аналогов приложения. Практическая значимость работы
6. Мобильное приложение и его основные элементы Мобильное приложение представляет собой разработанную программу для планшетов и смартфонов,
7. Мобильное приложение и его основные элементы Элементы управления - это доступные для манипулирования экранные объекты, посредством
8. Особенности разработки и тренды дизайна мобильного приложения Особенности разработки дизайна состоят из нескольких принципов: выражение эмоций,
9. Тренды в дизайне мобильных приложений 1. Бесшовный интерфейс 2. Собственные иллюстрации
10. Тренды в дизайне мобильных приложений 3. Истории с участием персонажей 4. Темный режим
11. Анализ аналогов мобильных приложений для поиска ресторанов или кафе Нет ничего лишнего, все элементы сочетаются между
12. Анализ аналогов мобильных приложений для поиска ресторанов или кафе Очень оригинальное решение для меню и выбора
13. Анализ аналогов мобильных приложений для поиска ресторанов или кафе Не за что уцепиться глазу, так как
14. Анализ аналогов мобильных приложений для поиска ресторанов или кафе Рассматривая такой вариант мобильного приложения, возникла мысль
15. Анализ аналогов мобильных приложений для поиска ресторанов или кафе Дизайн прост, минималистичен, удобен расположением элементов, в
16. Разработка дизайна мобильного приложения «Где поесть»
17. Разработка дизайна мобильного приложения «Где поесть» Создание дизайна разделилось на 2 этапа: 1. Разработка эскиза приложения;
18. На основе полученных знаний в ходе исследования статей на интернет ресурсах и полученного опыта на производственной
19. Создание дизайна мобильного приложение производилось с помощью программы для создания графики Figma. Первым делом были отрисованы
20. В ходе работы были разработаны еще два варианта дизайна, они также были сделаны по эскизу, но
21. Вариант дизайна приложения для iOS
22. Выбор итогового макета производился заказчиком, он выбрал вариант ниже, который полностью соответствует эскизу, объясняя свой выбор
24. Скачать презентацию

Слайд 2

Актуальность
Таким образом, актуальность данной работы заключается в том, что разработка и

реализация дизайна мобильного приложения является значимой и даже необходимой частью в жизни общества.

Слайд 3

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

разработки дизайна мобильного приложения.
Целью курсовой работы является изучение проектирования и разработки дизайна мобильного приложения для заказчика digital агентство «Uralmedias»

Слайд 4

Для реализации данной цели были поставлены следующие задачи:
определить понятие мобильных приложений;

выявить основные элементы приложения;
изучить аналоги мобильных приложений и сделать анализ аналогов;
изучить тренды в дизайне мобильных приложений;
разработать прототип мобильного приложения;
разработать концепт (дизайн) мобильного приложения.

Слайд 5

Методы исследования:
1. Анализ литературы по проблеме исследования.
2. Сравнительный анализ аналогов

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

Слайд 6

Мобильное приложение и его основные элементы
Мобильное приложение представляет собой разработанную программу

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

Слайд 7

Мобильное приложение и его основные элементы
Элементы управления - это доступные для

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

Слайд 8

Особенности разработки и тренды дизайна мобильного приложения
Особенности разработки дизайна состоят из

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

Слайд 9

Тренды в дизайне мобильных приложений
1. Бесшовный интерфейс
2. Собственные иллюстрации

Слайд 10

Тренды в дизайне мобильных приложений
3. Истории с участием персонажей
4. Темный

режим

Слайд 11

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

все элементы сочетаются между собой, тонкие линии и белый цвет выглядит утончённо и стильно, но карточки заведений выглядят грубо.

Удобное положение карточек они не маленькие, всё четко просматривается.
Единственный минус в том, что не понятно где кнопка «меню» и есть ли она вообще, так как она важная часть такого приложения.

Слайд 12

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

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

Ничем не цепляющие карточки с блюдами или заведениями. Фото выглядят аппетитно, но оформление и текст не бросается в глаза.

Слайд 13

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

уцепиться глазу, так как всё выглядит однообразно. Иконки, фото, картинки - маленькие. Неудобный и не цепляющий дизайн.

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

Слайд 14

Анализ аналогов мобильных приложений для поиска ресторанов или кафе
Рассматривая такой вариант

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

Хорошо читаемый шрифт, скругленные углы и элементы, на главной странице находится то, что нужно. Сподручно расположены элементы, всё по порядку, присутствует иерархия в дизайне

Слайд 15

Анализ аналогов мобильных приложений для поиска ресторанов или кафе
Дизайн прост, минималистичен,

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

Интересное и необычное, а главное - удобное расположение блоков. Крупные фотографии и только главная информация, нет никаких излишеств.

Слайд 16

Разработка дизайна мобильного приложения «Где поесть»

Слайд 17

Разработка дизайна мобильного приложения «Где поесть»
Создание дизайна разделилось на 2 этапа:
1.

Разработка эскиза приложения;
2. Создание дизайна, подбор текста и фото;

Слайд 18

На основе полученных знаний в ходе исследования статей на интернет ресурсах

и полученного опыта на производственной практике, был создан эскиз

Слайд 19

Создание дизайна мобильного приложение производилось с помощью программы для создания графики

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

Слайд 20

В ходе работы были разработаны еще два варианта дизайна, они также

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

Слайд 21

Вариант дизайна приложения для iOS

Слайд 22

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

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

Особенности разработки дизайна мобильного приложения

Содержание

АктуальностьТаким образом, актуальность данной работы заключается в том, что разработка и

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

Для реализации данной цели были поставлены следующие задачи:определить понятие мобильных приложений;

Методы исследования: 1. Анализ литературы по проблеме исследования.2. Сравнительный анализ аналогов

Мобильное приложение и его основные элементыМобильное приложение представляет собой разработанную программу

Мобильное приложение и его основные элементыЭлементы управления - это доступные для

Особенности разработки и тренды дизайна мобильного приложенияОсобенности разработки дизайна состоят из

Тренды в дизайне мобильных приложений1. Бесшовный интерфейс 2. Собственные иллюстрации

Тренды в дизайне мобильных приложений3. Истории с участием персонажей 4. Темный

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

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

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

Анализ аналогов мобильных приложений для поиска ресторанов или кафеРассматривая такой вариант

Анализ аналогов мобильных приложений для поиска ресторанов или кафеДизайн прост, минималистичен,