Тема: Особенности разработки дизайна мобильного приложения
Актуальность
Для реализации данной цели были поставлены следующие задачи:
Мобильное приложение и его основные элементы
Мобильное приложение и его основные элементы
Особенности разработки и тренды дизайна мобильного приложения
Тренды в дизайне мобильных приложений
Тренды в дизайне мобильных приложений
Анализ аналогов мобильных приложений для поиска ресторанов или кафе
Анализ аналогов мобильных приложений для поиска ресторанов или кафе
Анализ аналогов мобильных приложений для поиска ресторанов или кафе
Анализ аналогов мобильных приложений для поиска ресторанов или кафе
Анализ аналогов мобильных приложений для поиска ресторанов или кафе
Разработка дизайна мобильного приложения «Где поесть»
Разработка дизайна мобильного приложения «Где поесть»
Спасибо за внимание!
6.22M
Category: softwaresoftware

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

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

Министерство образования и науки Челябинской области
Государственное бюджетное профессиональное образовательное
учреждение
«Магнитогорский педагогический колледж»
Гуманитарное отделение
Кафедра дизайна и гуманитарных дисциплин
Тема: Особенности разработки дизайна
мобильного приложения
Руководитель: Шишова Елизавета
Сергеевна
Выполнила: Студентка III курса
Группа ГД-31
Волкова Анастасия

2. Актуальность

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

3.


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

4. Для реализации данной цели были поставлены следующие задачи:


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

5.

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

6. Мобильное приложение и его основные элементы

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

7. Мобильное приложение и его основные элементы

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

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

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

9. Тренды в дизайне мобильных приложений

1. Бесшовный интерфейс
2. Собственные иллюстрации

10. Тренды в дизайне мобильных приложений

3. Истории с участием персонажей
4. Темный режим

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

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

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

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

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

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

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

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

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

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

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

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

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

18.

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

19.

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

20.

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

21.

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

22.

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

23. Спасибо за внимание!

English     Русский Rules