Дипломная работа: Дизайн-концепция для мобильного приложения-органайзера для студентов
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
67
может дать ассоциацию, но образ не подошел. При поиске нужного предмета,
была трибуна, где стоит человек рассказывая доклад. Образ плохо читался,
поэтому также был убран. Торговым вариантом стал список, который
обозначал порядок книг.
Рис.2.20. Эскиз пиктограммы раздела – Лекции
Четвертый раздел – Контакты (см. рис.2.21.). Обозом могли служить
человечки один или несколько, «визитка», телефонная книга. Обычно для
такого раздела изображают человека одного или несколько. Но проблема была
в том, что формы такие больше бы нигде не использовались, а значит не
подходит. Знак был упрощен до прямоугольника и круга, но для общей
стилистики необходимо было отказаться от круглой формы, поэтому он был
изменен на квадрат. Добавив к человеку текст, показывающий данные о
определенном субъекте, стал итоговым вариантом.
Рис.2.21. Эскиз пиктограммы для раздела – Контакты
Пятый раздел – Чат (см. рис.2.22.). Можно было использовать
диалоговое окно, точки, общение. В наше время уже существует иконка,
68
обозначающая чат, но для того, чтобы она не выбивалась из обще стилистики,
ее необходимо было сделать схожей с другими пиктограммами. Из-за этого
были сделаны разные варианты, которые считывалось правильно. Итоговым
вариантом стал вписанный в прямоугольник три квадратные точки.
Рис.2.22. Эскиз пиктограмма для раздела – Чат
Шестой раздел – Заметки (см. рис.2.23.). Ассоциируются с блокнотом,
листом бумаги, ручкой, стикером. Заметки часто изображают как список,
поэтому нужно было найти подходящий образ. Итоговым вариантом стал
список с верхней плашкой.
Рис.2.23. Эскиз пиктограммы для раздела – Заметки
Седьмой раздел – Настройки (см. рис.2.24.). Используется для
обозначения шестеренка и регулировка «баланса». Для соблюдения
стилистики был выбран образ с регулировкой баланса.
69
Рис.2.24. Эскиз пиктограммы для раздела – Настройки
Необходимо определиться с тем какими они будут: линейными,
линейно-пятновыми или же пятновыми. Линейные не подходили, из-за того,
что в формах, находящихся на экранах обводка не используется вовсе (см.
рис.2.25.).
Рис.2.25. Линейные пиктограммы для мобильного
приложения-органайзера «Хелпер»
Исходя из этого было решено попробовать линейно-пятновой, но
минимум использования обводки, больше для декорации. Но тем не менее
вариант такой тоже не дошел (см. рис.2.26.-2.28.), поэтому пиктограммы стали
пятновыми.
Рис.2.26. Разработка пиктограмм для мобильного
приложения-органайзера «Хелпер»
70
Рис.2.27. Разработка пиктограмм для мобильного
приложения-органайзера «Хелпер»
Рис.2.28. Разработка пиктограмм для мобильного
приложения-органайзера «Хелпер»
Данные варианты не подошли из-за того, что силуэты были слишком
упрощены и не все узнавались, поэтому необходимо было решено начать
разработку заново. Форма фона осталась прежней. Сложность состояла в том,
что, упросив до простых форм было трудно подобрать композицию для
создания узнаваемого образа. В связи с этим нужно было усложнить формы
для того, чтобы их можно быть правильно считать.
Итоговыми образами стали отредактированные образы, выравненные по
сетке (см. рис.2.30.), это позволило найти подходящие изображения, которые
не будут спорить между собой (см. рис.2.29.). Для расписания был выбран
ежедневник. События представлены в виде календаря с цифрой последнего
71
месяца. Лекции выполнены в виде списка литературы. Контакты обозначены
как информация о человеке. Чат изображен как точки, которые имеют форму
квадрата. Заметки представлены в виде списка с местом для галочки.
Настройки показаны как регулировки баланса.
Рис.2.29. Итоговые пиктограммы для мобильного
приложения-органайзера «Хелпер»
Рис.2.30. Пример модульной сетки для пиктограммы
В приложениях аналогов, которое нужно было исследовать, находились
пиктограммы для быстрого перехода из одного раздела в другой. Где-то они
были убраны в «бургер», а где-то располагались внизу экрана. Для
разрабатываемого приложения было решено использовать часть пиктограмм
внизу те, которые чаще всего должны использовать, и скопировать их полный
состав в «бургер». Также в мобильном приложении будут использоваться
также дополнительные пиктограммы: редактировать, поиск, микрофон и
Источник: https://baza.diplomsite.ru/previewfile/600