Дипломная работа: Дизайн-концепция для мобильного приложения-органайзера для студентов
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
62
Рис.2.13. Вариации знака для мобильного
приложения-органайзера «Хелпер»
В итоге были выбраны следующие шрифты для знака мобильного
приложения-органайзера «Хелпера» (см. рис.2.14.). Название написано – Days,
а дескриптор и служебный шрифт – Manrope.
Рис.2.14. Итоговый вариант знак
для мобильного приложения-органайзера «Хелпер»
2.2.3. Использование знака
В основном будет использовать иконка для приложения, потому что
если смотреть их для скачивания в App Store и Play Market, то там идет только
иконка. Соответственно необходимо было выяснить параметры,
используемых иконок: размер, формы, цветовое пространство.
В играх и приложениях внедряется новая система знаков, которая
поможет адаптировать изображения к макету интерфейсов и типам устройств.
63
Форма иконки должна быть вписана в квадрат, который после загрузки
пример форму скругленными краями. Это помогает оставлять иконки в единой
стилистике. Размер иконки является стандартным для всех – 512 на 512
пикселей.
У цветового пространства есть несколько вариантов (см. рис.2.15.).
Первый объект будет находится в центре над цветным фоном, который
расположен на всем поле. Второй вариант немного отличается композиция
расположена так, чтобы она распространилась на все пространство.
Исходя из этой информации можно вычесть следующее. Разработанный
знак будет использоваться в иконке, обозначающего приложения.
Рис.2.15. Экран загрузки мобильного
приложения-органайзера «Хелпер»
2.3. Стилеобразующие элементы
Цвет
В изобразительной части знака будут использоваться следующие цвета,
которые были выбраны при разработке знака (см. рис.2.16.). Фоном иконки и
64
экранов мобильного приложения-органайзера будет градиент с желтого на
оранжевый цвет. Рука же будет окрашена в голубой цвет с более темного
оттенка обводкой. Этот контраст должен гармонировать между собой. Для
выбора цветовых констант был проведен поиск значений и заложенного
смысла в цвет по психологическим признакам. Выяснилось, что оранжевый
цвет несет в себе дружелюбие, радость, другими словами приятные и
положительные эмоции.
Выбор таких цветов был обусловлен тем, что оттенки оранжевого цвета
символизирует дружелюбие, радость, другими словами приятные,
положительные эмоции. На контрасте с ними идут оттенки синего, которые
показывают стабильность. Желтый цвет имеет схожее значение. Цвет тепла,
радости и оптимизма. Данные оттенки подходят для молодежи. На контрасте
с ними идут холодные оттенки. Голубой показывает спокойствие и также этот
является цветом мира. Синий оттенок символизирует стабильность, носит в
себе расслабляющий эффект и приносит покой. Их сочетание несет гармонию
в себе, поэтому было решено использовать их градиенты. Желто-оранжевый
используется для фона, голубо-синий же для элементов, расположенных на
экране (кнопки). Дополнительные цвета будут использоваться в фирменном
стиле мобильного приложения-органайзера «Хелпер». Они не имеют сильной
нагрузки на глаза и используются для дополнительных элементов.
Рис.2.16. Цветовое оформление
65
Шрифт
Необходимо было определиться с выбором гарнитур для знака и
дескриптора. Выбор пал на Days и Manrope (см. рис.2.17.). Для знака было
необходимо подобрать не строгий шрифт, который подходил для целевой
аудитории. Он выглядит более дружелюбно, благодаря скругленным краям.
Для дескриптора и внутреннего пользования необходимо было найти
шрифт с несколькими начертаниями, который адаптирован для WEB, текст
должен быть гротеском. Исходя из таких критериев был выбран Manrope.
Рис.2.17. Гарнитуры для знака мобильного
приложения «Хелпер»
Графика
Для мобильного приложения-органайзера «Хелпер» необходимо
сделать пиктограммы, благодаря которым можно ориентироваться в
мобильном приложении. Пиктограммы должны были подкреплять дизайн
экранов мобильного приложения-органайзера «Хелпер». Необходимо было
определиться с формами пиктограмм. За основу было решено взять квадрат с
скругленными краями, после разработки эскизов. Пиктограммы, которые
будут использоваться в мобильном приложении, должны быть маленького
размера, в связи с этим их нужно упростить, но так, чтобы пользователи
смогли понять смысл. Нужно найти подходящие образы для разделов, которые
будут применяться как совместно с названиями, так и отдельно.
Первый раздел, который нужно было разрабатывать – Расписание (см.
рис.2.18). Ассоциация с этим словом были следующие: список, календарь,
66
часы, пункты, ежедневник. Необходимо было найти образ, который был
считываемым с первого взгляда. Отрисованные списки напоминали больше
заметки, поэтому было решено использовать этот образ на другом разделе.
Календарь должен был обозначать События, поэтому также был отметен.
Итоговым вариантом для данного раздела стал ежедневник.
Рис.2.18. Эскиз пиктограммы для раздела – Расписание
Второй раздел – События (см. рис.2.19.). Ассоциация была с календарем
или более подробнее особая дата. Для начала был отрисован обычный
календарь, но образ был не привлекательным, поэтому нежно было найти
другое изображение, которое больше подошло для раздела. Итоговый образ
стал календарь с цифрой.
Рис.2.19. Эскизы пиктограммы для раздела – События
Третий раздел – Лекции (см. рис.2.20.). Необходимо было найти
подходящий образ, который будет узнаваем. В мыслях были следующие
ассоциации: презентация, картинка, график, тетрадь - клетка, портфель,
микрофон, учебник, документ, письменный инструмент (рука, карандаш).
Сложно было найди подходящий образ, ведь нельзя с уверенностью сказать,
что все считают его правильно. Картинка не однозначно дает понять, что это
за раздел, такая иконка используется часто для обозначения галереи в
телефоне, а значит не подойдет для Лекций. График лучше подходил, но также
не вызывал прочную ассоциацию. В мыслях было показать документ, который
Источник: https://baza.diplomsite.ru/previewfile/600